impaktapps-ui-builder 0.0.412-mtreemap.3 → 0.0.412-mtreemap.30

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

@@ -1,119 +1,123 @@
-export const EventSection = {
-  type: "HorizontalLayout",
-  elements: [
-    {
-      type: "Control",
-      scope: "#/properties/events",
-      options: {
-        widget: "Table",
-      },
-      config: {
-        main: {
-          headerIcons: {
-            elements: [
-              {
-                widget: {
-                  type: "Control",
-                  scope: "#/properties/New_Record",
-
-                  options: {
-                    widget: "IconButton",
-                  },
-                  config: {
-                    main: {
-                      color: "info",
-                      onClick: "eventAddHandler",
-                      size: "small",
-                      icon: "AddIcon",
-                      iconLabel: "Add New",
-                      styleDefault: true,
+export const EventSection = (theme)=>{
+  const uiSchema = {
+    type: "HorizontalLayout",
+    elements: [
+      {
+        type: "Control",
+        scope: "#/properties/events",
+        options: {
+          widget: "Table",
+        },
+        config: {
+          main: {
+            headerIcons: {
+              elements: [
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/New_Record",
+  
+                    options: {
+                      widget: "IconButton",
                     },
-                    style: {
-                      mt: "6px",
+                    config: {
+                      main: {
+                        color: "info",
+                        onClick: "eventAddHandler",
+                        size: "small",
+                        icon: "AddIcon",
+                        iconLabel: "Add New",
+                        styleDefault: true,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
                     },
-                  },
-                }
-              },
-            ]
+                  }
+                },
+              ]
+            },  
+            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: [
+              
+          {
+            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",
+            widget: {
+              type: "Control",
+              scope: "#/properties/Edit_Records",
+              options: {
+                widget: "IconButton",
               },
-              style: {
-                color: "#3949ab",
+              config: {
+                main: {
+                  color: "info",
+                  size: "small",
+                  icon: "EditIcon",
+                  tooltipMessage: "Edit This Record",
+                  onClick: "eventEditHandler",
+                },
+                style: {
+                  color: theme.palette.primary.main,
+                },
               },
             },
           },
-        },
-        {
-          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: "deleteEvent",
+            widget: {
+              type: "Control",
+              scope: "#/properties/RejectButton",
+              accessorKeyName: "Reject_Records",
+              options: {
+                widget: "IconButton",
+              },
+              config: {
+                main: {
+                  icon: "RejectIcon",
+                  color: "error",
+                  tooltipMessage: "Reject This Record",
+                  onClick: "deletePopUpEvent",
+                },
               },
             },
           },
-        },
-      ]
-    }]
-}
-
-export const EventSectionSchema = {
-  events: {
-    type: "array",
-    items: {
-      type: "object",
-      properties: {
-        eventType: {
-          type: "string",
-        },
-        configType: {
-          type: "string",
+        ]
+      }]}
+      return uiSchema
+    }
+    // ]}
+  
+  export const EventSectionSchema = {
+    events: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+            eventType: {
+            type: "string",
+          },
+          configType: {
+            type: "string",
+          },
         },
       },
     },
-  },
-};
+  };
+  

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

@@ -13,12 +13,7 @@ export const uploadFile =  {
       "style": {
         "backgroundColor": "none"
       },
-      "layout": {
-        "lg": 5.5,
-        "md": 5.5,
-        "sm": 11,
-        "xs": 11
-      }
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 }
     },
     "options": {
       "widget": "UploadFile"
@@ -35,12 +30,7 @@ export const downloadFile =   {
       "style": {
         "backgroundColor": "none"
       },
-      "layout": {
-        "lg": 5.5,
-        "md": 5.5,
-        "sm": 11,
-        "xs": 11
-      }
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 }
     },
     "options": {
       "widget": "DownloadFile"

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

@@ -7,72 +7,7 @@ export const BarGraph = {
 
   config: {
     main: {
-      // 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",
-        
-    // },
     },
-    // style: {
-    //   containerStyle: {
-    //     // width:"100%",
-    //     // height:"450",
-      
-    //   },
-    //   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",
-           
-    //     },
-    //     legendTitle: {
-    //         // fontSize: "10px",
-    //         // marginBottom: "10px",
-    //         // fontWeight: "100",
-
-    //     },
-    // },
-    // },
   },
 };
 
@@ -84,39 +19,8 @@ export const PieGraph = {
   },
   config: {
     main: {
-      // header: "Incentive Branch category wise",
       type: "PieGraph",
-      // 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",
-    //   },
     },
-
-  //   style: {
-  //     containerStyle: {
-  //       height:"340"
-  //     },
-  //     headerStyle: {},
-  //     tooltipStyle: {
-  //       // width: "100%",
-  //       backgroundColor:"black",
-  //       width:"80px"
-  //     },
-  //     labelStyle: {},
-  //     legendStyle: {
-  //       legend: {},
-  //       legendTitle: {},
-  //     },
-  //     pieStyle: {},
-  //   },
   },
 };
 export const LineGraph = {
@@ -134,7 +38,7 @@ export const LineGraph = {
       leftLabel: "Incentive",
       gridHidden: true,
       numHidden: false,
-      tooltipDataKey: ["First", "Second", "Third"],
+      tooltipDataKey: ["MAMA New Project", "Second", "Third"],
       axisLeft: true,
       axisBottom: true,
       hideLeftAxisLine: false,
@@ -164,28 +68,7 @@ export const HorizontalBarGraph = {
   },
   config: {
     main: {
-      // 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: {},
-    //   barStyle: {
-    //     color: "#6c5efb",
-    //   },
-    // },
   },
 };

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

@@ -7,9 +7,13 @@ export default {
             label: "LeaderBoard",
             divider: true,
         },
-        style:{wrapperStyle:{
-            height: {xs:850,sm:1000}
-        }},
+        style: {
+            wrapperStyle: {
+                display: "flex",        
+                gap: "10px",             
+              
+            }
+        },
         wrapperStyle: {
             position: "relative",
             width: "100%",
@@ -339,12 +343,12 @@ export default {
                         fontWeight: 900,
                         background: "rgb(179, 198, 255)"
                     },
-                    position: "absolute",
                     top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
                     // top:"390px",
                     border: "2px solid rgb(179, 198, 255)",
                     width: "95%",
-                    left: "2.5%"
+                    left: "2.5%",
+                    margin: "auto"
 
                 },
 

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

@@ -29,6 +29,20 @@ export const refreshSectionUiSchema = {
               type: "Control",
               scope: "#/properties/emptyBox",
 
+              options: {
+                widget: "EmptyBox",
+              },
+              config: {
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                main: {
+                 
+                },
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+
               options: {
                 widget: "EmptyBox",
               },