impaktapps-ui-builder 0.0.410 → 0.0.412

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

@@ -1,5 +1,8 @@
 export declare const buildBasicUiSchema: (config: any) => {
     type: string;
-    pageName: string;
+    pageName: any;
+    name: any;
+    accessorKey: any;
+    header: any;
     elements: any[];
 };

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

@@ -1 +1,2 @@
 export declare const buildDate: (config: any, componentScope: string) => any;
+export declare const buildDateTime: (config: any, componentScope: string) => any;

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

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

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

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

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

@@ -1,3 +1,22 @@
+export declare const getRadioInputField: (scope: String, label: String, options: string[]) => {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            label: String;
+            options: string[];
+        };
+    };
+};
 export declare const getTextArea: (scope: string, heading: string, hideButton: boolean, layout?: any) => {
     type: string;
     scope: string;

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

@@ -18,3 +18,22 @@ declare const _default: {
     };
 };
 export default _default;
+export declare const DateTime: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            label: string;
+            type: string;
+        };
+    };
+};

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/builder/build/uischema/wrapperSection.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     config: {
         main: {
-            label: string;
+            rowSpacing: number;
             divider: boolean;
         };
         defaultStyle: boolean;

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

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

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

@@ -8,13 +8,11 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     saveHandler: () => Promise<void>;
     onChange: () => void;
     editComponents: () => void;
-    deleteComponents: (shouldUpdateDialog?: boolean) => void;
-    deleteEvent: (shouldUpdateDialog?: boolean) => void;
+    deleteComponents: () => void;
+    deleteEvent: () => void;
     widgetAddClickHandler: () => void;
     eventEditHandler: () => void;
     eventAddHandler: () => void;
     backHandler: () => void;
-    deletePopUpComponent: () => void;
-    deletePopUpEvent: () => void;
 };
 export default _default;

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

@@ -1,4 +1,7 @@
-declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any) => {
+declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any, functionsName?: {
+    const: string;
+    title: string;
+}[]) => {
     setPage: () => Promise<void>;
     refreshPage: (handlerType: any, store: any) => void;
     getFormData: () => any;
@@ -81,8 +84,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     onChange: () => void;
     addEvent: () => void;
     editEvent: () => void;
-    deleteEvent: () => Promise<void>;
+    deleteEvent: () => void;
     backHandler: () => void;
-    deletePopUpEvent: () => void;
 };
 export default _default;

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

@@ -1,13 +1,13 @@
 interface funcParamsProps {
     store: any;
     dynamicData: any;
+    pageConfigProvider: any;
     submitHandler: any;
     service: any;
-    config?: any;
 }
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    getFormdata: () => any;
+    getFormdata: () => Promise<any>;
     getUiSchema: () => any;
     getSchema: () => {
         type: string;
@@ -33,6 +33,12 @@ declare const _default: (funcParams: funcParamsProps) => {
                     };
                 };
             };
+            template: {
+                oneOf: {
+                    const: string;
+                    title: string;
+                }[];
+            };
             sectionLabels: {
                 type: string;
                 items: {
@@ -51,11 +57,9 @@ declare const _default: (funcParams: funcParamsProps) => {
     onAddClickHandler: () => void;
     saveHandler: () => Promise<void>;
     Edit_Components: () => void;
-    Delete_Components: () => Promise<void>;
+    Delete_Components: () => void;
     eventAddHandler: () => void;
     editEvent: () => void;
     deleteEvent: () => void;
-    deletePopUpComponent: () => void;
-    deletePopUpEvent: () => void;
 };
 export default _default;

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

@@ -1,8 +1,11 @@
 import { handlersProps } from "./interface";
-export declare const executeEvents: (params: handlersProps) => Promise<any>;
-export declare function executeRefreshHandler(params: handlersProps): Promise<void>;
-export declare function buildApiPayload(compConfig: any, body: any, headers: any, store: any, dynamicData: any, userValue: any, service: any): Promise<{
+export declare const executeEvents: (params: handlersProps) => any;
+export declare function getRefreshElements(eventConfig: any, eventGropus: any): string[];
+export declare function executeRefreshHandler(params: handlersProps): Promise<any[][]>;
+export declare function executeApiRequest(params: any): any;
+export declare function shouldEventExecute(params: handlersProps): any;
+export declare function buildApiPayload(compConfig: any, body: any, headers: any, store: any, dynamicData: any, userValue: any, service: any): {
     body: any;
     headers: any;
-}>;
-export declare function getRefreshElements(eventConfig: any, eventGropus: any): string[];
+};
+export declare function asyncOperation(): Promise<unknown>;

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

@@ -8,4 +8,5 @@ export interface handlersProps {
     serviceHolder: any;
     eventGroups?: any;
     parentEventOutput?: any;
+    functionsProvider?: Record<string, any>;
 }

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

@@ -1,18 +1,20 @@
-export declare const extractEvents: (eventConfig: any) => any;
 interface funcParamsProps {
     store: any;
     dynamicData: any;
-    config: any;
-    uiSchema: any;
-    schema: any;
     service: any;
     userValue: any;
+    pageDataProvider: any;
+    functionsProvider?: Record<string, any>;
 }
+export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    onClick: () => Promise<void>;
-    onFileDownload: () => Promise<void>;
-    onFileUpload: () => Promise<void>;
+    onCellRenderer: (cellParams: any) => {};
+    onClick: () => void;
+    onMount: () => void;
+    onFileDownload: () => void;
+    onFileUpload: () => void;
+    backHandler: () => void;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;

package/package.json

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

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

@@ -1,6 +1,10 @@
-export const buildBasicUiSchema = (config)=>{
-    return  {
+export const buildBasicUiSchema = (config) => {
+    return {
         "type": "HorizontalLayout",
-        pageName:`${config.name}`,
-        "elements": []}
-    }
+        pageName: config.name,
+        name: config.name,
+        accessorKey: config.name,
+        header: config.label || config.name,
+        "elements": []
+    }
+}

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

@@ -3,17 +3,10 @@ import _ from "lodash";
 export default (FormData: any) => {
   const formData = _.cloneDeep(FormData)
   let component: any = {};
-  // if (formData?.layout) {
-  //   component.layout = createData(FormData?.layout, "layout");
-  //   delete formData.layout
-  // }
-  // if(!formData.type ){
-  //  component.type = "page";
-  // }
-  if(formData.pageName){
+  if (formData.pageName) {
     delete formData.pageName
   }
-  if(formData.eventsSelected){
+  if (formData.eventsSelected) {
     delete formData.eventsSelected
   }
   if (formData.type === "Table" ||
@@ -25,7 +18,7 @@ export default (FormData: any) => {
       delete formData.elements
     }
   }
-  component.events = formData.events||[];
+  component.events = formData.events || [];
   if (formData.events) {
     delete formData.events
   }
@@ -34,7 +27,7 @@ export default (FormData: any) => {
 };
 
 export const createLayoutFormat = (config: any[]) => {
-  if(_.isEmpty(config)){
+  if (_.isEmpty(config)) {
     return {
       xs: 11,
       sm: 11,
@@ -43,14 +36,17 @@ export const createLayoutFormat = (config: any[]) => {
     }
   }
   let data: any = {};
-  config.map((e:any)=>{
-    data[e.key||"xs"] = +e.value||5.5
+  config.map((e: any) => {
+    data[e.key || "xs"] = +e.value || 5.5
   })
   return data;
 };
-export const flatObjectValueInArray = (config:any[])=>{
+export const flatObjectValueInArray = (config: any[]) => {
+  if (config[0].length < 1) {
+    return
+  }
   const keyName = Object.keys(config[0])[0]
-  const data = config.map((e)=>{
+  const data = config.map((e) => {
     return e[keyName]
   })
   return data;

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

@@ -1,4 +1,4 @@
-import DateInputField from "./uischema/dateInputField";
+import DateInputField, { DateTime } from "./uischema/dateInputField";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
@@ -11,4 +11,14 @@ export const buildDate = (config:any,componentScope:string)=>{
         dateInputField.config.layout = createLayoutFormat(config.layout)
       }
     return dateInputField;
+}
+export const buildDateTime = (config:any,componentScope:string)=>{
+  const dateTimeInputField: any = _.cloneDeep(DateTime);
+  dateTimeInputField.config.main.label = config.label;
+  dateTimeInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+  dateTimeInputField.scope = componentScope;
+  if(config.layout){
+    dateTimeInputField.config.layout = createLayoutFormat(config.layout)
+    }
+  return dateTimeInputField;
 }

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

@@ -0,0 +1,46 @@
+
+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;
+}

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/buildLineGraph.ts

@@ -14,6 +14,12 @@ export const buildLineGraph = (config, componentScope) => {
   if (config.bottomLabel) {
     lineGraph.config.main.bottomLabel = config.bottomLabel;
   }
+  if (config.yAxisValue) {
+    lineGraph.config.main.yAxisValue = config.yAxisValue;
+  }
+  if (config.xAxisValue) {
+    lineGraph.config.main.xAxisValue = config.xAxisValue;
+  }
   if (config.leftLabel) {
     lineGraph.config.main.leftLabel = config.leftLabel;
   }

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

@@ -1,27 +1,26 @@
 import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { PieGraph } from "./uischema/graph";
 import _ from "lodash";
-// flatObjectValueInArray
-export const buildPieGraph = (config,componentScope) =>{
-    const pieGraph: any = _.cloneDeep(PieGraph);
-    if (config.layout) {
-      pieGraph.config.layout = createLayoutFormat(config.layout);
-    }
-    if (config.height) {
-      pieGraph.config.style.containerStyle.height = config.height;
-    }
-    if (config.legendHide) {
-      pieGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
-    }
-    pieGraph.scope = componentScope;
-    pieGraph.config.main.header = config.heading;
-  
-      if(config.legendLabels){
-        pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
-        }
-    
-        if(config.pieArcColors){
-          pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
-          }
-    return pieGraph;
+export const buildPieGraph = (config, componentScope) => {
+  const pieGraph: any = _.cloneDeep(PieGraph);
+  if (config.layout) {
+    pieGraph.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.height) {
+    pieGraph.config.style.containerStyle.height = config.height;
+  }
+  if (config.legendHide) {
+    pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
+  }
+  pieGraph.scope = componentScope;
+  pieGraph.config.main.header = config.heading;
+
+  if (config.legendLabels) {
+    pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
+  }
+
+  if (config.pieArcColors) {
+    pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+  }
+  return pieGraph;
 }

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

@@ -1,9 +1,16 @@
 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.scope = componentScope;
+    
+    if(config.lazyLoad){
+      tab.config.main.lazyLoad = config.lazyLoad === "YES" ?true:false;
+      }
+    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/buildTable.ts

@@ -2,7 +2,7 @@ import Table from "./uischema/table";
 import _ from "lodash";
 import buildUiSchema from "./buildUiSchema";
 import lazyLoadingTable from "./uischema/lazyLoadingTable";
-
+ 
 export const buildTable = (config: any, componentScope: string) => {
   const table: any = _.cloneDeep(Table);
   table.scope = componentScope;

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

@@ -0,0 +1,58 @@
+import { createLayoutFormat } from "./buildConfig";
+import _ from "lodash";
+
+const TreeMap = {
+    "type": "Control",
+    "scope": "#/properties/TreeMap2",
+    "config": {
+        "main": {
+            "layout": "cartsian",
+            orientation: "vertical",
+            header: "Territory Hierarchy",
+            "linkType": "step",
+            graphHeight: "500px",
+        },
+        "style": {
+            BoxStyle: {
+                borderRadius: "5px",
+            }
+        }
+    },
+    "options": {
+        "widget": "TreeMap"
+    },
+    elements: [
+
+    ]
+}
+
+
+export const buildTreeMap = (config, componentScope) => {
+    const treMap: any = _.cloneDeep(TreeMap);
+    treMap.scope = componentScope;
+    if (config.label) {
+        treMap.config.main.header = config.label;
+    }
+    if (config.layout) {
+        treMap.config.layout = createLayoutFormat(config.layout);
+    }
+    if (config.orientation) {
+        treMap.config.main.orientation = config.orientation;
+    }
+    if (config.linkType) {
+        treMap.config.main.linkType = config.linkType;
+    }
+    if (config.graphHeight) {
+        treMap.config.main.graphHeight = config.graphHeight;
+    }
+    if (config.graphWidth) {
+        treMap.config.main.graphWidth = config.graphWidth;
+    }
+    if (config.graphZoomHeight) {
+        treMap.config.main.graphZoomHeight = config.graphZoomHeight;
+    }
+    if (config.graphZoomWidth) {
+        treMap.config.main.graphZoomWidth = config.graphZoomWidth;
+    }
+    return treMap;
+}