impaktapps-ui-builder 0.0.392 → 0.0.393-alpha.3

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

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

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

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

package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.d.ts

@@ -22,12 +22,6 @@ export declare const PageMasterSchema: {
                 };
             };
         };
-        template: {
-            oneOf: {
-                const: string;
-                title: string;
-            }[];
-        };
         sectionLabels: {
             type: string;
             items: {

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

@@ -33,12 +33,6 @@ declare const _default: (funcParams: funcParamsProps) => {
                     };
                 };
             };
-            template: {
-                oneOf: {
-                    const: string;
-                    title: string;
-                }[];
-            };
             sectionLabels: {
                 type: string;
                 items: {

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

@@ -11,7 +11,6 @@ interface funcParamsProps {
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
     onClick: () => 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.392",
+    "version": "0.0.393-alpha.3",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -1,22 +1,20 @@
 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`
@@ -36,7 +34,7 @@ export const buildLeaderBoard = (config) => {
         LeaderBoard.elements[2].config.main.url = config.thirdImage;
     }
     if (config.layout) {
-        LeaderBoard.config.layout = createLayoutFormat(config.layout);
+        LeaderBoard.config.layout = config.layout;
     }
     return LeaderBoard
 }

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

@@ -1,12 +1,9 @@
 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/buildUiSchema.ts

@@ -37,7 +37,6 @@ import { buildFileInput } from "./buildFileInput";
 import { buildStepper } from "./buildStepper";
 import { buildPopUp } from "./buildPop";
 import { buildDataGrid } from "./buildDataGrid";
-import { buildInputSlider } from "./buildInputSlider";
 export let schema = {
   type: "object",
   properties: {},
@@ -168,9 +167,6 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
-    case "InputSlider":
-      elements = buildInputSlider(config, componentScope);
-      break;
     case "DataGrid":
       elements = buildDataGrid(config, componentScope);
       break;

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

@@ -4,7 +4,6 @@ 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

@@ -235,14 +235,6 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
-    case "InputSlider":
-      uiSchema.elements = [
-        getInputField("max", "Max Limit"),
-        getInputField("step", "Step"),
-        getInputField("min", "Min Limit"),
-        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
-      ]
-      break;
     case "DataGrid":
       uiSchema.elements = [
         getRadioInputField("divider", "Use Header divider", ["YES", "NO"]),
@@ -371,7 +363,6 @@ 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,7 +7,6 @@ export default {
     elements:[],
     config: {
       main: {
-        onMount:"onMount",
         columns: {
         },
       },

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

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

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

@@ -16,7 +16,6 @@ export const ComponentSchema: any = {
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
         { title: "Graph", const: "Graph" },
-        { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },

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

@@ -23,13 +23,6 @@ export const PageMasterSchema  = {
           },
         },
       },
-      template: {
-        oneOf: [
-          { const: "Template-1", title: "template1" },
-          { const: "Template-2", title: "template2" },
-          { const: "Template-3", title: "template3" }
-        ]
-      },
     sectionLabels: {
         type: "array",
         items: {
@@ -42,5 +35,5 @@ export const PageMasterSchema  = {
         },
       }
 },
-required:["template","name"]
+required:["label","name"]
 }

package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts

@@ -80,20 +80,16 @@ export const PageMasterUiSchema: any = {
         },
         {
           type: "Control",
-          scope: "#/properties/template",
+          scope: "#/properties/label",
 
           options: {
-            widget: "SelectInputField",
+            widget: "InputField",
           },
           config: {
             layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
             main: {
-              label: "Template",
-              options: [
-                {const:"template1",title:"template1"},
-                {const:"template2",title:"template2"},
-                {const:"template3",title:"template3"}
-              ],
+              label: "Label",
+              options: [],
               color: "secondary",
               required: true,
             },

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

@@ -41,7 +41,6 @@ export const EventSchema = {
         { title: "Click Event", const: "onClick" },
         { title: "Load Event", const: "onLoad" },
         { title: "Change Event", const: "onChange" },
-        { title: "Mount Event", const: "onMount" },
         { title: "Success", const: "Success" },
         { title: "onStart", const: "onStart" },
      
@@ -66,7 +65,7 @@ export const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download", const: "download" }
+        { title: "Download", const: "download" },
       ]
     },
     body: {

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -36,7 +36,6 @@ const sectionLabels = {
   PopUp: ["Core", "Components","Properties", "style"],
   Stepper: ["Core", "Components","Properties","Event", "style"],
   DataGrid: ["Core", "Components","Properties","Event", "style"],
-  InputSlider:["Core","Properties","style", "Event","Validation"],
 }
 
 

package/src/impaktapps-ui-builder/builder/services/pageMaster.ts

@@ -49,18 +49,11 @@ export default (funcParams: funcParamsProps) => {
         store.formData.elements = []
       }
       const response = saveFormdataInLocalStorage(store.ctx.core.data)
-      if (id) {
-        store.navigate(
-          `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
-        );
-      }else{
-        store.navigate(
-          `/Component?path=${`elements[${response?.elements.length}]`}`
-        );
-      }
-
+      store.navigate(
+        `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
+      );
     },
-    saveHandler: async () => await saveHandler(store, service, submitHandler),
+    saveHandler: async ()=> await saveHandler(store,service,submitHandler),
     Edit_Components: Component(store, dynamicData, submitHandler, service).editComponents,
     Delete_Components: Component(store, dynamicData, submitHandler, service).deleteComponents,
     eventAddHandler: function () {

package/src/impaktapps-ui-builder/builder/services/utils.ts

@@ -65,7 +65,7 @@ export async function saveHandler(store, service, submitHandler, pageName?: stri
     if (_.isEmpty(store.ctx.core.errors)) {
         try {
             const saveReturn = await submitHandler(store, service, config);
-            navigateHandler(store, true, pageName ? `/${pageName}?id=${saveReturn.id}` : "/PageMasterRecords")
+            navigateHandler(store, true, pageName ? `/${pageName}?id=${id}` : "/PageMasterRecords")
         } catch (err) {
             navigateHandler(store, false)
         }

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

@@ -87,7 +87,7 @@ async function executeInBuiltFunctionHandler(params: handlersProps) {
     const makeFunc = eval(params.config.funcParametersCode)
     parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
   }
-  params.serviceHolder[params.config.inBuiltFunctionType](parameter,params.service)
+  params.serviceHolder[params.config.inBuiltFunctionType](parameter)
 }
 
 async function executeCustomHandler(params: handlersProps) {
@@ -131,7 +131,7 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
   }
   else {
     if (handlerResponse) {
-      store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse?.data?.data : handlerResponse.data } });
+      store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data } });
       const demoData = await asyncOperation();
     }
   }

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

@@ -62,7 +62,7 @@ export default (funcParams: funcParamsProps) => {
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: { downloadFile ,download:doDownload}, eventGroups
+    serviceHolder: { downloadFile,download:doDownload }, eventGroups
   };
   return {
     setPage: async function () {
@@ -72,6 +72,11 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       }
+      await executeRefreshHandler({
+        config: {}, componentName: "",
+        store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
+        serviceHolder: this, eventGroups
+      })
       funcParams.store.setSchema(
         (pre: any) => {
           return {
@@ -91,9 +96,6 @@ export default (funcParams: funcParamsProps) => {
     onClick: async function () {
       await this.callHandler("onClick")
     },
-    onMount: async function () {
-      await this.callHandler("onMount")
-    },
     onFileDownload: async function () {
       await this.callHandler("onDownload")
     },

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

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

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

@@ -1,46 +0,0 @@
-
-import _ from "lodash";
-import { createLayoutFormat } from "./buildConfig";
-const InputSlider = {
-    type: "Control",
-    scope: "#/properties/inputSlider",
-    options: {
-        widget: "InputSlider",
-    },
-
-    config: {
-        layout: 12,
-        main: {
-            limitToMax: false,
-            max: 10000,
-            step: 1000,
-            min: 0,
-            label: "Slider"
-        },
-       
-    },
-};
-export const buildInputSlider = (config, componentScope) => {
-    const inputSlider: any = _.cloneDeep(InputSlider);
-    inputSlider.scope = componentScope;
-    inputSlider.config.main.label = config.label
-    if (config.layout) {
-        inputSlider.config.layout = createLayoutFormat(config.layout)
-    }
-    if (config.limitToMax) {
-        inputSlider.config.main.limitToMax = config.limitToMax === "YES" ? true : false;
-    }
-    if (config.max) {
-        inputSlider.config.main.max = config.max
-    }
-    if (config.step) {
-        inputSlider.config.main.step = config.step;
-    }
-    if (config.min) {
-        inputSlider.config.main.min = config.min;
-    }
-    if (config.style) {
-        inputSlider.config.main.defaultStyle = JSON.parse(config.style)
-    }
-    return inputSlider;
-}