impaktapps-ui-builder 1.0.201 → 1.0.202

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

@@ -1,215 +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: 9,
-        },
-        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",
-                paddingRight: 0
-              },
-              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: "25px" },
-                        fontWeight: "bold",
-                        background: "inherit",
-                        justifyContent: "flex-start",
-                        width: "auto",
-                        margin: "-8px",
-                        marginTop: "-6px",
-                        position: "absolute",
-                        left: "7px",  
-                        whiteSpace: "nowrap",          
-                        overflowX: "auto",             
-                        overflowY: "hidden",          
-                        scrollbarWidth: "none",        
-                        msOverflowStyle: "none",        
-                        maxWidth: "calc(100% + 20px)",  
-                        "&::-webkit-scrollbar": {  
-                          display: "none",
-                        }
-                      },
-                      // layout: 11,
-                    },
-                    options: {
-                      widget: "Box",
-                    },
-                  },
-                ],
-              },
-              {
-                type: "Control",
-                scope: "#/properties/programType",
-                config: {
-                  main: {
-                    heading: "Total Earnings",
-                  },
-                style: {
-                    color: "black",
-                    fontSize: "16px",
-                    justifyContent: "center",
-                    whiteSpace: "nowrap",  
-                    overflowX: "auto",            
-                    overflowY: "hidden",
-                    scrollbarWidth: "none",      
-                    msOverflowStyle: "none",      
-                    background: "inherit",
-                    width: "calc(100% + 8px)",
-                    margin: "-8px",
-                    marginTop: { xs: "16px", md: "20px" },
-                    "&::-webkit-scrollbar": {
-                      display: "none",       
-                    }
-                  },
-                  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: 3,
         },
         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

@@ -173,7 +173,6 @@ export const CoreSection = {
             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Screen Size",
-
             },
           },
         },

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,7 +58,7 @@ export const HorizontalBarGraph = {
       type: "HorizontalBarGraph",
       legendLabels: null
     },
-    style:{ containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
   },
 };
 
@@ -69,12 +69,28 @@ export const AreaBarGraph = {
     widget: "Graph",
   },
   config: {
-    layout: {xs :12,sm:12,md:12,lg:6},
+    layout: {xs :12,sm:12,md:12,lg:12},
     main: {
       type: "AreaGraph",
       legendLabels: null
     },
-    style:{ containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
+    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/metricCard.ts

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

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

@@ -14,5 +14,7 @@ export default {
       variant: "outlined",
       options: [],
     },
+    style: {
+    }
   },
 };

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

@@ -0,0 +1,18 @@
+export default {
+    type: "Control",
+    scope: "#/properties/pdfviewer",
+    options: {
+      widget: "PdfViewer",
+    },
+    config: {
+      layout: {
+        xs: 12,
+        sm: 12,
+        md: 12,
+        lg: 12,
+      },
+      main: {
+        title: "PDF"
+      },
+    },
+  }

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

@@ -12,5 +12,7 @@ export default {
       type: "text",
       freeSole:false
     },
+    style: {
+    },
   },
 };

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

@@ -1,10 +1,10 @@
-export const TableSection = (theme) => {
+export const TableSection = (theme,scopeName="elements") => {
   const uiSchema = {
     type: "HorizontalLayout",
     elements: [
       {
         type: "Control",
-        scope: "#/properties/elements",
+        scope: `#/properties/${scopeName}`,
         options: {
           widget: "Table",
         },
@@ -15,8 +15,7 @@ export const TableSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/New_Record",
-
+                     scope: `#/properties/${scopeName}_New_Record`,
                     options: {
                       widget: "IconButton",
                     },
@@ -43,7 +42,7 @@ export const TableSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/Paste_Component",
+                     scope: scopeName === "elements" ? `#/properties/Paste_Component` : `#/properties/Paste_TabsComponent`,
                     options: {
                       widget: "IconButton",
                     },
@@ -109,7 +108,7 @@ export const TableSection = (theme) => {
             },
             {
               type: "Control",
-              scope: "#/properties/Copy_Component",
+              scope: scopeName === "elements" ? `#/properties/Copy_Component` : `#/properties/Copy_TabsComponent`,
               options: {
                 widget: "Button",
               },

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

@@ -3,9 +3,11 @@ export default {
     config: {
       layout: 12,
       main: {
-        rowSpacing: 3,
         divider: true,
         label: "Default Label",
+        rowSpacing: 2,
+        columnSpacing:2,
+        spacing:2,
       },
       defaultStyle: true,
     },