impaktapps-ui-builder 1.0.621 → 1.0.622

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

@@ -1,196 +1,169 @@
-export default function Card(theme){
-  const uiSchema = {
+export default function Card(theme) {
+  const uiSchema =
+  {
     type: "WrapperLayout",
     config: {
       main: {},
-      wrapperStyle: {
-        position: "relative",
-        top: "50%",
-        transform: "translateY(-50%)",
-        marginBottom: 0
-      },
-      componentsBoxStyle: {
-        boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
-        flexDirection: "row",
-        flexWrap: "nowrap",
-        width: "100% !important",
-        background: "transparent",
-        border: `1.5px solid ${theme.palette.primary.light}`,
-        borderRadius: "8px",
-        padding: "0px 4px",
-        height: "100%",
-        alignItems: "center",
-        marginLeft: "0px",
-        "&: hover": {
-          background: `${theme.palette.primary.main}`,
-          border: `1.5px solid black`,
-          "& p": {
-            color: "white",
+      style: {
+        wrapperStyle: {
+          position: "relative",
+          top: "50%",
+          transform: "translateY(-50%)",
+          marginBottom: 0,
+          borderRadius: "12px",
+          fontFamily:"poppins"
+        },
+        componentsBoxStyle: {
+          boxShadow: "0 0 6px 1px rgba(149, 147, 147, 0.25)",
+          flexDirection: "column",
+          overflow: "hidden",
+          flexWrap: "nowrap",
+          width: "100% !important",
+          background: "transparent",
+          // border: `1.5px solid ${theme.palette.primary.light}`,
+          borderRadius: "12px",
+          padding: "20px 20px 20px 14px",
+          height: "100%",
+          minHeight: "100px",
+          position: "relative",
+          marginLeft: "0px",
+          "&: hover": {
+            background: `${theme.palette.primary.main}`,
+             color: `${theme.palette.primary.contrastText}`,
+            // border: `1.5px solid black`,
+            // "& p": {
+            //   color: "white",
+            // },
           },
         },
       },
-      layout: { xs: 12, sm: 12, md: 6, lg: 6 },
+
+      layout: { xs: 12, sm: 12, md: 3, lg: 3 },
     },
     elements: [
-      {
-        type: "HorizontalLayout",
+      { 
+        type: "Control",
+        scope: "#/properties/initilCardScope",
         config: {
-          layout: 8,
-        },
-        elements: [
-          {
-            type: "WrapperLayout",
-            config: {
-              main: {
-                columnSpacing: 0,
-                gap: 0,
-              },
-              wrapperStyle: {
-                background: "transparent",
-                marginBottom: 0
-              },
-              componentsBoxStyle: {
-                flexDirection: "column",
-                flexWrap: "nowrap",
-                width: "100%",
-                height: "inherit",
-                background: "transparent",
-                borderRadius: "0px",
-              },
-              layout: 12,
+          main: {
+            url: "https://www.svgrepo.com/show/500606/loading.svg",
+          },
+          style: {
+            containerStyle: {
+              position: "absolute",
+                color:"inherit",
+              top: "4px",
+              right: "4px",
+              display: "flex",
+              justifyContent: "flex-end",
+              alignItems: "flex-start",
+            },
+            imageStyle: {
+              color:"inherit",
+              width: "32px",
+              height: "32px",
+              padding: "0px",
+              margin: "0px",
             },
-            elements: [
-              {
-                type: "WrapperLayout",
-                config: {
-                  main: {
-                    columnSpacing: 0,
-                    gap: 0,
-                  },
-                  wrapperStyle: {
-                    background: "transparent",
-                    marginBottom: 0
-                  },
-                  componentsBoxStyle: {
-                    flexDirection: "row",
-                    flexWrap: "nowrap",
-                    width: "100%",
-                    height: "0",
-                    background: "transparent",
-                    borderRadius: "0px",
-                    marginLeft: "-10px",
-                    marginTop: "-8px",
-                    justifyContent: "start",
-                    position: "relative"
-                  },
-                  layout: 12,
-                },
-                elements: [
-                  {
-                    type: "Control",
-                    scope: "#/properties/programType",
-                    config: {
-                      main: {
-                        heading: "",
-                      },
-                      style: {
-                        color: "black",
-                        display: "flex",
-                        fontSize: { xs: "24px", md: "28px" },
-                        fontWeight: "bold",
-                        background: "inherit",
-                        justifyContent: "flex-start",
-                        width: "auto",
-                        margin: "-8px",
-                        marginLeft: "-24px",
-                        height: 0
-                      },
-                      // layout: 1,
-                    },
-                    options: {
-                      widget: "Box",
-                    },
-                  },
-                  {
-                    type: "Control",
-                    scope: "#/properties/programType",
-                    config: {
-                      main: {
-                        heading: "5000.00",
-                      },
-                      style: {
-                        color: "black",
-                        display: "flex",
-                        fontSize: { xs: "24px", md: "28px" },
-                        fontWeight: "bold",
-                        background: "inherit",
-                        justifyContent: "flex-start",
-                        width: "auto",
-                        margin: "-8px",
-                        position: "absolute",
-                        left: "24px"
-                      },
-                      // layout: 11,
-                    },
-                    options: {
-                      widget: "Box",
-                    },
-                  },
-                ],
-              },
-              {
-                type: "Control",
-                scope: "#/properties/programType",
-                config: {
-                  main: {
-                    heading: "Total Earnings",
-                  },
-                  style: {
-                    color: "black",
-                    fontSize: "16px",
-                    justifyContent: "center",
-                    textWrap: "wrap",
-                    background: "inherit",
-                    width: "calc(100%+8px)",
-                    margin: "-8px",
-                    marginTop: {xs: "16px", md: "20px"},
-                  },
-                  layout: 12,
-                },
-
-                options: {
-                  widget: "Box",
-                },
-              },
-            ],
           },
-        ],
+        },
+        options: {
+          widget: "Image",
+        },
       },
       {
         type: "Control",
-        scope: "#/properties/programType",
+        scope: "#/properties/initilCardScope",
         config: {
           main: {
-            url: "https://www.svgrepo.com/show/500606/loading.svg",
+            heading: "Total Earnings",
           },
           style: {
-            containerStyle: {
-              height: "100%",
+          color: "inherit",
+            fontSize: "16px",
+            fontWeight: 300,
+            fontFamily:"Poppins",
+            justifyContent: "flex-start",
+            background: "inherit",
+          position: "absolute",
+              top: "8px",
+              left: "12px",
               display: "flex",
-              justifyContent: "end",
+             maxWidth: "200px",
+            whiteSpace: "nowrap",
+            overflowX: "auto",
+            scrollbarWidth: "none",
+            "&::-webkit-scrollbar": {
+              display: "none",
             },
-            imageStyle: {
-              width: "unset",
-              fontSize: "none",
-              padding: "4px",
-              margin: "0px 0px 0px 8px",
-              height: "64px",
+          },
+        },
+        options: {
+          widget: "Box",
+        },
+      },
+      {
+        type: "Control",
+        scope: "#/properties/initilCardScope",
+        config: {
+          main: {
+            heading: "5000.00", 
+          },
+          style: {
+             color: "inherit",
+            display: "flex",
+            fontSize: { xs: "22px", md: "40px" },
+            fontWeight: 600,
+            background: "inherit",
+            justifyContent: "flex-start",
+            width: "100%",
+            margin: "0px",
+            marginBottom: "4px",
+              marginTop: "8px",
+            lineHeight: "1",
+            maxWidth: "300px",
+            whiteSpace: "nowrap",
+            overflowX: "auto",
+            overflowY: "hidden",
+            scrollbarWidth: "none",
+          
+            "&::-webkit-scrollbar": {
+              display: "none",
             },
           },
-          layout: 4,
         },
         options: {
-          widget: "Image",
+          widget: "Box",
+        },
+      },
+      {
+        type: "Control",
+        scope: "#/properties/initilCardScope",
+        config: {
+          main: {
+            heading: "Increased from last month",
+          },
+          style: {
+            color: "inherit",
+            fontSize: "12px",
+            fontWeight: "400",
+            justifyContent: "flex-start",
+            background: "inherit",
+            margin: "0px",
+            paddingLeft: "2px",
+            marginBottom:"8px",
+            maxWidth: "200px",
+            whiteSpace: "nowrap",
+            overflowX: "auto",
+            scrollbarWidth: "none",
+          
+            "&::-webkit-scrollbar": {
+              display: "none",
+            },
+          },
+        },
+        options: {
+          widget: "Box",
         },
       },
     ],

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

@@ -62,20 +62,76 @@ export const CoreSection = {
         },
       },
     },
-    // {
-    //   type: "Control",
-    //   scope: "#/properties/columnFormat",
-    //   options: {
-    //     widget: "SelectInputField",
-    //   },
-    //   config: {
-    //     layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-    //     main: {
-    //       label: "Column Format",
-
-    //     },
-    //   },
-    // },
+    {
+      type: "Control",
+      scope: "#/properties/proc5",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc6",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc7",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc8",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc9",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc10",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc11",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -117,7 +173,6 @@ export const CoreSection = {
             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Screen Size",
-            
             },
           },
         },
@@ -132,11 +187,11 @@ export const CoreSection = {
             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Value",
-              type:"number",
+              type: "number",
               // freeSolo:true,
-              helperText:'Number should be in range of 0 to 12',
-              errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
-             
+              helperText: 'Number should be in range of 0 to 12',
+              errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
+
             },
           },
         },

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

@@ -74,95 +74,71 @@ export const EventSection = (theme)=>{
             enableDrag: true,
           
           },
-        },
-        elements: [
-              
-          {
-            accessorKey: "eventType",
-            header: "Event's Type",
-            type: "string",
-            size: 300,
-          },
-          {
-            accessorKey: "Handler",
-            header: "Handler",
-            type: "string",
-            size: 200,
-          },
-          {
-            accessorKey: "Edit_Approve_Records",
-            header: "Edit",
-            size: 150,
-            type: "action",
-            widget: {
+          action: [
+            {
               type: "Control",
               scope: "#/properties/Edit_Records",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
                   size: "small",
-                  icon: "TableEditIcon",
+                  startIcon: "EditIcon",
                   tooltipMessage: "Edit This Record",
                   onClick: "eventEditHandler",
-                },
-                style: {
-                  fill: theme.palette.primary.main,
-                  "& :hover": {
-                    fill: theme.palette.primary.dark,
-                  },
+                  name: "Edit"
                 },
               },
             },
-          },
-          {
-            accessorKey: "Reject_Records",
-            header: "Delete",
-            size: 150,
-            type: "action",
-            widget: {
+            {
               type: "Control",
               scope: "#/properties/RejectButton",
               accessorKeyName: "Reject_Records",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "Bin",
+                  startIcon: "Bin",
                   tooltipMessage: "Reject This Record",
                   onClick: "deletePopUpEvent",
-                },
-                style: {
-                  fill: theme.palette.primary.main,
-                  "& :hover": {
-                    fill: theme.palette.primary.dark,
-                  },
+                  name: "Delete",
+                  size: "small"
                 },
               },
             },
-          },
-          {
-            header: "Copy",
-            field: "Copy_Event",
-            size: 150,
-            type: "action",
-            widget: {
+            {
               type: "Control",
               scope: "#/properties/Copy_Event",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "FileCopyIcon",
+                  startIcon: "FileCopyIcon",
                   onClick: "copyPasteElement",
                   tooltipMessage: "Reject This Record",
-                  styleDefault: true,
+                  styleDefault: false,
+                  name: "Copy"
                 },
               },
             },
+          ]
+        },
+        elements: [
+              
+          {
+            accessorKey: "eventType",
+            header: "Event's Type",
+            type: "string",
+            size: 300,
+          },
+          {
+            accessorKey: "Handler",
+            header: "Handler",
+            type: "string",
+            size: 200,
           },
         ]
       }]}

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

@@ -35,4 +35,4 @@ export const downloadFile =   {
     "options": {
       "widget": "DownloadFile"
     }
-  };
+  };

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

@@ -11,7 +11,7 @@ export const BarGraph = {
       type: "BarGraph",
       legendLabels: null
     },
-    style: { containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
+    style: { containerStyle: {},labelStyle:{margin:{}}}
   },
 };
 
@@ -27,7 +27,7 @@ export const PieGraph = {
       type: "PieGraph",
       legendLabels: null
     },
-    style:{ containerStyle: {},labelStyle:{margin:{}} ,pieStyle:{} }
+    style:{ containerStyle: {},labelStyle:{margin:{}}}
   },
 };
 export const LineGraph = {
@@ -42,7 +42,7 @@ export const LineGraph = {
       type: "LineGraph",
       legendLabels: null
     },
-    style: { containerStyle: {},labelStyle:{margin:{}} ,lineStyle:{} },
+    style: { containerStyle: {},labelStyle:{margin:{}}},
   },
 };
 
@@ -58,6 +58,39 @@ export const HorizontalBarGraph = {
       type: "HorizontalBarGraph",
       legendLabels: null
     },
-    style:{ containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
   },
 };
+
+export const AreaBarGraph = {
+  type: "Control",
+  scope: "#/properties/graph",
+  options: {
+    widget: "Graph",
+  },
+  config: {
+    layout: {xs :12,sm:12,md:12,lg:12},
+    main: {
+      type: "AreaGraph",
+      legendLabels: null
+    },
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
+  },
+};
+
+export const StackBarLineG = {
+  type: "Control",
+  scope: "#/properties/graph",
+  options: {
+    widget: "Graph",
+  },
+  config: {
+    layout: {xs :12,sm:12,md:12,lg:12},
+    main: {
+      type: "StackBarLineGraph",
+      legendLabels: null
+    },
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
+  },
+};
+

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

@@ -0,0 +1,13 @@
+export const HierarchyChart = {
+  type: "Control",
+  scope: "#/properties/HierarchyChart",
+  options: {
+    widget: "HierarchyChart",
+  },
+  config: {
+    layout: {xs :12,sm:12,md:12,lg:12},
+    main: {
+    },
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
+  },
+};

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

@@ -0,0 +1,11 @@
+export default {
+    type: "HorizontalLayout",
+    config: {
+      layout: 12,
+      main: {
+        rowSpacing: 3,
+        divider: false,
+      },
+      defaultStyle: true,
+    },
+    elements: []}