impaktapps-ui-builder 0.0.382457 → 0.0.382460

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

@@ -6,73 +6,12 @@ export const BarGraph = {
   },
 
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     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",
-
-        },
-    },
+      type: "BarGraph",
+      legendLabels: null
     },
+    style: { containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
   },
 };
 
@@ -83,40 +22,12 @@ export const PieGraph = {
     widget: "Graph",
   },
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     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: {},
+      legendLabels: null
     },
+    style:{ containerStyle: {},labelStyle:{margin:{}} ,pieStyle:{} }
   },
 };
 export const LineGraph = {
@@ -126,33 +37,12 @@ export const LineGraph = {
     widget: "Graph",
   },
   config: {
-    layout:12,
+    layout: {xs :12,sm:12,md:12,lg:6},
     main: {
       type: "LineGraph",
-      header: "Quartely Incentive in Thousand",
-      bottomLabel: "Years",
-      leftLabel: "Incentive",
-      gridHidden: true,
-      numHidden: false,
-      tooltipDataKey: ["MAMA New Project", "Second", "Third"],
-      axisLeft: true,
-      axisBottom: true,
-      hideLeftAxisLine: false,
-      hideBottomAxisLine: false,
-      legend: {
-        labelColor: "green",
-        legendTitle: "Our Assests",
-        direction: "row",
-        align: "right",
-        colorRectWidth: 20,
-      },
-    },
-    style: {
-      containerStyle: {},
-      headerStyle: {},
-      labelStyle: {},
-      lineStyle: {},
+      legendLabels: null
     },
+    style: { containerStyle: {},labelStyle:{margin:{}} ,lineStyle:{} },
   },
 };
 
@@ -163,29 +53,11 @@ export const HorizontalBarGraph = {
     widget: "Graph",
   },
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     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",
-      },
+      legendLabels: null
     },
+    style:{ containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
   },
 };

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

@@ -1,360 +1,13 @@
 export default {
-    type: "WrapperLayout",
+    type: "Control",
+    scope: "#/properties/path",
+  
+    options: {
+      widget: "LeaderBoard",
+    },
     config: {
-        main: {
-            rowSpacing: 3,
-            header: true,
-            label: "LeaderBoard",
-            divider: true,
-        },
-        style:{wrapperStyle:{
-            height: {xs:850,sm:1000}
-        }},
-        wrapperStyle: {
-            position: "relative",
-            width: "100%",
-            // height: {xs:800,sm:1000}
-        }
+      layout: { xs: 12, sm: 12, md: 12, lg: 12 },
+      main: {
+      },
     },
-    elements: [
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/firstImage",
-            config: {
-                main: {
-                    url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
-                },
-                containerStyle: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    top: { xs: "90px", "md": "60px" },
-                    left: { "xs": "calc(50% - 50px)", "sm": "calc(50% - 50px)", "md": "calc(50% - 100px)" },
-                    width: { "xs": "100px", "sm": "100px", "md": "200px" },
-                    border: "5px solid rgb(179, 198, 255)",
-                    height: { "xs": "100px", "sm": "100px", "md": "200px" },
-                    borderRadius: "50%"
-
-                },
-                style: {
-                    objectFit: "cover",
-                    width: "100%",
-                    height: "100%",
-                    borderRadius: "50%"
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Image",
-            },
-        },
-
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/secondImage",
-            config: {
-                main: {
-                    url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
-                },
-                containerStyle: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    top: { xs: "160px", "md": "130px" },
-                    left: { "xs": "calc(25% - 45px)", "sm": "calc(25% - 45px)", "md": "calc(25% - 90px)" },
-                    width: { "xs": "80px", "sm": "80px", "md": "180px" },
-                    border: "5px solid rgb(179, 198, 255)",
-                    height: { "xs": "80px", "sm": "80px", "md": "180px" },
-                    borderRadius: "50%"
-
-                },
-                style: {
-                    objectFit: "cover",
-                    width: "100%",
-                    height: "100%",
-                    borderRadius: "50%"
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Image",
-            },
-        },
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/thirdImage",
-            config: {
-                main: {
-                    url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
-                },
-                containerStyle: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    top: { xs: "160px", "md": "130px" },
-                    left: { "xs": "calc(75% - 42.5px)", "sm": "calc(75% - 42.5px)", "md": "calc(75% - 85px)" },
-                    width: { "xs": "80px", "sm": "80px", "md": "180px" },
-                    border: "5px solid rgb(179, 198, 255)",
-                    height: { "xs": "80px", "sm": "80px", "md": "180px" },
-                    borderRadius: "50%"
-
-                },
-                style: {
-                    objectFit: "cover",
-                    width: "100%",
-                    height: "100%",
-                    borderRadius: "50%"
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Image",
-            },
-        },
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/firstName",
-            config: {
-                main: {
-                    heading: "Satendra Raghav",
-                },
-                style: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    color: "black",
-                    top: { xs: "190px", md: "270px" },
-                    fontSize: { xs: "12px", md: "20px" },
-                    left: 'calc(50% - 90px)',
-                    width: "180px",
-                    fontWeight: "bold",
-                    borderRadius: "50%",
-                    zIndex: 7
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Box",
-            },
-        },
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/secondName",
-            config: {
-                main: {
-                    heading: "Satendra Raghav",
-                },
-                style: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    color: "black",
-                    top: { xs: "240px", md: "320px" },
-                    fontSize: { xs: "12px", md: "20px" },
-                    left: 'calc(25% - 90px)',
-                    width: "180px",
-                    fontWeight: "bold",
-                    borderRadius: "50%"
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Box",
-            },
-        },
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/thirdName",
-            config: {
-                main: {
-                    heading: "Satendra Raghav",
-                },
-                style: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    color: "black",
-                    top: { xs: "240px", md: "320px" },
-                    fontSize: { xs: "12px", md: "20px" },
-                    left: 'calc(75% - 90px)',
-                    width: "180px",
-                    fontWeight: "bold",
-                    borderRadius: "50%"
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Box",
-            },
-        },
-
-
-
-
-        {
-            type: "Control",
-            scope: "#/properties/econd",
-            config: {
-                main: {
-                    heading: "2",
-                },
-                style: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    textShadow: "2px 2px 5px #5065C7",
-                    background: "green",
-                    color: "white",
-                    top: { xs: "225px", md: "280px" },
-                    fontSize: { xs: "12px", md: "16px" },
-                    left: { xs: 'calc(25% - 12px)', md: "calc(25% - 16px)" },
-                    width: { xs: "20px", md: "40px" },
-                    border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
-                    height: { xs: "20px", md: "40px" },
-                    '@keyframes rotateAnimation': {
-                        from: {
-                            transform: 'rotate(0deg)',
-                        },
-                        to: {
-                            transform: 'rotate(360deg)',
-                        },
-                    },
-                    animation: 'rotateAnimation 4s infinite',
-                    borderRadius: "50%",
-                    zIndex: 5
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Box",
-            },
-        },
-
-        {
-            type: "Control",
-            scope: "#/properties/first",
-            config: {
-                main: {
-                    heading: "1",
-                },
-                style: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    textShadow: "2px 2px 5px #5065C7",
-                    background: "green",
-                    color: "white",
-                    top: { xs: "175px", md: "230px" },
-                    fontSize: { xs: "12px", md: "16px" },
-                    left: { xs: 'calc(50% - 12px)', md: "calc(50% - 16px)" },
-                    '@keyframes rotateAnimation': {
-                        from: {
-                            transform: 'rotate(0deg)',
-                        },
-                        to: {
-                            transform: 'rotate(360deg)',
-                        },
-                    },
-                    animation: 'rotateAnimation 4s infinite',
-                    width: { xs: "20px", md: "40px" },
-                    border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
-                    height: { xs: "20px", md: "40px" },
-                    borderRadius: "50%",
-                    zIndex: 5
-
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Box",
-            },
-        },
-        {
-            type: "Control",
-            scope: "#/properties/third",
-            config: {
-                main: {
-                    heading: "3",
-                },
-                style: {
-                    objectFit: "cover",
-                    position: "absolute",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    textShadow: "2px 2px 5px #5065C7",
-                    background: "green",
-                    color: "white",
-                    top: { xs: "225px", md: "280px" },
-                    fontSize: { xs: "12px", md: "16px" },
-                    left: { xs: 'calc(75% - 12px)', md: "calc(75% - 16px)" },
-                    width: { xs: "20px", md: "40px" },
-                    border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
-                    height: { xs: "20px", md: "40px" },
-
-                    '@keyframes rotateAnimation': {
-                        from: {
-                            transform: 'rotate(0deg)',
-                        },
-                        to: {
-                            transform: 'rotate(360deg)',
-                        },
-                    },
-                    animation: 'rotateAnimation 4s infinite',
-                    borderRadius: "50%",
-                    zIndex: 5
-
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Box",
-            },
-        },
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/table",
-            options: {
-                widget: "Table",
-
-            },
-            elements: [],
-            config: {
-                style: {
-                    tableHeadstyle: {
-                        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%"
-
-                },
-
-                main: {
-                    disableAction: true,
-                    disableSelection: true,
-
-                },
-            },
-
-        }
-    ],
-};
+  };

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: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",

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

@@ -6,7 +6,7 @@ export default {
   },
 
   config: {
-    layout: 6,
+    layout: { xs: 12, sm: 12, md: 6, lg: 6 },
     main: {
       developOnlyProgresBar: false,
       bottomLabel_3: "Remaining",

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

@@ -6,7 +6,7 @@ export default {
     widget: "RankCard",
   },
   config: {
-    layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+    layout: { xs: 12, sm: 6, md: 6, lg: 6 },
     main: {
     },
   },

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: 12, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                 },
@@ -38,12 +33,21 @@ export const refreshSectionUiSchema = {
                 widget: "EmptyBox",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
+                layout: { xs: 0, sm: 6, md: 4, lg: 4 },
+                main: {
+                 
                 },
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+
+              options: {
+                widget: "EmptyBox",
+              },
+              config: {
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
                 main: {
                  
                 },

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

@@ -6,7 +6,7 @@ export default {
     widget: "RunnerBoyProgressBar",
   },
   config: {
-    layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+    layout: { xs: 12, sm: 12, md: 6, lg: 6 },
     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: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",

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

@@ -4,16 +4,15 @@ export default {
   options: {
     widget: "Table",
   },
-  elements:[],
+  elements: [],
   config: {
     main: {
-      //@ts-ignore
-        allRowData:[],
-        downloadAllData:false,
+      onMount: "onMount",
+      enableExpandAll: true,
+      allRowData: [],
+      downloadAllData: false,
       columns: {
-        //@ts-ignore
         dataColumns: [],
-         //@ts-ignore
         actionColumns: [],
       },
     },