impaktapps-ui-builder 1.0.55 → 1.0.57-alpha.1

package/dist/impaktapps-ui-builder.es.js

@@ -8297,7 +8297,7 @@ var buildConfig = (FormData) => {
 };
 const createLayoutFormat = (layout, type) => {
   if (_.isEmpty(layout)) {
-    const fullLayoutComponents = ["Array", "WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "Table", "TabSection", "TextArea", "TreeMap", "Thought"];
+    const fullLayoutComponents = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought"];
     if (fullLayoutComponents.includes(type)) {
       return { xs: 12, sm: 12, md: 12, lg: 12 };
     } else if (type === "Graph") {
@@ -8966,14 +8966,14 @@ const EventSchema = {
         { title: "Start", const: "onStart" },
         { title: "Cell Render", const: "onCellRenderer" },
         { title: "Upload", const: "onUpload" },
+        { title: "FileDelete", const: "onFileDelete" },
+        { title: "Download", const: "onDownload" },
         { title: "Back", const: "onBack" },
         { title: "Next", const: "onNext" },
         { title: "Row Movement", const: "onRowMovement" },
         { title: "Download", const: "onDownload" },
         { title: "Fail", const: "Fail" },
-        { title: "Key Down", const: "onKeyDown" },
-        { title: "PopUP NO Event", const: "onDeletePopupNo" },
-        { title: "PopUP Yes Event", const: "onDeletePopupYes" }
+        { title: "Key Down", const: "onKeyDown" }
       ]
     },
     Handler: {
@@ -10500,11 +10500,8 @@ var service = (funcParams) => {
     onKeyDown: function() {
       this.callHandler("onKeyDown");
     },
-    onDeletePopupNo: function() {
-      this.callHandler("onDeletePopupNo");
-    },
-    onDeletePopupYes: function() {
-      this.callHandler("onDeletePopupYes");
+    onFileDelete: function() {
+      this.callHandler("onFileDelete");
     },
     onMount: function() {
       this.callHandler("onMount");
@@ -10681,7 +10678,7 @@ const buildLeaderBoard = (config2) => {
     LeaderBoard.config.main.scoreKey = config2.scoreKey;
   }
   if (config2.layout) {
-    LeaderBoard.config.layout = createLayoutFormat(config2.layout);
+    LeaderBoard.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.style) {
     LeaderBoard.config.style = JSON.parse(config2.style);
@@ -10808,7 +10805,7 @@ const buildHorizontalBarGraph = (config2, componentScope2) => {
   const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
   horizontalBarGraph.scope = componentScope2;
   if (config2.layout) {
-    horizontalBarGraph.config.layout = createLayoutFormat(config2.layout);
+    horizontalBarGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   horizontalBarGraph.config.main.type = config2.graphType;
   horizontalBarGraph.scope = componentScope2;
@@ -10940,7 +10937,7 @@ const buildSpeedoMeter = (config2, componentScope2) => {
 const buildPieGraph = (config2, componentScope2) => {
   const pieGraph = _.cloneDeep(PieGraph);
   if (config2.layout) {
-    pieGraph.config.layout = createLayoutFormat(config2.layout);
+    pieGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.height) {
     pieGraph.config.style.containerStyle.height = config2.height;
@@ -10965,7 +10962,7 @@ const buildStackbarGraph = (config2, componentScope2) => {
   var _a;
   const barGraph = _.cloneDeep(BarGraph);
   if (config2.layout) {
-    barGraph.config.layout = createLayoutFormat(config2.layout);
+    barGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.legendHide) {
     barGraph.config.main.legendAvailable = config2.legendHide;
@@ -11035,6 +11032,9 @@ var Tabsection = {
 const buildTabSection = (config2, componentScope2) => {
   const tab = _.cloneDeep(Tabsection);
   tab.scope = componentScope2;
+  if (config2.style) {
+    tab.config.style = JSON.parse(config2.style);
+  }
   if (config2.lazyLoad) {
     tab.config.main.lazyLoad = config2.lazyLoad === "YES" ? true : false;
   }
@@ -11073,7 +11073,7 @@ const buildWrapperSection = (config2, componentScope2) => {
     wrapper.config.style = JSON.parse(config2.style);
   }
   if (config2.layout) {
-    wrapper.config.layout = createLayoutFormat(config2.layout);
+    wrapper.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   return wrapper;
 };
@@ -11177,7 +11177,7 @@ const buildButton = (config2, componentScope2) => {
     config2.buttonType === "ButtonWithIconAndText" ? button.config.main.startIcon = config2.iconName : button.config.main.icon = config2.iconName;
   }
   if (config2.layout) {
-    button.config.layout = createLayoutFormat(config2.layout);
+    button.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.tooltipMessage) {
     button.config.main.tooltipMessage = config2.tooltipMessage;
@@ -11812,7 +11812,7 @@ const buildTextArea = (config2, componentScope2) => {
   const textArea = _.cloneDeep(TextArea);
   textArea.config.main.heading = config2.label;
   if (config2.layout) {
-    textArea.config.layout = createLayoutFormat(config2.layout);
+    textArea.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.style) {
     textArea.config.style = JSON.parse(config2.style);
@@ -11879,7 +11879,7 @@ const buildCheckbox = (config2, componentScope2) => {
 const buildLineGraph = (config2, componentScope2) => {
   const lineGraph = _.cloneDeep(LineGraph);
   if (config2.layout) {
-    lineGraph.config.layout = createLayoutFormat(config2.layout);
+    lineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   lineGraph.config.main.header = config2.heading;
   if (config2.height) {
@@ -12148,7 +12148,7 @@ const buildPopUp = (config2, componentScope2) => {
   popup.config.main.fullWidth = config2.fullWidth === "YES" ? true : false;
   popup.config.main.maxWidth = config2.maxWidth || false;
   if (config2.layout) {
-    popup.config.layout = createLayoutFormat(config2.layout);
+    popup.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.style) {
     PopUP.config.style = JSON.parse(config2.style);
@@ -12188,10 +12188,10 @@ const buildDataGrid = (config2, componentScope2) => {
     DataGrid.config.main.label = config2.label;
   }
   if (config2.layout) {
-    DataGrid.config.layout = createLayoutFormat(config2.layout);
+    DataGrid.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.cardLayout) {
-    DataGrid.config.cardLayout = createLayoutFormat(config2.cardLayout);
+    DataGrid.config.cardLayout = createLayoutFormat(config2.cardLayout, config2.type);
   }
   if (config2.style) {
     DataGrid.config.style = JSON.parse(config2.style);
@@ -12269,7 +12269,7 @@ const buildTreeMap = (config2, componentScope2) => {
     treMap.config.main.header = config2.label;
   }
   if (config2.layout) {
-    treMap.config.layout = createLayoutFormat(config2.layout);
+    treMap.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.orientation) {
     treMap.config.main.orientation = config2.orientation;
@@ -12312,7 +12312,7 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
     thought.config.main.thought = `${config2.thought}`;
   }
   if (config2.layout) {
-    thought.config.layout = createLayoutFormat(config2.layout);
+    thought.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.label) {
     thought.config.main.label = config2.label;