impaktapps-ui-builder 0.0.412 → 0.0.591

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

@@ -1,100 +1,98 @@
 export default {
-    type: "WrapperLayout",
-    config: {
-      main: {
-        rowSpacing: 0.5,
-      },
-      style: {
-        wrapperStyle: {
-          position : "relative",
-          color: "white",
-          height: {xs:"120px",md:"160px"},
-          width: "100%",
-          textAlign: "left",
-          background: "#3f51b5",
-          borderRadius: "20px",
-        },
-      },
-   layout: { xs: 12, sm: 12,md: 6,lg: 6, },},
-    elements: [
-      {
-        type: "Control",
-        scope: "#/properties/programType",
-        config: {
-          main: {
-            heading: "$5000.00",
-          },
-          style: {
-            position : "absolute",
-            left : "10%",
-            top: "15%",
-            color: "#f5effc",
-            height: "80px",
-            display: "flex",
-            fontSize: {xs:"24px",md:"32px"},
-            alignItems: "center",
-            background: "inherit",
-            justifyContent:"flex-start",
-            
-          },
-          layout: 5,
+  type: "WrapperLayout",
+  config: {
+    main: {
+      rowSpacing: 0.5,
+    },
+    componentsBoxStyle: {
+      position: "relative",
+      color: "white",
+      height: { xs: "120px", md: "160px" },
+      width: "100%",
+      textAlign: "left",
+      background: "#3f51b5",
+      borderRadius: "20px",
+    },
+    layout: { xs: 12, sm: 12, md: 6, lg: 6, },
+  },
+  elements: [
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          heading: "$5000.00",
         },
-        options: {
-          widget: "Box",
+        style: {
+          position: "absolute",
+          left: "10%",
+          top: "15%",
+          color: "#f5effc",
+          height: "80px",
+          display: "flex",
+          fontSize: { xs: "24px", md: "32px" },
+          alignItems: "center",
+          background: "inherit",
+          justifyContent: "flex-start",
+ 
         },
+        layout: 5,
+      },
+      options: {
+        widget: "Box",
       },
-      {
-        type: "Control",
-        scope: "#/properties/programType",
-        config: {
-          main: {
-            url: "https://www.svgrepo.com/show/500606/loading.svg",
-          },
-          style: {
-            color: "#f5effc",
-            objectFit: "contain",
-              position:"absolute",
-              top:"10px",
-              right:"10px",
-               height: "80%",
-            width : "35%", 
-            display: "flex",
-            fontSize: "34px",
-            alignItems: "center",
-            background: "inherit",
-            padding: "20px",
-            justifyContent: "left",
-          },
-    layout: 5,
+    },
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          url: "https://www.svgrepo.com/show/500606/loading.svg",
         },
-        options: {
-          widget: "Image",
+        style: {
+          color: "#f5effc",
+          objectFit: "contain",
+          position: "absolute",
+          top: "10px",
+          right: "10px",
+          height: "80%",
+          width: "35%",
+          display: "flex",
+          fontSize: "34px",
+          alignItems: "center",
+          background: "inherit",
+          padding: "20px",
+          justifyContent: "left",
         },
+        layout: 5,
       },
-      {
-        type: "Control",
-        scope: "#/properties/programType",
-        config: {
-          main: {
-            heading: "Total Earnings",
-          },
-          style: {
-            position : "absolute",
-            top: "calc(60%)",
-            alignItems : "center",
-            color: "#8999e8",
-            fontSize: "16px",
-            left: "10%",
-            background: "inherit",
-            justifyContent :"center",
-          },
-        layout: 12,
+      options: {
+        widget: "Image",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          heading: "Total Earnings",
         },
-  
-        options: {
-          widget: "Box",
+        style: {
+          position: "absolute",
+          top: "calc(60%)",
+          alignItems: "center",
+          color: "#8999e8",
+          fontSize: "16px",
+          left: "10%",
+          background: "inherit",
+          justifyContent: "center",
         },
+        layout: 12,
+      },
+ 
+      options: {
+        widget: "Box",
       },
-    ],
-  };
-  
+    },
+  ],
+};

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,12 +38,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: "Label",
         },
@@ -61,12 +51,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: "Column Format",
 
@@ -77,7 +62,17 @@ export const CoreSection = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 },
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc",
+      config: {
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
       },
       options: {
         widget: "EmptyBox",
@@ -86,7 +81,7 @@ export const CoreSection = {
     {
       type: "Control",
       scope: "#/properties/layout",
-      layout: 11.5,
+      layout: 12,
       options: {
         "elementLabelProp": "key",
         detail: {
@@ -100,12 +95,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",
 
@@ -120,12 +110,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",
@@ -135,6 +120,16 @@ export const CoreSection = {
                 },
               },
             },
+            {
+              type: "Control",
+              scope: "#/properties/proc",
+              config: {
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+              },
+              options: {
+                widget: "EmptyBox",
+              },
+            },
           ],
         },
       },
@@ -157,12 +152,7 @@ export const OptionArray: any = {
             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: "Label",
             },
@@ -176,12 +166,7 @@ export const OptionArray: any = {
             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",
               helperText: 'Number should be in range of 0 to 12',
@@ -210,5 +195,3 @@ export const OptionArraySchema = {
     },
   },
 };
-
-

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

@@ -6,19 +6,14 @@ 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",
     },
   },
 };
-export const DateTime =  {
+export const DateTime = {
   type: "Control",
   scope: "#/properties/date",
   options: {
@@ -26,12 +21,7 @@ export const DateTime =  {
   },
 
   config: {
-    layout: {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
-    },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "DateTime",
       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,58 +1,7 @@
-export const EventSection = {
+export const EventSection = (theme)=>{
+  const uiSchema = {
     type: "HorizontalLayout",
     elements: [
-          {
-            type: "WrapperLayout",
-            config: {
-              main: {
-                // label: "Table Columns",
-                divider: true,
-              },
-              wrapperStyle: {
-                border:"1px solid gray"
-              },
-            },
-            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",
-                  },
-                  style: {
-                    float: "right", 
-                  },
-                },
-              },
       {
         type: "Control",
         scope: "#/properties/events",
@@ -61,6 +10,33 @@ export const EventSection = {
         },
         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,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
+                    },
+                  }
+                },
+              ]
+            },  
             disableAction: true,
             disableSelection: true,
             enableDrag: true,
@@ -96,7 +72,7 @@ export const EventSection = {
                   onClick: "eventEditHandler",
                 },
                 style: {
-                  color: "#3949ab",
+                  color: theme.palette.primary.main,
                 },
               },
             },
@@ -117,14 +93,16 @@ export const EventSection = {
                   icon: "RejectIcon",
                   color: "error",
                   tooltipMessage: "Reject This Record",
-                  onClick: "deleteEvent",
+                  onClick: "deletePopUpEvent",
                 },
               },
             },
           },
         ]
       }]}
-    ]}
+      return uiSchema
+    }
+    // ]}
   
   export const EventSectionSchema = {
     events: {

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,8 @@ 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:300,
-      
-      },
-      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",
-
-        },
-    },
     },
+    style: { containerStyle: {} }
   },
 };
 
@@ -84,38 +20,9 @@ export const PieGraph = {
   },
   config: {
     main: {
-      header: "Incentive Branch category wise",
       type: "PieGraph",
-      bottomLabel: "Name of Employe",
-      leftLabel: "Value",
-      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:{}
   },
 };
 export const LineGraph = {
@@ -125,7 +32,7 @@ export const LineGraph = {
     widget: "Graph",
   },
   config: {
-    layout:12,
+    layout: 12,
     main: {
       type: "LineGraph",
       header: "Quartely Incentive in Thousand",
@@ -133,7 +40,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,
@@ -163,28 +70,10 @@ 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",
-      },
     },
+    style:{
+      
+    }
   },
 };