impaktapps-ui-builder 0.0.382-alpha.50 → 0.0.382-alpha.5000

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:"450",
+    },
+    style: {
+      containerStyle: {
+        width:"100%",
+        height:300,
       
-    //   },
-    //   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,28 +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",
+      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: {
-    //   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/multiSelect.ts

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

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

@@ -19,7 +19,12 @@ export const refreshSectionUiSchema = {
                 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",
                 },
@@ -33,7 +38,12 @@ export const refreshSectionUiSchema = {
                 widget: "EmptyBox",
               },
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5,
+                },
                 main: {
                  
                 },

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

@@ -6,7 +6,12 @@ export default {
     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: "",
       type: "text",

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

@@ -1,58 +1,58 @@
 export const TableSection = {
   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: "Components 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: "widgetAddClickHandler",
-    //           tooltipMessage: "Add New",
-    //         },
-    //         style: {
-    //           float: "right", 
-    //         },
-    //       },
-    //     },
+        {
+          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: "Components 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: "widgetAddClickHandler",
+                  tooltipMessage: "Add New",
+                },
+                style: {
+                  float: "right", 
+                },
+              },
+            },
     {
       type: "Control",
       scope: "#/properties/elements",
@@ -61,40 +61,13 @@ export const TableSection = {
       },
       config: {
         main: {
-          headerIcons: {
-            elements: [
-              {
-                widget: {
-                  type: "Control",
-                  scope: "#/properties/New_Record",
-
-                  options: {
-                    widget: "IconButton",
-                  },
-                  config: {
-                    main: {
-                      color: "info",
-                      onClick: "widgetAddClickHandler",
-                      size: "small",
-                      icon: "AddIcon",
-                      iconLabel: "Add New",
-                      styleDefault: true,
-                    },
-                    style: {
-                      mt: "6px",
-                    },
-                  },
-                }
-              },
-            ]
-          },
           disableAction: true,
           disableSelection: true,
           enableDrag: true,
-
+         
         },
       },
-      elements: [
+      elements:[
         {
           accessorKey: "name",
           header: "Name"
@@ -137,16 +110,17 @@ export const TableSection = {
               main: {
                 icon: "RejectIcon",
                 color: "error",
-                onClick: "deleteComponents",
+                onClick: "deletePopUpComponent",
                 tooltipMessage: "Reject This Record",
               },
             },
           },
         }
       ]
-    }]
+    }
+  ]
 }
-// ]}
+  ]}
 
 export const TableSectionSchema = {
   columns: {

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

@@ -6,7 +6,12 @@ export default {
       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: "",
       },

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

@@ -18,7 +18,12 @@ export const ValidationSection = {
                 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: "Validation Type",
                 },
@@ -32,21 +37,16 @@ export const ValidationSection = {
                 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: "Validation Value",
                 },
               },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/emptyBox",
-              options: {
-                widget: "EmptyBox"
-              },
-              config: {
-                layout: {xs: 0, sm: 4}
-              }
             }
           ],
         },

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

@@ -18,7 +18,12 @@ export const ValueTab = {
                 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: "Label",
                 },
@@ -32,23 +37,18 @@ export const ValueTab = {
                 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 },
-              }
-            }
           ],
         },
       },