impaktapps-ui-builder 0.0.595 → 0.0.751

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

@@ -1,370 +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/multiSelect.ts

@@ -6,7 +6,7 @@ export default {
     widget: "MultipleSelect",
   },
   config: {
-    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+    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,7 +19,7 @@ export const refreshSectionUiSchema = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 12, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                 },
@@ -33,7 +33,7 @@ export const refreshSectionUiSchema = {
                 widget: "EmptyBox",
               },
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 6, md: 4, lg: 4 },
                 main: {
                  
                 },
@@ -47,7 +47,7 @@ export const refreshSectionUiSchema = {
                 widget: "EmptyBox",
               },
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                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,7 +6,7 @@ export default {
     widget: "SelectInputField",
   },
   config: {
-    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",

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

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

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/build/uischema/validationSections.ts

@@ -18,7 +18,7 @@ export const ValidationSection = {
                 widget: "SelectInputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Validation Type",
                 },
@@ -32,7 +32,7 @@ export const ValidationSection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Validation Value",
                 },
@@ -45,7 +45,7 @@ export const ValidationSection = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: {xs: 0, sm: 4}
+                layout: {xs: 0, sm: 0, md: 4}
               }
             }
           ],

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

@@ -18,7 +18,7 @@ export const ValueTab = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Label",
                 },
@@ -32,7 +32,7 @@ export const ValueTab = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                   
@@ -46,7 +46,7 @@ export const ValueTab = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
               }
             }
           ],