impaktapps-ui-builder 0.0.382-alpha.60 → 0.0.382-alpha.6000

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

@@ -2,67 +2,116 @@ export declare const TableSection: {
     type: string;
     elements: {
         type: string;
-        scope: string;
-        options: {
-            widget: string;
-        };
         config: {
-            main: {
-                headerIcons: {
-                    elements: {
-                        widget: {
-                            type: string;
-                            scope: string;
-                            options: {
-                                widget: string;
-                            };
-                            config: {
-                                main: {
-                                    color: string;
-                                    onClick: string;
-                                    size: string;
-                                    icon: string;
-                                    iconLabel: string;
-                                    styleDefault: boolean;
-                                };
-                                style: {
-                                    mt: string;
-                                };
-                            };
-                        };
-                    }[];
-                };
-                disableAction: boolean;
-                disableSelection: boolean;
-                enableDrag: boolean;
+            main: {};
+            wrapperStyle: {
+                border: string;
             };
         };
         elements: ({
-            accessorKey: string;
-            header: string;
-            field?: undefined;
-            flex?: undefined;
-            widget?: undefined;
+            type: string;
+            scope: string;
+            options: {
+                widget: string;
+            };
+            config: {
+                layout: number;
+                main: {
+                    heading: string;
+                    icon?: undefined;
+                    styleDefault?: undefined;
+                    size?: undefined;
+                    onClick?: undefined;
+                    tooltipMessage?: undefined;
+                    disableAction?: undefined;
+                    disableSelection?: undefined;
+                    enableDrag?: undefined;
+                };
+                style: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    paddingLeft: string;
+                    fontSize: string;
+                    float?: undefined;
+                };
+            };
+            elements?: undefined;
         } | {
-            header: string;
-            field: string;
-            flex: number;
-            widget: {
-                type: string;
-                scope: string;
-                options: {
-                    widget: string;
+            type: string;
+            scope: string;
+            options: {
+                widget: string;
+            };
+            config: {
+                layout: number;
+                main: {
+                    icon: string;
+                    styleDefault: boolean;
+                    size: string;
+                    onClick: string;
+                    tooltipMessage: string;
+                    heading?: undefined;
+                    disableAction?: undefined;
+                    disableSelection?: undefined;
+                    enableDrag?: undefined;
                 };
-                config: {
-                    main: {
-                        icon: string;
-                        color: string;
-                        onClick: string;
-                        tooltipMessage: string;
-                    };
+                style: {
+                    float: string;
+                    fontFamily?: undefined;
+                    fontWeight?: undefined;
+                    paddingLeft?: undefined;
+                    fontSize?: undefined;
                 };
             };
-            accessorKey?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            scope: string;
+            options: {
+                widget: string;
+            };
+            config: {
+                main: {
+                    disableAction: boolean;
+                    disableSelection: boolean;
+                    enableDrag: boolean;
+                    heading?: undefined;
+                    icon?: undefined;
+                    styleDefault?: undefined;
+                    size?: undefined;
+                    onClick?: undefined;
+                    tooltipMessage?: undefined;
+                };
+                layout?: undefined;
+                style?: undefined;
+            };
+            elements: ({
+                accessorKey: string;
+                header: string;
+                field?: undefined;
+                flex?: undefined;
+                widget?: undefined;
+            } | {
+                header: string;
+                field: string;
+                flex: number;
+                widget: {
+                    type: string;
+                    scope: string;
+                    options: {
+                        widget: string;
+                    };
+                    config: {
+                        main: {
+                            icon: string;
+                            color: string;
+                            onClick: string;
+                            tooltipMessage: string;
+                        };
+                    };
+                };
+                accessorKey?: undefined;
+            })[];
         })[];
     }[];
 };

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

@@ -8,7 +8,7 @@ export declare const ValidationSection: {
             elementLabelProp: string;
             detail: {
                 type: string;
-                elements: ({
+                elements: {
                     type: string;
                     scope: string;
                     options: {
@@ -25,22 +25,7 @@ export declare const ValidationSection: {
                             label: string;
                         };
                     };
-                } | {
-                    type: string;
-                    scope: string;
-                    options: {
-                        widget: string;
-                    };
-                    config: {
-                        layout: {
-                            xs: number;
-                            sm: number;
-                            md?: undefined;
-                            lg?: undefined;
-                        };
-                        main?: undefined;
-                    };
-                })[];
+                }[];
             };
         };
     }[];

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

@@ -7,7 +7,7 @@ export declare const ValueTab: {
         options: {
             detail: {
                 type: string;
-                elements: ({
+                elements: {
                     type: string;
                     scope: string;
                     options: {
@@ -24,22 +24,7 @@ export declare const ValueTab: {
                             label: string;
                         };
                     };
-                } | {
-                    type: string;
-                    scope: string;
-                    options: {
-                        widget: string;
-                    };
-                    config: {
-                        layout: {
-                            xs: number;
-                            sm: number;
-                            md: number;
-                            lg: number;
-                        };
-                        main?: undefined;
-                    };
-                })[];
+                }[];
             };
         };
     }[];

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

@@ -8,11 +8,13 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     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;
 };
 export default _default;

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

@@ -2,7 +2,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     setPage: () => Promise<void>;
     refreshPage: (handlerType: any, store: any) => void;
     getFormData: () => any;
-    getUiSchema: () => Promise<any>;
+    getUiSchema: () => any;
     getSchema: () => {
         type: string;
         properties: {
@@ -81,7 +81,8 @@ 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;
 };
 export default _default;

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

@@ -51,9 +51,11 @@ 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;
 };
 export default _default;

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

@@ -19,7 +19,6 @@ declare const _default: (funcParams: funcParamsProps) => {
     updateConfigApiBody: (paramValue: any, apiBody: any) => Promise<any>;
     onBack: (functionParameters: any) => Promise<void>;
     onNext: (functionParameters: any) => Promise<void>;
-    backHandler: () => void;
     onReset: (functionParameters: any) => Promise<void>;
     callHandler: (eventType: string, functionParameters?: any) => Promise<void>;
     downloadFile: (obj: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.382-alpha.60",
+    "version": "0.0.382-alpha.6000",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -2,6 +2,5 @@ export const buildBasicUiSchema = (config)=>{
     return  {
         "type": "HorizontalLayout",
         pageName:`${config.name}`,
-        heading:`${config.label}`,
         "elements": []}
     }

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

@@ -3,37 +3,33 @@ import { HorizontalBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
 
-const buildHorizontalBarGraph = (config: any, componentScope: string) => {
-  const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
-  horizontalBarGraph.scope = componentScope;
-  if (config.layout) {
-    horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
-  }
-  horizontalBarGraph.scope = componentScope;
-  horizontalBarGraph.config.main.header = config.heading;
-  if (config.barColor) {
-    horizontalBarGraph.config.barStyle.color = config.barColor;
-  }
-  if (config.containerBackground) {
-    horizontalBarGraph.config.containerStyle.background =
-      config.containerBackground;
-  }
-  if (config.height) {
-    horizontalBarGraph.config.style =
-    {
-      containerStyle: {
-        height: config.height
-      }
+const buildHorizontalBarGraph = (config:any,componentScope:string) => {
+    const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
+    horizontalBarGraph.scope = componentScope;
+    if (config.layout) {
+      horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
     }
-  }
-  if (config.bottomLabel) {
-    horizontalBarGraph.config.main.bottomLabel =
-      config.bottomLabel;
-  }
-  if (config.leftLabel) {
-    horizontalBarGraph.config.main.leftLabel = config.leftLabel;
-  }
-  return horizontalBarGraph
+    horizontalBarGraph.scope = componentScope;
+    horizontalBarGraph.config.main.header = config.heading;
+    if (config.barColor) {
+      horizontalBarGraph.config.barStyle.color = config.barColor;
+    }
+    if (config.containerBackground) {
+      horizontalBarGraph.config.containerStyle.background =
+        config.containerBackground;
+    }
+    if (config.height) {
+      horizontalBarGraph.config.style.containerStyle.height =
+        config.height;
+    }
+    if (config.bottomLabel) {
+      horizontalBarGraph.config.main.bottomLabel =
+        config.bottomLabel;
+    }
+    if (config.leftLabel) {
+      horizontalBarGraph.config.main.leftLabel = config.leftLabel;
+    }
+    return horizontalBarGraph
 }
 
 export default buildHorizontalBarGraph

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

@@ -2,35 +2,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)
-      }
+export const buildPieGraph = (config,componentScope) =>{
+    const pieGraph: any = _.cloneDeep(PieGraph);
+    if (config.layout) {
+      pieGraph.config.layout = createLayoutFormat(config.layout);
     }
-  }
-  return pieGraph;
+    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/buildStackBarGraph.ts

@@ -8,17 +8,17 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
       barGraph.config.layout = createLayoutFormat(config.layout);
     }
     if (config.legendHide) {
-      barGraph.config.main.legendAvailable = config.legendHide;
+      barGraph.config.main.legendAvailable = false;
     }
     barGraph.config.main.type = config.graphType;
     barGraph.config.main.header = config.heading;
     if (config.barColor) {
       barGraph.config.barStyle.color = config.barColor;
     }
-    // if (config.containerBackground) {
-    //   barGraph.config.containerStyle.background =
-    //     config.containerBackground;
-    // }
+    if (config.containerBackground) {
+      barGraph.config.containerStyle.background =
+        config.containerBackground;
+    }
     if (config.height) {
       barGraph.config.style.containerStyle.height = config.height;
     }
@@ -28,6 +28,6 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     if (config.leftLabel) {
       barGraph.config.main.leftLabel = config.leftLabel;
     }
-    // barGraph.scope = componentScope;
+    barGraph.scope = componentScope;
     return barGraph;
 } 

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

@@ -4,10 +4,8 @@ import _ from "lodash";
 
 export const buildWrapperSection = (config,componentScope) =>{
     const wrapper: any = _.cloneDeep(WrapperSection);
-    wrapper.scope = componentScope;
     wrapper.config.main.label = config.label;
     wrapper.config.main.divider = config.divider === "YES" ? true : false;
-    wrapper.config.main.isAccordion = config.isAccordion==="YES"?true:false;
     if (config.style) {
         wrapper.config.style = JSON.parse(config.style)
       }
@@ -15,4 +13,4 @@ export const buildWrapperSection = (config,componentScope) =>{
         wrapper.config.layout = createLayoutFormat(config.layout)
       }
     return wrapper;
-}
+}

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

@@ -11,7 +11,7 @@ export const APISection = {
         widget: "SelectInputField",
       },
       config: {
-        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
         main: {
           label: "Method",
           type: "text",
@@ -26,7 +26,7 @@ export const APISection = {
         widget: "InputField",
       },
       config: {
-        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
         main: {
           label: "Path",
           type: "text",
@@ -35,28 +35,6 @@ export const APISection = {
         },
       },
     },
-    {
-      type: "Control",
-      scope: "#/properties/emptyBox",
-
-      options: {
-        widget: "EmptyBox",
-      },
-      config: {
-        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/emptyBox",
-
-      options: {
-        widget: "EmptyBox",
-      },
-      config: {
-        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-      },
-    },
     {
       type: "Control",
       scope: "#/properties/headers",
@@ -73,7 +51,12 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5,
+                },
                 main: {
                   label: "Key",
                 },
@@ -87,23 +70,17 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5,
+                },
                 main: {
                   label: "Value",
                 },
               },
             },
-            {
-              type: "Control",
-              scope: "#/properties/emptyBox",
-        
-              options: {
-                widget: "EmptyBox",
-              },
-              config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-              },
-            },
           ],
         },
       },
@@ -124,7 +101,12 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5,
+                },
                 main: {
                   label: "Key",
                 },
@@ -138,23 +120,18 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5,
+                },
                 main: {
                   label: "Value",
                 },
               },
             },
-            {
-              type: "Control",
-              scope: "#/properties/emptyBox",
-        
-              options: {
-                widget: "EmptyBox",
-              },
-              config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-              },
-            },
+           
           ],
         },
       },