impaktapps-ui-builder 0.0.412 → 0.0.592-alpha.1

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

@@ -7,13 +7,16 @@ export default {
             label: "LeaderBoard",
             divider: true,
         },
-        style:{wrapperStyle:{
-            height: {xs:850,sm:1000}
-        }},
+        style: {
+        },
         wrapperStyle: {
             position: "relative",
             width: "100%",
-            // height: {xs:800,sm:1000}
+        },
+        componentsBoxStyle: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "20px",
         }
     },
     elements: [
@@ -24,22 +27,24 @@ export default {
                 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%"
+                    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,
@@ -48,7 +53,7 @@ export default {
                 widget: "Image",
             },
         },
-
+ 
         {
             type: "Control",
             scope: "#/properties/leaderBoard/properties/secondImage",
@@ -56,22 +61,24 @@ export default {
                 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%"
+                    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,
@@ -87,22 +94,24 @@ export default {
                 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%"
+                    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,
@@ -132,7 +141,7 @@ export default {
                     fontWeight: "bold",
                     borderRadius: "50%",
                     zIndex: 7
-
+ 
                 },
                 layout: 6,
             },
@@ -194,10 +203,10 @@ export default {
                 widget: "Box",
             },
         },
-
-
-
-
+ 
+ 
+ 
+ 
         {
             type: "Control",
             scope: "#/properties/econd",
@@ -231,7 +240,7 @@ export default {
                     animation: 'rotateAnimation 4s infinite',
                     borderRadius: "50%",
                     zIndex: 5
-
+ 
                 },
                 layout: 6,
             },
@@ -239,7 +248,7 @@ export default {
                 widget: "Box",
             },
         },
-
+ 
         {
             type: "Control",
             scope: "#/properties/first",
@@ -273,8 +282,8 @@ export default {
                     height: { xs: "20px", md: "40px" },
                     borderRadius: "50%",
                     zIndex: 5
-
-
+ 
+ 
                 },
                 layout: 6,
             },
@@ -304,7 +313,7 @@ export default {
                     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)',
@@ -316,8 +325,8 @@ export default {
                     animation: 'rotateAnimation 4s infinite',
                     borderRadius: "50%",
                     zIndex: 5
-
-
+ 
+ 
                 },
                 layout: 6,
             },
@@ -330,7 +339,7 @@ export default {
             scope: "#/properties/leaderBoard/properties/table",
             options: {
                 widget: "Table",
-
+ 
             },
             elements: [],
             config: {
@@ -339,22 +348,22 @@ 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"
+ 
                 },
-
+ 
                 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/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/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,17 +4,15 @@ export default {
   options: {
     widget: "Table",
   },
-  elements:[],
+  elements: [],
   config: {
     main: {
-      onMount:"onMount",
-      //@ts-ignore
-        allRowData:[],
-        downloadAllData:false,
+      onMount: "onMount",
+      enableExpandAll: true,
+      allRowData: [],
+      downloadAllData: false,
       columns: {
-        //@ts-ignore
         dataColumns: [],
-         //@ts-ignore
         actionColumns: [],
       },
     },

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

@@ -1,124 +1,108 @@
-export const TableSection = {
-  type: "HorizontalLayout",
-  elements: [
-        {
-          type: "WrapperLayout",
-          config: {
-            main: {
-              // label: "Table Columns",
-              // divider: true,
-            },
-            wrapperStyle: {
-              border:"1px solid gray"
+export const TableSection = (theme) => {
+  const uiSchema = {
+    type: "HorizontalLayout",
+    elements: [
+      {
+        type: "Control",
+        scope: "#/properties/elements",
+        options: {
+          widget: "Table",
+        },
+        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: [
+          {
+            accessorKey: "name",
+            header: "Name"
+          },
+          {
+            accessorKey: "type",
+            header: "Type"
           },
-          elements: [
-            {
+          {
+            header: "Edit Record",
+            field: "Reject_Records",
+            flex: 1,
+            widget: {
               type: "Control",
-              scope: "#/properties/programType",
-    
+              scope: "#/properties/RejectButton",
               options: {
-                widget: "Box",
+                widget: "IconButton",
               },
               config: {
-                layout: 8,
                 main: {
-                  heading: "Components Table",
+                  icon: "EditIcon",
+                  color: "primary",
+                  onClick: "editComponents",
+                  tooltipMessage: "Reject This Record",
                 },
+
                 style: {
-                  fontFamily: "Roboto",
-                  fontWeight: "500",
-                  paddingLeft:"-10px",
-                  fontSize: "20px",},
+                  color: theme.palette.primary.main,
+                },
               },
             },
-            {
+          },
+          {
+            header: "Delete",
+            field: "Reject_Records",
+            flex: 1,
+            widget: {
               type: "Control",
-              scope: "#/properties/Back_Button",
-    
+              scope: "#/properties/RejectButton",
               options: {
                 widget: "IconButton",
               },
               config: {
-                layout: 3,
                 main: {
-                  icon: "AddIcon",
-                  styleDefault: true,
-                  size: "small",
-                  onClick: "widgetAddClickHandler",
-                  tooltipMessage: "Add New",
-                },
-                style: {
-                  float: "right", 
+                  icon: "RejectIcon",
+                  color: "error",
+                  onClick: "deletePopUpComponent",
+                  tooltipMessage: "Reject This Record",
                 },
               },
             },
-    {
-      type: "Control",
-      scope: "#/properties/elements",
-      options: {
-        widget: "Table",
-      },
-      config: {
-        main: {
-          disableAction: true,
-          disableSelection: true,
-          enableDrag: true,
-         
-        },
-      },
-      elements:[
-        {
-          accessorKey: "name",
-          header: "Name"
-        },
-        {
-          accessorKey: "type",
-          header: "Type"
-        },
-        {
-          header: "Edit Record",
-          field: "Reject_Records",
-          flex: 1,
-          widget: {
-            type: "Control",
-            scope: "#/properties/RejectButton",
-            options: {
-              widget: "IconButton",
-            },
-            config: {
-              main: {
-                icon: "EditIcon",
-                color: "primary",
-                onClick: "editComponents",
-                tooltipMessage: "Reject This Record",
-              },
-            },
-          },
-        },
-        {
-          header: "Delete",
-          field: "Reject_Records",
-          flex: 1,
-          widget: {
-            type: "Control",
-            scope: "#/properties/RejectButton",
-            options: {
-              widget: "IconButton",
-            },
-            config: {
-              main: {
-                icon: "RejectIcon",
-                color: "error",
-                onClick: "deleteComponents",
-                tooltipMessage: "Reject This Record",
-              },
-            },
-          },
-        }
-      ]
-    }]}
-  ]}
+          }
+        ]
+      }]
+  }
+
+  return uiSchema
+}
+// ]}
 
 export const TableSectionSchema = {
   columns: {

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

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

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

@@ -18,12 +18,7 @@ export const ValidationSection = {
                 widget: "SelectInputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Validation Type",
                 },
@@ -37,16 +32,21 @@ export const ValidationSection = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Validation Value",
                 },
               },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+              options: {
+                widget: "EmptyBox"
+              },
+              config: {
+                layout: {xs: 0, sm: 0, md: 4}
+              }
             }
           ],
         },

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

@@ -6,7 +6,7 @@ export const ValueTab = {
     {
       type: "Control",
       scope: "#/properties/value",
-      layout: 11.5,
+      layout: 12,
       options: {
         detail: {
           type: "HorizontalLayout",
@@ -18,12 +18,7 @@ export const ValueTab = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Label",
                 },
@@ -37,18 +32,23 @@ export const ValueTab = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                   
                 },
               },
             },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+              options: {
+                widget: "EmptyBox"
+              },
+              config: {
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+              }
+            }
           ],
         },
       },

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

@@ -4,6 +4,7 @@ export default {
       main: {
         rowSpacing: 3,
         divider: true,
+        label: "Default Label",
       },
       defaultStyle: true,
     },

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

@@ -39,8 +39,6 @@ export const ComponentSchema: any = {
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
-        { title: "Timer", const: "Timer" },
-        { title: "Upload File", const: "UploadFile" },
         { title: "TreeMap", const: "TreeMap" },
         { title: "ColumnGroup", const: "ColumnGroup" },
       ]