impaktapps-ui-builder 0.0.382456 → 0.0.382460

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: {
@@ -33,6 +39,9 @@ export declare const PageMasterSchema: {
                 };
             };
         };
+        RemoveItemButton: {
+            disabled: boolean;
+        };
     };
     required: string[];
 };

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

@@ -68,6 +68,9 @@ export declare const EventSchema: {
                 };
             };
         };
+        RemoveItemButton: {
+            disabled: boolean;
+        };
     };
     required: string[];
 };

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

@@ -1,18 +1,26 @@
-export declare const refreshPage: (type: string, store: any) => void;
+export declare function refreshPage(type: string, store: any): void;
 declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any) => {
     setPage: () => Promise<void>;
-    refreshPage: (type: string, store: any) => void;
+    refreshPage: typeof refreshPage;
     getFormdata: () => any;
     getSchema: () => any;
     okHandler: () => void;
     saveHandler: () => Promise<void>;
     onChange: () => void;
     editComponents: () => void;
-    deleteComponents: () => void;
-    deleteEvent: () => void;
+    deleteComponents: (shouldUpdateDialog?: boolean) => void;
+    deleteEvent: (shouldUpdateDialog?: boolean) => void;
     widgetAddClickHandler: () => void;
     eventEditHandler: () => void;
     eventAddHandler: () => void;
     backHandler: () => void;
+    deletePopUpComponent: () => void;
+    deletePopUpEvent: () => void;
+    copyPasteElement: (paramStore: any, setPage?: any) => void;
+    CopyElement: (paramStore: any, elementType: string) => void;
+    PasteElement: (setPage: any, elementType: string) => void;
+    RemoveItemButton: (paramStore?: any) => void;
+    elementPathHandler: (parentPath: string, rowId: any, elementType: string) => string;
+    ElementPathSetter: (uiSchema: any, copiedFormData?: any) => 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;
@@ -73,6 +76,9 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
                     };
                 };
             };
+            RemoveItemButton: {
+                disabled: boolean;
+            };
         };
         required: string[];
     };
@@ -81,7 +87,10 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     onChange: () => void;
     addEvent: () => void;
     editEvent: () => void;
-    deleteEvent: () => void;
+    deleteEvent: () => Promise<void>;
     backHandler: () => void;
+    deletePopUpEvent: () => void;
+    copyPasteElement: () => void;
+    RemoveItemButton: () => 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: {
@@ -44,6 +50,9 @@ declare const _default: (funcParams: funcParamsProps) => {
                     };
                 };
             };
+            RemoveItemButton: {
+                disabled: boolean;
+            };
         };
         required: string[];
     };
@@ -51,9 +60,13 @@ declare const _default: (funcParams: funcParamsProps) => {
     onAddClickHandler: () => void;
     saveHandler: () => Promise<void>;
     Edit_Components: () => void;
-    Delete_Components: () => void;
+    Delete_Components: () => Promise<void>;
     eventAddHandler: () => void;
     editEvent: () => void;
     deleteEvent: () => void;
+    deletePopUpComponent: () => void;
+    deletePopUpEvent: () => void;
+    copyPasteElement: () => void;
+    RemoveItemButton: () => void;
 };
 export default _default;

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

@@ -1,10 +1,10 @@
-declare const clearFromLocalStorage: () => void;
-export default clearFromLocalStorage;
+declare const clearFromSessionStorage: () => void;
+export default clearFromSessionStorage;
 export declare const getNavigationHistory: (config: any, path: string | undefined) => {
     pageName: string;
 };
-export declare const saveFormdataInLocalStorage: (formData: any, path?: string) => any;
-export declare const getFormdataFromLocalStorage: (path?: string) => any;
+export declare const saveFormdataInSessionStorage: (formData: any, path?: string) => any;
+export declare const getFormdataFromSessionStorage: (path?: string) => any;
 export declare function saveHandler(store: any, service: any, submitHandler: any, pageName?: string): Promise<void>;
 export declare const navigateHandler: (store: any, isSubmitted: any, pageName?: string | boolean) => void;
 export declare function okHandler(store: any): void;

package/dist/src/impaktapps-ui-builder/lib/index.d.ts

@@ -6,4 +6,4 @@ export { schema } from "../builder/build/buildUiSchema";
 export { default as buildConfig } from "../builder/build/buildConfig";
 export { default as buildUiSchema } from "../builder/build/buildUiSchema";
 export { buildSchema } from "../builder/build/buildUiSchema";
-export { default as clearFromLocalStorage } from "../builder/services/utils";
+export { default as clearFromSessionStorage } from "../builder/services/utils";

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<PromiseSettledResult<void | PromiseSettledResult<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,6 @@ export interface handlersProps {
     serviceHolder: any;
     eventGroups?: any;
     parentEventOutput?: any;
+    functionsProvider?: Record<string, any>;
+    formDataHolder?: Record<string, any>;
 }

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

@@ -1,22 +1,25 @@
-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;
+    onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;
-    updateConfigApiBody: (paramValue: any, apiBody: any) => Promise<any>;
+    callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;
     onBack: (functionParameters: any) => Promise<void>;
     onNext: (functionParameters: any) => Promise<void>;
     onReset: (functionParameters: any) => Promise<void>;

package/package.json

@@ -1,11 +1,15 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.382456",
+    "version": "0.0.382460",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",
         "preview": "vite preview"
     },
+    "publishConfig": {
+        "tag": "alpha"
+    },
+
     "dependencies": {
         "@babel/core": "^7.16.12",
         "@insertcoinab/gwen-react-components": "^1.2.65",

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,
+        heading: config.label || config.name,
+        "elements": []
+    }
+}

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

@@ -3,8 +3,6 @@ import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
 export const buildButton = (config:any,componentScope:string) =>{
-  console.log("config : " , config);
-  console.log("componentScope : ", componentScope);
     const button:any = _.cloneDeep(Button);
     if (config.buttonType) {
       button.options.widget = config.buttonType === "IconButton" ? "IconButton" : "Button";

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

@@ -2,25 +2,29 @@ import Card from "./uischema/card";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildCard = (config,componentScope) =>{
-    const card: any = _.cloneDeep(Card);
+export const buildCard = (config,componentScope,store) =>{
+    const card: any = _.cloneDeep(Card(store.theme.myTheme));
     if (config.style) {
-      card.config.style = JSON.parse(config.style)
+      card.config.wrapperStyle = JSON.parse(config.style)
     }
-    card.elements[0].scope = `#/properties/${config.name}/properties/value`
+    card.elements[0].elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/value`
     card.elements[1].scope = `#/properties/${config.name}/properties/url`
-    card.elements[2].scope = `#/properties/${config.name}/properties/description`
+    card.elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/description`
     if(config.layout){
       card.config.layout = createLayoutFormat(config.layout)
     }
+    if(config?.titleIcon){
+      card.elements[0].elements[0].elements[0].elements[0].config.main.heading = eval(`'\\${config.titleIcon}'`);
+      card.elements[0].elements[0].elements[0].elements[1].config.style.left = "24px"
+    }
     if(config.label){
-      card.elements[0].config.main.heading = config.label;
+      card.elements[0].elements[0].elements[0].elements[1].config.main.heading = config.label;
     }
     if(config.url){
       card.elements[1].config.main.url = config.url;
     }
     if(config.description){
-      card.elements[2].config.main.heading = config.description;
+      card.elements[0].elements[0].elements[1].config.main.heading = config.description;
     }
    
   

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,23 +27,26 @@ export default (FormData: any) => {
 };
 
 export const createLayoutFormat = (config: any[]) => {
-  if(_.isEmpty(config)){
+  if (_.isEmpty(config)) {
     return {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12,
     }
   }
   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.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,8 +1,8 @@
-import DateInputField from "./uischema/dateInputField";
+import DateInputField, { DateTime } from "./uischema/dateInputField";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildDate = (config:any,componentScope:string)=>{
+export const buildDate = (config:any,componentScope:string)=> {
     const dateInputField: any = _.cloneDeep(DateInputField);
     dateInputField.config.main.label = config.label;
     dateInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
@@ -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/buildFileInput.ts

@@ -8,7 +8,7 @@ const FileInput = {
       widget: "FileInputField",
     },
     config: {
-      layout: 11.5,
+      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
       main: {
         required: false,
         onUpload: "onFileUpload",

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat } from "./buildConfig";
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { HorizontalBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
@@ -9,18 +9,31 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.layout) {
       horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
     }
+    horizontalBarGraph.config.main.type = config.graphType;
     horizontalBarGraph.scope = componentScope;
     horizontalBarGraph.config.main.header = config.heading;
-    if (config.barColor) {
-      horizontalBarGraph.config.barStyle.color = config.barColor;
+    if (config.legendHide) {
+      horizontalBarGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
     }
-    if (config.containerBackground) {
-      horizontalBarGraph.config.containerStyle.background =
-        config.containerBackground;
+    if (config.bottomAxisAngle) {
+      horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
+    }
+    if (config.legendLabels) {
+      horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+    }
+    if (config.pieArcColors) {
+      horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+    }
+    if (config.xAxisValue) {
+      horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
     }
     if (config.height) {
-      horizontalBarGraph.config.style.containerStyle.height =
-        config.height;
+      horizontalBarGraph.config.style.containerStyle.height = config.height;
+    }
+    if (config.leftMargin) {
+      horizontalBarGraph.config.style.labelStyle.margin ={
+          left: config.leftMargin
+        }
     }
     if (config.bottomLabel) {
       horizontalBarGraph.config.main.bottomLabel =
@@ -32,4 +45,4 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     return horizontalBarGraph
 }
 
-export default buildHorizontalBarGraph
+export default buildHorizontalBarGraph;

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: { xs: 12, sm: 12, md: 6, lg: 6 },
+        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,40 +1,47 @@
 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.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`
-        LeaderBoard.elements[1].scope = `#/properties/${config.name}/properties/secondImage`;
-        LeaderBoard.elements[4].scope = `#/properties/${config.name}/properties/secondName`
-        LeaderBoard.elements[2].scope = `#/properties/${config.name}/properties/thirdImage`;
-        LeaderBoard.elements[5].scope = `#/properties/${config.name}/properties/thirdName`
-        LeaderBoard.elements[9].scope = `#/properties/${config.name}/properties/table`
+        LeaderBoard.scope=`#/properties/${config.name}`
     }
     if (config.firstImage) {
-        LeaderBoard.elements[0].config.main.url = config.firstImage;
+        LeaderBoard.config.main.firstImage = config.firstImage;
     }
     if (config.secondImage) {
-        LeaderBoard.elements[1].config.main.url = config.secondImage;
+        LeaderBoard.config.main.secondImage = config.secondImage;
     }
-    if (config.secondImage) {
-        LeaderBoard.elements[2].config.main.url = config.thirdImage;
+    if (config.thirdImage) {
+        LeaderBoard.config.main.thirdImage = config.thirdImage;
+    }
+    if (config.nameKey) {
+        LeaderBoard.config.main.nameKey = config.nameKey;
+    }
+    if (config.imageKey) {
+        LeaderBoard.config.main.imageKey = config.imageKey;
+    }
+    if (config.scoreKey) {
+        LeaderBoard.config.main.scoreKey = config.scoreKey;
     }
     if (config.layout) {
-        LeaderBoard.config.layout = config.layout;
+        LeaderBoard.config.layout = createLayoutFormat(config.layout);
+    }
+    if (config.style) {
+        LeaderBoard.config.style = JSON.parse(config.style)
     }
     return LeaderBoard
 }

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

@@ -11,17 +11,31 @@ export const buildLineGraph = (config, componentScope) => {
   if (config.height) {
     lineGraph.config.style.containerStyle.height = config.height;
   }
+  if (config.leftMargin) {
+    lineGraph.config.style.labelStyle.margin ={
+        left: config.leftMargin
+      }
+  }
   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;
   }
   if (config.legendHide) {
-    lineGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
+    lineGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
+  }
+  if (config.bottomAxisAngle) {
+    lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
   }
   if (config.legendLabels) {
-    lineGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
+    lineGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
   }
 
   if (config.pieArcColors) {