impaktapps-ui-builder 0.0.390 → 0.0.392

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

@@ -7,6 +7,7 @@ declare const _default: {
     elements: any[];
     config: {
         main: {
+            onMount: string;
             columns: {};
         };
     };

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

@@ -7,6 +7,7 @@ declare const _default: {
     elements: any[];
     config: {
         main: {
+            onMount: string;
             allRowData: any[];
             downloadAllData: boolean;
             columns: {

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

@@ -11,7 +11,7 @@ interface funcParamsProps {
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
     onClick: () => Promise<void>;
-    onLazyLoad: () => Promise<void>;
+    onMount: () => Promise<void>;
     onFileDownload: () => Promise<void>;
     onFileUpload: () => Promise<void>;
     onPaginationChange: (paginationValues: any) => Promise<any>;

package/package.json

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

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

@@ -1,20 +1,22 @@
 import leaderBoard from "./uischema/leaderBoard";
-import  buildUiSchema  from "./buildUiSchema";
+import buildUiSchema from "./buildUiSchema";
 import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
 
 
 export const buildLeaderBoard = (config) => {
-    const LeaderBoard:any = _.cloneDeep(leaderBoard)
+    const LeaderBoard: any = _.cloneDeep(leaderBoard)
     if (config.elements) {
         const modifyColumns = config.elements.map((e, i) => {
             if (!e.type) {
-                return {accessorKey: e.name, header: e.label||e.name, }
+                return { accessorKey: e.name, header: e.label || e.name, }
             }
-            const widgetSchema = {widget:buildUiSchema(e), accessorKey: e.name,header: e.label||e.name, };
-            return {...widgetSchema };
+            const widgetSchema = { widget: buildUiSchema(e), accessorKey: e.name, header: e.label || e.name, };
+            return { ...widgetSchema };
         })
         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`
@@ -34,7 +36,7 @@ export 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
 }

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

@@ -1,9 +1,12 @@
 import Tabsection from "./uischema/tabsection";
 import _ from "lodash";
-import  buildUiSchema from "./buildUiSchema";
-
+ 
 export const buildTabSection = (config:any,componentScope:string) => {
     const tab: any = _.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);
     }

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

@@ -4,6 +4,7 @@ import _ from "lodash";
 
 export const buildWrapperSection = (config,componentScope) =>{
     const wrapper: any = _.cloneDeep(WrapperSection);
+    wrapper.scopeName = componentScope;
     wrapper.config.main.label = config.label;
     wrapper.config.main.divider = config.divider === "YES" ? true : false;
     if (config.style) {

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

@@ -371,6 +371,7 @@ export const buildPropertiesSection = function (type: String) {
 
     case "TabSection":
       uiSchema.elements = [
+        getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),EmptyBox,
         getArrayControl("sectionLabels", "label"),
       ]
       break;

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

@@ -7,6 +7,7 @@ export default {
     elements:[],
     config: {
       main: {
+        onMount:"onMount",
         columns: {
         },
       },

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

@@ -7,6 +7,7 @@ export default {
   elements:[],
   config: {
     main: {
+      onMount:"onMount",
       //@ts-ignore
         allRowData:[],
         downloadAllData:false,

package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts

@@ -41,7 +41,7 @@ export 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" },
      

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

@@ -91,8 +91,8 @@ export default (funcParams: funcParamsProps) => {
     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")