impaktapps-ui-builder 0.0.390 → 0.0.392

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

@@ -7020,6 +7020,8 @@ const buildPropertiesSection = function(type) {
       break;
     case "TabSection":
       uiSchema.elements = [
+        getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
+        EmptyBox,
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -7725,7 +7727,7 @@ const EventSchema = {
         { title: "Click Event", const: "onClick" },
         { title: "Load Event", const: "onLoad" },
         { title: "Change Event", const: "onChange" },
-        { title: "Lazy Load Event", const: "onLazyLoad" },
+        { title: "Mount Event", const: "onMount" },
         { title: "Success", const: "Success" },
         { title: "onStart", const: "onStart" },
         { title: "File Upload Event", const: "onUpload" },
@@ -8665,8 +8667,8 @@ var service = (funcParams) => {
     onClick: async function() {
       await this.callHandler("onClick");
     },
-    onLazyLoad: async function() {
-      await this.callHandler("onLazyLoad");
+    onMount: async function() {
+      await this.callHandler("onMount");
     },
     onFileDownload: async function() {
       await this.callHandler("onDownload");
@@ -9124,6 +9126,7 @@ const buildLeaderBoard = (config) => {
     });
     LeaderBoard.elements[9].elements = modifyColumns;
   }
+  LeaderBoard.config.main.label = config.label;
   if (config.name) {
     LeaderBoard.elements[0].scope = `#/properties/${config.name}/properties/firstImage`;
     LeaderBoard.elements[3].scope = `#/properties/${config.name}/properties/firstName`;
@@ -9143,7 +9146,7 @@ const buildLeaderBoard = (config) => {
     LeaderBoard.elements[2].config.main.url = config.thirdImage;
   }
   if (config.layout) {
-    LeaderBoard.config.layout = config.layout;
+    LeaderBoard.config.layout = createLayoutFormat(config.layout);
   }
   return LeaderBoard;
 };
@@ -9576,6 +9579,10 @@ var Tabsection = {
 };
 const buildTabSection = (config, componentScope) => {
   const tab = _.cloneDeep(Tabsection);
+  tab.scopeName = componentScope;
+  if (config.orientation) {
+    tab.config.main.orientation = config.orientation === "YES" ? "vertical" : "horizontal";
+  }
   if (config.sectionLabels) {
     tab.config.main.tabLabels = config.sectionLabels.map((e) => e.label);
   }
@@ -9595,6 +9602,7 @@ var WrapperSection = {
 };
 const buildWrapperSection = (config, componentScope) => {
   const wrapper = _.cloneDeep(WrapperSection);
+  wrapper.scopeName = componentScope;
   wrapper.config.main.label = config.label;
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
   if (config.style) {
@@ -9751,6 +9759,7 @@ var Table = {
   elements: [],
   config: {
     main: {
+      onMount: "onMount",
       allRowData: [],
       downloadAllData: false,
       columns: {
@@ -9769,6 +9778,7 @@ var lazyLoadingTable = {
   elements: [],
   config: {
     main: {
+      onMount: "onMount",
       columns: {}
     }
   }
@@ -10791,13 +10801,13 @@ const buildUiSchema = (config) => {
       elements = buildPanField(config, componentScope);
       break;
     case "TabSection":
-      elements = buildTabSection(config);
+      elements = buildTabSection(config, componentScope);
       break;
     case "RunnerBoyProgressBar":
       elements = RunnerBoyProgressbar(config, componentScope);
       break;
     case "WrapperSection":
-      elements = buildWrapperSection(config);
+      elements = buildWrapperSection(config, componentScope);
       break;
     case "Text":
       elements = buildTextField(config, componentScope);