impaktapps-ui-builder 0.0.382-alpha.553 → 0.0.382-alpha.56

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

@@ -9,7 +9,7 @@ export const CoreSection = {
         widget: "SelectInputField",
       },
       config: {
-        layout: { xs: 12, sm: 12, md: 6, lg: 6 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Type",
           type: "text",
@@ -24,12 +24,7 @@ export const CoreSection = {
         widget: "InputField",
       },
       config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 6,
-          lg: 6,
-        },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Name",
         },
@@ -43,31 +38,16 @@ export const CoreSection = {
         widget: "InputField",
       },
       config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 6,
-          lg: 6,
-        },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Label",
         },
       },
     },
-    {
-      type: "Control",
-      scope: "#/properties/proc",
-      config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
     {
       type: "Control",
       scope: "#/properties/layout",
-      layout: 11.5,
+      layout: 12,
       options: {
         "elementLabelProp": "key",
         detail: {
@@ -81,12 +61,7 @@ export const CoreSection = {
                 widget: "SelectInputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Screen Size",
 
@@ -101,12 +76,7 @@ export const CoreSection = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                   type:"number",
@@ -116,6 +86,16 @@ export const CoreSection = {
                 },
               },
             },
+            {
+              type: 'Control',
+              scope: '#/properties/emptyBox',
+              options: {
+                widget: "EmptyBox"
+              },
+              config: {
+                layout: {xs: 0, sm: 4}
+              }
+            }
           ],
         },
       },

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

@@ -6,12 +6,7 @@ export default {
   },
 
   config: {
-    layout: {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
-    },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "",
       type: "date",

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

@@ -6,7 +6,7 @@ export default {
   },
 
   config: {
-    layout:{xs:12,sm:12,md:5.5,lg:5.5},
+    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
     main: {},
     style:{}
   },

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

@@ -1,145 +1,119 @@
 export const EventSection = {
-    type: "HorizontalLayout",
-    elements: [
-          {
-            type: "WrapperLayout",
-            config: {
-              main: {
-                // label: "Table Columns",
-                divider: true,
-              },
-              wrapperStyle: {
-                border:"1px solid gray"
-              },
-            },
+  type: "HorizontalLayout",
+  elements: [
+    {
+      type: "Control",
+      scope: "#/properties/events",
+      options: {
+        widget: "Table",
+      },
+      config: {
+        main: {
+          headerIcons: {
             elements: [
               {
-                type: "Control",
-                scope: "#/properties/programType",
-      
-                options: {
-                  widget: "Box",
-                },
-                config: {
-                  layout: 8,
-                  main: {
-                    heading: "Event Table",
-                  },
-                  style: {
-                    fontFamily: "Roboto",
-                    fontWeight: "500",
-                    paddingLeft:"-10px",
-                    fontSize: "20px",},
-                },
-              },
-              {
-                type: "Control",
-                scope: "#/properties/Back_Button",
-      
-                options: {
-                  widget: "IconButton",
-                },
-                config: {
-                  layout: 3,
-                  main: {
-                    icon: "AddIcon",
-                    styleDefault: true,
-                    size: "small",
-                    onClick: "eventAddHandler",
-                    tooltipMessage: "Back",
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/New_Record",
+
+                  options: {
+                    widget: "IconButton",
                   },
-                  style: {
-                    float: "right", 
+                  config: {
+                    main: {
+                      color: "info",
+                      onClick: "eventAddHandler",
+                      size: "small",
+                      icon: "AddIcon",
+                      iconLabel: "Add New",
+                      styleDefault: true,
+                    },
+                    style: {
+                      mt: "6px",
+                    },
                   },
-                },
+                }
               },
-      {
-        type: "Control",
-        scope: "#/properties/events",
-        options: {
-          widget: "Table",
-        },
-        config: {
-          main: {
-            disableAction: true,
-            disableSelection: true,
-            enableDrag: true,
-          
+            ]
           },
+          disableAction: true,
+          disableSelection: true,
+          enableDrag: true,
+
         },
-        elements: [
-              
-          {
-            accessorKey: "eventType",
-            header: "Event Type",
-          },
-          {
-            accessorKey: "Handler",
-            header: "Handler",
-          },
-          {
-            accessorKey: "Edit_Approve_Records",
-            header: "Edit Widget",
+      },
+      elements: [
 
-            widget: {
-              type: "Control",
-              scope: "#/properties/Edit_Records",
-              options: {
-                widget: "IconButton",
+        {
+          accessorKey: "eventType",
+          header: "Event Type",
+        },
+        {
+          accessorKey: "Handler",
+          header: "Handler",
+        },
+        {
+          accessorKey: "Edit_Approve_Records",
+          header: "Edit Widget",
+
+          widget: {
+            type: "Control",
+            scope: "#/properties/Edit_Records",
+            options: {
+              widget: "IconButton",
+            },
+            config: {
+              main: {
+                color: "info",
+                size: "small",
+                icon: "EditIcon",
+                tooltipMessage: "Edit This Record",
+                onClick: "eventEditHandler",
               },
-              config: {
-                main: {
-                  color: "info",
-                  size: "small",
-                  icon: "EditIcon",
-                  tooltipMessage: "Edit This Record",
-                  onClick: "eventEditHandler",
-                },
-                style: {
-                  color: "#3949ab",
-                },
+              style: {
+                color: "#3949ab",
               },
             },
           },
-          {
-            accessorKey: "Reject_Records",
-            header: "Delete",
+        },
+        {
+          accessorKey: "Reject_Records",
+          header: "Delete",
 
-            widget: {
-              type: "Control",
-              scope: "#/properties/RejectButton",
-              accessorKeyName: "Reject_Records",
-              options: {
-                widget: "IconButton",
-              },
-              config: {
-                main: {
-                  icon: "RejectIcon",
-                  color: "error",
-                  tooltipMessage: "Reject This Record",
-                  onClick: "deletePopUpEvent",
-                },
+          widget: {
+            type: "Control",
+            scope: "#/properties/RejectButton",
+            accessorKeyName: "Reject_Records",
+            options: {
+              widget: "IconButton",
+            },
+            config: {
+              main: {
+                icon: "RejectIcon",
+                color: "error",
+                tooltipMessage: "Reject This Record",
+                onClick: "deleteEvent",
               },
             },
           },
-        ]
-      }]}
-    ]}
-  
-  export const EventSectionSchema = {
-    events: {
-      type: "array",
-      items: {
-        type: "object",
-        properties: {
-            eventType: {
-            type: "string",
-          },
-          configType: {
-            type: "string",
-          },
+        },
+      ]
+    }]
+}
+
+export const EventSectionSchema = {
+  events: {
+    type: "array",
+    items: {
+      type: "object",
+      properties: {
+        eventType: {
+          type: "string",
+        },
+        configType: {
+          type: "string",
         },
       },
     },
-  };
-  
+  },
+};

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

@@ -7,72 +7,72 @@ export const BarGraph = {
 
   config: {
     main: {
-      header: "Bar Graph",
-      bottomLabel: "Name of Employe",
-      numTicks: 6,
-      leftLabel: "Value in lakhs",
-      axisLeft: true,
-      axisBottom: true,
+      // header: "Bar Graph",
+      // bottomLabel: "Name of Employe",
+      // numTicks: 6,
+      // leftLabel: "Value in lakhs",
+      // axisLeft: true,
+      // axisBottom: true,
 
-      hideTicks: false,
-      hideLeftAxisLine: false,
-      hideBottomAxisLine: false,
-      bottomAxisWidth: "10px",
-      legend: {
-        labelColor: "green",
-        legendTitle: "",
-        direction: "row",
-        align: "none",
+      // hideTicks: false,
+      // hideLeftAxisLine: false,
+      // hideBottomAxisLine: false,
+      // bottomAxisWidth: "10px",
+      // legend: {
+        // labelColor: "green",
+        // legendTitle: "",
+        // direction: "row",
+        // align: "none",
         
+    // },
     },
-    },
-    style: {
-      containerStyle: {
-        width:"100%",
-        height:300,
+    // style: {
+    //   containerStyle: {
+    //     // width:"100%",
+    //     // height:"450",
       
-      },
-      headerStyle: {
-        // color:"white"
-      },
-      tooltipStyle: {    
+    //   },
+    //   headerStyle: {
+    //     // color:"white"
+    //   },
+    //   tooltipStyle: {    
       
        
-      },
-      labelStyle: { margin:{left:80,bottom:20},
-        leftLabelOffset: 50,
-        bottomLabelOffset:10
-      },
-      barStyle: {
-       color:{
-         firstBarColor:"#6c5efb",
-        secondBarColor:"#3f51b5"
-        // "#6c5efb"#3f51b5
-        // secondColor:"#3e50b3"
-        }
-      },
-      legendStyle: {
-        legend: {
-            lineHeight: "0.9em",
-            fontSize: "8px",
-            fontFamily: "arial",
-            padding: "10px 10px",
-            width:"30%",
-           display:"flex",
-           justifyContent:"center",
-            border: "1px solid rgba(255, 255, 255, 0.3)",
-            borderRadius: " 8px",
-            marginRight: "auto",
+    //   },
+    //   // labelStyle: { margin:{left:80,bottom:20},
+    //   //   leftLabelOffset: 50,
+    //   //   bottomLabelOffset:10
+    //   // },
+    //   barStyle: {
+    //   //  color:{
+    //     //  firstBarColor:"#6c5efb",
+    //     // secondBarColor:"#3f51b5"
+    //     // "#6c5efb"#3f51b5
+    //     // secondColor:"#3e50b3"
+    //     // }
+    //   },
+    //   legendStyle: {
+    //     legend: {
+    //       //   lineHeight: "0.9em",
+    //       //   fontSize: "8px",
+    //       //   fontFamily: "arial",
+    //       //   padding: "10px 10px",
+    //       //   width:"30%",
+    //       //  display:"flex",
+    //       //  justifyContent:"center",
+    //       //   border: "1px solid rgba(255, 255, 255, 0.3)",
+    //       //   borderRadius: " 8px",
+    //       //   marginRight: "auto",
            
-        },
-        legendTitle: {
-            fontSize: "10px",
-            marginBottom: "10px",
-            fontWeight: "100",
+    //     },
+    //     legendTitle: {
+    //         // fontSize: "10px",
+    //         // marginBottom: "10px",
+    //         // fontWeight: "100",
 
-        },
-    },
-    },
+    //     },
+    // },
+    // },
   },
 };
 
@@ -84,39 +84,39 @@ export const PieGraph = {
   },
   config: {
     main: {
-      header: "Incentive Branch category wise",
+      // header: "Incentive Branch category wise",
       type: "PieGraph",
-      bottomLabel: "Name of Employe",
-      leftLabel: "Value",
+      // bottomLabel: "Name of Employe",
+      // leftLabel: "Value",
       // tooltipDataKey: ["HDFC", "SBI", "Kotak","Sbi"],
-      axisLeft: true,
-      axisBottom: true,
-      legendAvailable: true,
-      legend: {
-        labelColor: "green",
-        legendTitle: "Branches",
-        direction: "row",
-        align: "right",
-      },
+    //   axisLeft: true,
+    //   axisBottom: true,
+    //   legendAvailable: true,
+    //   legend: {
+    //     labelColor: "green",
+    //     legendTitle: "Branches",
+    //     direction: "row",
+    //     align: "right",
+    //   },
     },
 
-    style: {
-      containerStyle: {
-        height:"340"
-      },
-      headerStyle: {},
-      tooltipStyle: {
-        // width: "100%",
-        backgroundColor:"black",
-        width:"80px"
-      },
-      labelStyle: {},
-      legendStyle: {
-        legend: {},
-        legendTitle: {},
-      },
-      pieStyle: {},
-    },
+  //   style: {
+  //     containerStyle: {
+  //       height:"340"
+  //     },
+  //     headerStyle: {},
+  //     tooltipStyle: {
+  //       // width: "100%",
+  //       backgroundColor:"black",
+  //       width:"80px"
+  //     },
+  //     labelStyle: {},
+  //     legendStyle: {
+  //       legend: {},
+  //       legendTitle: {},
+  //     },
+  //     pieStyle: {},
+  //   },
   },
 };
 export const LineGraph = {
@@ -164,30 +164,28 @@ export const HorizontalBarGraph = {
   },
   config: {
     main: {
-      header: " ",
+      // header: " ",
       type: "HorizontalBarGraph",
-      bottomLabel: " ",
-      leftLabel: "Value",
-      axisLeft: false,
-      axisBottom: true,
-      hideBottomTicks: false,
-      hideLeftTicks: false,
-      hideLeftAxisLine: true,
-      hideBottomAxisLine: false,
-      bottomAxisWidth: "10px",
-    },
-    style: {
-      containerStyle: {
-        width:"100%"
-      },
-      headerStyle: {},
-      tooltipStyle: {},
-      labelStyle: {
-        margin: { top: 10, left: 180, right: 40, bottom: 40 }
-      },
-      barStyle: {
-        color: "#6c5efb",
-      },
+      // bottomLabel: " ",
+      // leftLabel: "Value",
+      // axisLeft: false,
+      // axisBottom: true,
+      // hideBottomTicks: false,
+      // hideLeftTicks: false,
+      // hideLeftAxisLine: true,
+      // hideBottomAxisLine: false,
+      // bottomAxisWidth: "10px",
     },
+    // style: {
+    //   containerStyle: {
+    //     width:"100%"
+    //   },
+    //   headerStyle: {},
+    //   tooltipStyle: {},
+    //   labelStyle: {},
+    //   barStyle: {
+    //     color: "#6c5efb",
+    //   },
+    // },
   },
 };

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

@@ -6,7 +6,7 @@ export default {
     widget: "MultipleSelect",
   },
   config: {
-    layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",

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

@@ -19,12 +19,7 @@ export const refreshSectionUiSchema = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                 },
@@ -38,12 +33,7 @@ export const refreshSectionUiSchema = {
                 widget: "EmptyBox",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
                 main: {
                  
                 },

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

@@ -6,12 +6,7 @@ export default {
     widget: "SelectInputField",
   },
   config: {
-    "layout": {
-      "xs": 11,
-      "sm": 11,
-      "md": 5.5,
-      "lg": 5.5
-    },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",