impaktapps-ui-builder 0.0.100 → 0.0.101

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

@@ -6,9 +6,12 @@ export const BarGraph = {
   },
 
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     main: {
+      type: "BarGraph",
+      legendLabels: null
     },
-    style: { containerStyle: {} }
+    style: { containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
   },
 };
 
@@ -19,10 +22,12 @@ export const PieGraph = {
     widget: "Graph",
   },
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     main: {
       type: "PieGraph",
+      legendLabels: null
     },
-    style:{}
+    style:{ containerStyle: {},labelStyle:{margin:{}} ,pieStyle:{} }
   },
 };
 export const LineGraph = {
@@ -32,32 +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",
-        direction: "row",
-        align: "right",
-        colorRectWidth: 20,
-      },
-    },
-    style: {
-      containerStyle: {},
-      headerStyle: {},
-      labelStyle: {},
-      lineStyle: {},
+      legendLabels: null
     },
+    style: { containerStyle: {},labelStyle:{margin:{}} ,lineStyle:{} },
   },
 };
 
@@ -68,11 +53,11 @@ export const HorizontalBarGraph = {
     widget: "Graph",
   },
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     main: {
       type: "HorizontalBarGraph",
+      legendLabels: null
     },
-    style:{
-      
-    }
+    style:{ containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
   },
 };

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

@@ -1,369 +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: {
-            position: "relative",
-            width: "100%",
-        },
-        componentsBoxStyle: {
-            display: "flex",
-            flexDirection: "column",
-            gap: "20px",
-        }
+      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",
-                },
-                style: {
-                    imageStyle: {
-                        objectFit: "cover",
-                        width: "100%",
-                        height: "100%",
-                        borderRadius: "50%"
-                    },
-                    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%"
-    
-                    },
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Image",
-            },
-        },
- 
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/secondImage",
-            config: {
-                main: {
-                    url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
-                },
-                style: {
-                    imageStyle: {
-                        objectFit: "cover",
-                        width: "100%",
-                        height: "100%",
-                        borderRadius: "50%"
-                    },
-                    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%"
-    
-                    },
-
-                },
-                layout: 6,
-            },
-            options: {
-                widget: "Image",
-            },
-        },
-        {
-            type: "Control",
-            scope: "#/properties/leaderBoard/properties/thirdImage",
-            config: {
-                main: {
-                    url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
-                },
-                style: {
-                    imageStyle: {
-                        objectFit: "cover",
-                        width: "100%",
-                        height: "100%",
-                        borderRadius: "50%"
-                    },
-                    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%"
-    
-                    },
-
-                },
-                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)"
-                    },
-                    top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
-                    // top:"390px",
-                    border: "2px solid rgb(179, 198, 255)",
-                    width: "95%",
-                    left: "2.5%",
-                    margin: "auto"
- 
-                },
- 
-                main: {
-                    disableAction: true,
-                    disableSelection: true,
- 
-                },
-            },
- 
-        }
-    ],
-};
+  };

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/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/tableSection.ts

@@ -35,6 +35,29 @@ export const TableSection = (theme) => {
                     },
                   }
                 },
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Component",
+
+                    options: {
+                      widget: "IconButton",
+                    },
+                    config: {
+                      main: {
+                        // color: "info",
+                        onClick: "copyPasteElement",
+                        size: "small",
+                        icon: "PasteIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
+                    },
+                  }
+                },
               ]
             },
             disableAction: true,
@@ -95,7 +118,28 @@ export const TableSection = (theme) => {
                 },
               },
             },
-          }
+          },
+          {
+            header: "Copy",
+            field: "Copy_Component",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/Copy_Component",
+              options: {
+                widget: "IconButton",
+              },
+              config: {
+                main: {
+                  icon: "FileCopyIcon",
+                  // color: "error",
+                  onClick: "copyPasteElement",
+                  styleDefault: true,
+                  disabled: false
+                },
+              },
+            },
+          },
         ]
       }]
   }

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

@@ -0,0 +1,14 @@
+export default {
+    type: "Control",
+    scope: "#/properties/path",
+  
+    options: {
+      widget: "Thought",
+    },
+    config: {
+      layout: { xs: 11.5, sm: 11.5, md: 8, lg: 8 },
+      main: {
+      },
+    },
+  };
+  

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

@@ -8,25 +8,11 @@ export default {
           layout: {
             xs: 12,
             sm: 12,
-            md: 12,
-            lg: 12,
+            md: 6,
+            lg: 6,
           },
           main : {},
           style : {
-            digitContainer : {
-              borderRadius : "4px",
-              textShawdow : 'none',
-              width : "22%"
-            },
-            container : {
-              // backgroundColor : "rgb(249 249 249)",
-              backgroundColor : "#FFFFFF",
-              borderRadius : "18px"
-            },
-
-            containerLabelColor : {
-              color : "red"
-            }
           }
         }
 }

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -41,6 +41,7 @@ export const ComponentSchema: any = {
         { title: "Upload File", const: "UploadFile" },
         { title: "TreeMap", const: "TreeMap" },
         { title: "ColumnGroup", const: "ColumnGroup" },
+        { title: "Thought of the Day", const: "Thought" },
       ]
     },
     columnFormat: {
@@ -341,7 +342,10 @@ export const ComponentSchema: any = {
     name: {
       type: "string",
     },
-    label: { type: 'string' }
+    label: { type: 'string' },
+    RemoveItemButton:{
+      disabled: true,
+    },
   },
 
   required: ["name",]