impaktapps-ui-builder 0.0.595 → 0.0.751

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

@@ -1,98 +1,196 @@
-export default {
-  type: "WrapperLayout",
-  config: {
-    main: {
-      rowSpacing: 0.5,
-    },
-    componentsBoxStyle: {
-      position: "relative",
-      color: "white",
-      height: { xs: "120px", md: "160px" },
-      width: "100%",
-      textAlign: "left",
-      background: "#3f51b5",
-      borderRadius: "20px",
-    },
-    layout: { xs: 12, sm: 12, md: 6, lg: 6, },
-  },
-  elements: [
-    {
-      type: "Control",
-      scope: "#/properties/programType",
-      config: {
-        main: {
-          heading: "$5000.00",
-        },
-        style: {
-          position: "absolute",
-          left: "10%",
-          top: "15%",
-          color: "#f5effc",
-          height: "80px",
-          display: "flex",
-          fontSize: { xs: "24px", md: "32px" },
-          alignItems: "center",
-          background: "inherit",
-          justifyContent: "flex-start",
- 
-        },
-        layout: 5,
+export default function Card(theme){
+  const uiSchema = {
+    type: "WrapperLayout",
+    config: {
+      main: {},
+      wrapperStyle: {
+        position: "relative",
+        top: "50%",
+        transform: "translateY(-50%)"
       },
-      options: {
-        widget: "Box",
+      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",
+          },
+        },
       },
+      layout: { xs: 12, sm: 12, md: 6, lg: 6 },
     },
-    {
-      type: "Control",
-      scope: "#/properties/programType",
-      config: {
-        main: {
-          url: "https://www.svgrepo.com/show/500606/loading.svg",
+    elements: [
+      {
+        type: "HorizontalLayout",
+        config: {
+          layout: 8,
         },
-        style: {
-          color: "#f5effc",
-          objectFit: "contain",
-          position: "absolute",
-          top: "10px",
-          right: "10px",
-          height: "80%",
-          width: "35%",
-          display: "flex",
-          fontSize: "34px",
-          alignItems: "center",
-          background: "inherit",
-          padding: "20px",
-          justifyContent: "left",
-        },
-        layout: 5,
-      },
-      options: {
-        widget: "Image",
+        elements: [
+          {
+            type: "WrapperLayout",
+            config: {
+              main: {
+                columnSpacing: 0,
+                gap: 0,
+              },
+              wrapperStyle: {
+                background: "transparent",
+              },
+              componentsBoxStyle: {
+                flexDirection: "column",
+                flexWrap: "nowrap",
+                width: "100%",
+                height: "inherit",
+                background: "transparent",
+                borderRadius: "0px",
+              },
+              layout: 12,
+            },
+            elements: [
+              {
+                type: "WrapperLayout",
+                config: {
+                  main: {
+                    columnSpacing: 0,
+                    gap: 0,
+                  },
+                  wrapperStyle: {
+                    background: "transparent",
+                  },
+                  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",
+                        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: "8px"
+                      },
+                      // 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: "12px",
+                    lineHeight: "1",
+                  },
+                  layout: 12,
+                },
+
+                options: {
+                  widget: "Box",
+                },
+              },
+            ],
+          },
+        ],
       },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/programType",
-      config: {
-        main: {
-          heading: "Total Earnings",
+      {
+        type: "Control",
+        scope: "#/properties/programType",
+        config: {
+          main: {
+            url: "https://www.svgrepo.com/show/500606/loading.svg",
+          },
+          style: {
+            containerStyle: {
+              height: "100%",
+              display: "flex",
+              justifyContent: "end",
+            },
+            imageStyle: {
+              fontSize: "none",
+              padding: "4px",
+              margin: "0px 0px 0px 8px",
+              height: "64px",
+            },
+          },
+          layout: 4,
         },
-        style: {
-          position: "absolute",
-          top: "calc(60%)",
-          alignItems: "center",
-          color: "#8999e8",
-          fontSize: "16px",
-          left: "10%",
-          background: "inherit",
-          justifyContent: "center",
+        options: {
+          widget: "Image",
         },
-        layout: 12,
       },
- 
-      options: {
-        widget: "Box",
-      },
-    },
-  ],
-};
+    ],
+  };
+
+  return uiSchema
+}

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

@@ -9,7 +9,7 @@ export const CoreSection = {
         widget: "SelectInputField",
       },
       config: {
-        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Type",
           type: "text",
@@ -24,7 +24,7 @@ export const CoreSection = {
         widget: "InputField",
       },
       config: {
-        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Name",
         },
@@ -38,7 +38,7 @@ export const CoreSection = {
         widget: "InputField",
       },
       config: {
-        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Label",
         },
@@ -51,7 +51,7 @@ export const CoreSection = {
         widget: "SelectInputField",
       },
       config: {
-        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Column Format",
 
@@ -62,7 +62,7 @@ export const CoreSection = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 0, sm: 0, md: 4, lg: 4 },
       },
       options: {
         widget: "EmptyBox",
@@ -72,7 +72,7 @@ export const CoreSection = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 0, sm: 0, md: 4, lg: 4 },
       },
       options: {
         widget: "EmptyBox",
@@ -95,7 +95,7 @@ export const CoreSection = {
                 widget: "SelectInputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Screen Size",
 
@@ -110,7 +110,7 @@ export const CoreSection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                   type:"number",
@@ -124,7 +124,7 @@ export const CoreSection = {
               type: "Control",
               scope: "#/properties/proc",
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
               },
               options: {
                 widget: "EmptyBox",
@@ -152,7 +152,7 @@ export const OptionArray: any = {
             widget: "SelectInputField",
           },
           config: {
-            layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Label",
             },
@@ -166,7 +166,7 @@ export const OptionArray: any = {
             widget: "InputField",
           },
           config: {
-            layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Value",
               helperText: 'Number should be in range of 0 to 12',

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

@@ -5,8 +5,8 @@ export default {
     widget: "DateInputField",
   },
 
-  config: {
-    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+  config: {   
+     layout: { xs: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "",
       type: "date",
@@ -21,7 +21,7 @@ export const DateTime = {
   },
 
   config: {
-    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "DateTime",
       type: "date",

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

@@ -35,6 +35,29 @@ export const EventSection = (theme)=>{
                     },
                   }
                 },
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Event",
+
+                    options: {
+                      widget: "IconButton",
+                    },
+                    config: {
+                      main: {
+                        // color: "info",
+                        onClick: "copyPasteElement",
+                        size: "small",
+                        icon: "PasteIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
+                    },
+                  }
+                },
               ]
             },  
             disableAction: true,
@@ -98,6 +121,27 @@ export const EventSection = (theme)=>{
               },
             },
           },
+          {
+            header: "Copy",
+            field: "Copy_Event",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/Copy_Event",
+              options: {
+                widget: "IconButton",
+              },
+              config: {
+                main: {
+                  icon: "FileCopyIcon",
+                  // color: "error",
+                  onClick: "copyPasteElement",
+                  tooltipMessage: "Reject This Record",
+                  styleDefault: true,
+                },
+              },
+            },
+          },
         ]
       }]}
       return uiSchema

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

@@ -13,7 +13,7 @@ export const uploadFile =  {
       "style": {
         "backgroundColor": "none"
       },
-      layout: { xs: 11, sm: 4, md: 4, lg: 4 }
+      layout: { xs: 6, sm: 6, md: 4, lg: 4 }
     },
     "options": {
       "widget": "UploadFile"
@@ -30,7 +30,7 @@ export const downloadFile =   {
       "style": {
         "backgroundColor": "none"
       },
-      layout: { xs: 11, sm: 4, md: 4, lg: 4 }
+      layout: { xs: 12, sm: 6, md: 4, lg: 4 }
     },
     "options": {
       "widget": "DownloadFile"

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,33 +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",
-        legendTitle: "Our Assests",
-        direction: "row",
-        align: "right",
-        colorRectWidth: 20,
-      },
-    },
-    style: {
-      containerStyle: {},
-      headerStyle: {},
-      labelStyle: {},
-      lineStyle: {},
+      legendLabels: null
     },
+    style: { containerStyle: {},labelStyle:{margin:{}} ,lineStyle:{} },
   },
 };
 
@@ -69,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:{} }
   },
 };