impaktapps-ui-builder 1.0.54 → 1.0.56

package/package.json

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

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

@@ -12,7 +12,7 @@ export const buildButton = (config:any,componentScope:string) =>{
 
     }
     if(config.layout){
-      button.config.layout = createLayoutFormat(config.layout)
+      button.config.layout = createLayoutFormat(config.layout, config.type)
     }
     if(config.tooltipMessage){
         button.config.main.tooltipMessage = config.tooltipMessage

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

@@ -28,7 +28,7 @@ export default (FormData: any) => {
 
 export const createLayoutFormat = (layout: any[], type?: string) => {
   if (_.isEmpty(layout)) {
-    const fullLayoutComponents: string[] = ["Array", "WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "Table", "TabSection", "TextArea", "TreeMap", "Thought"]
+    const fullLayoutComponents: string[] = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought"]
     if(fullLayoutComponents.includes(type)){
       return { xs: 12, sm: 12, md: 12, lg: 12 }
     }

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

@@ -39,10 +39,10 @@ export const buildDataGrid = (config, componentScope) => {
         DataGrid.config.main.label = config.label;
     }
     if (config.layout) {
-        DataGrid.config.layout = createLayoutFormat(config.layout)
+        DataGrid.config.layout = createLayoutFormat(config.layout, config.type)
     }
     if (config.cardLayout) {
-        DataGrid.config.cardLayout = createLayoutFormat(config.cardLayout)
+        DataGrid.config.cardLayout = createLayoutFormat(config.cardLayout, config.type)
     }
     if (config.style) {
         DataGrid.config.style = JSON.parse(config.style)

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

@@ -7,7 +7,7 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
     horizontalBarGraph.scope = componentScope;
     if (config.layout) {
-      horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
+      horizontalBarGraph.config.layout = createLayoutFormat(config.layout, config.type);
     }
     horizontalBarGraph.config.main.type = config.graphType;
     horizontalBarGraph.scope = componentScope;

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

@@ -38,7 +38,7 @@ export const buildLeaderBoard = (config) => {
         LeaderBoard.config.main.scoreKey = config.scoreKey;
     }
     if (config.layout) {
-        LeaderBoard.config.layout = createLayoutFormat(config.layout);
+        LeaderBoard.config.layout = createLayoutFormat(config.layout, config.type);
     }
     if (config.style) {
         LeaderBoard.config.style = JSON.parse(config.style)

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

@@ -5,7 +5,7 @@ import _ from "lodash";
 export const buildLineGraph = (config, componentScope) => {
   const lineGraph: any = _.cloneDeep(LineGraph);
   if (config.layout) {
-    lineGraph.config.layout = createLayoutFormat(config.layout);
+    lineGraph.config.layout = createLayoutFormat(config.layout, config.type);
   }
   lineGraph.config.main.header = config.heading;
   if (config.height) {

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

@@ -4,7 +4,7 @@ import _ from "lodash";
 export const buildPieGraph = (config, componentScope) => {
   const pieGraph: any = _.cloneDeep(PieGraph);
   if (config.layout) {
-    pieGraph.config.layout = createLayoutFormat(config.layout);
+    pieGraph.config.layout = createLayoutFormat(config.layout, config.type);
   }
   if (config.height) {
     pieGraph.config.style.containerStyle.height = config.height;

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

@@ -34,7 +34,7 @@ export const buildPopUp = (config,componentScope) =>{
     popup.config.main.fullWidth = config.fullWidth === "YES" ? true : false;
     popup.config.main.maxWidth = config.maxWidth||false;
     if (config.layout) {
-      popup.config.layout = createLayoutFormat(config.layout)
+      popup.config.layout = createLayoutFormat(config.layout, config.type)
     }
     if (config.style) {
       PopUP.config.style = JSON.parse(config.style)

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

@@ -5,7 +5,7 @@ import _ from "lodash";
 export const buildStackbarGraph = (config:any,componentScope:string) => {
     const barGraph: any = _.cloneDeep(BarGraph);
     if (config.layout) {
-      barGraph.config.layout = createLayoutFormat(config.layout);
+      barGraph.config.layout = createLayoutFormat(config.layout, config.type);
     }
     if (config.legendHide) {
       barGraph.config.main.legendAvailable = config.legendHide;

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

@@ -37,7 +37,7 @@ export const buildTextArea = (config:any,componentScope:string) =>{
     textArea.config.main.heading = config.label;
   
     if(config.layout){
-        textArea.config.layout = createLayoutFormat(config.layout)
+        textArea.config.layout = createLayoutFormat(config.layout, config.type)
       }
       if (config.style) {
         textArea.config.style = JSON.parse(config.style)

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

@@ -10,7 +10,7 @@ export const buildThoughtOfTheDay = (config,componentScope) =>{
       thought.config.main.thought = `${config.thought}`
     }
     if(config.layout){
-      thought.config.layout = createLayoutFormat(config.layout)
+      thought.config.layout = createLayoutFormat(config.layout, config.type)
     }
     if(config.label){
       thought.config.main.label = config.label;

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

@@ -35,7 +35,7 @@ export const buildTreeMap = (config, componentScope) => {
         treMap.config.main.header = config.label;
     }
     if (config.layout) {
-        treMap.config.layout = createLayoutFormat(config.layout);
+        treMap.config.layout = createLayoutFormat(config.layout, config.type);
     }
     if (config.orientation) {
         treMap.config.main.orientation = config.orientation;

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

@@ -45,7 +45,6 @@ export let schema = {
   properties: {},
   required: []
 };
-//MultipleSelect
 function buildRule(configObj: any, tableName?: string, arrayHolderName?: boolean) {
   if (arrayHolderName) {
     if (schema.properties?.[tableName]?.items?.properties) {
@@ -141,7 +140,7 @@ function buildRule(configObj: any, tableName?: string, arrayHolderName?: boolean
 export const buildSchema = (config: any, tableName?: string, isArrayType?: boolean) => {
   buildRule(config, tableName, isArrayType);
   if (config?.elements) {
-    if ( config.type == "Array") {
+    if (config.type == "Array") {
       if (!schema.properties[config.name]) {
         schema.properties[config.name] = {
           type: "array",
@@ -158,7 +157,7 @@ export const buildSchema = (config: any, tableName?: string, isArrayType?: boole
     }
     else {
       config.elements.map((e, elemInd) => {
-        buildSchema(e)
+        buildSchema(e, config.name, config.type === "PopUp")
       })
     }
   }
@@ -367,7 +366,7 @@ const buildUiSchema = (config: any, store?: any) => {
           }
           if (cellElem.elementType == "tableHeader") {
             const headerElem = buildUiSchema(cellElem, store);
-            tableHeaderElements.push({widget:headerElem});
+            tableHeaderElements.push({ widget: headerElem });
             return false;
           }
           const tableElem = {

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

@@ -15,7 +15,7 @@ export const buildWrapperSection = (config, componentScope) => {
     wrapper.config.style = JSON.parse(config.style)
   }
   if (config.layout) {
-    wrapper.config.layout = createLayoutFormat(config.layout)
+    wrapper.config.layout = createLayoutFormat(config.layout, config.type)
   }
   return wrapper;
 }