impaktapps-ui-builder 1.0.4 → 1.0.6

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

@@ -13,7 +13,7 @@ export const uploadFile =  {
       "style": {
         "backgroundColor": "none"
       },
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 }
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
     },
     "options": {
       "widget": "UploadFile"
@@ -30,9 +30,9 @@ export const downloadFile =   {
       "style": {
         "backgroundColor": "none"
       },
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 }
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
     },
     "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/horizontalLayout.ts

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

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

@@ -0,0 +1,13 @@
+export default {
+    type: "Control",
+    scope: "#/properties/metricpath",
+  
+    options: {
+      widget: "MetricCard",
+    },
+    config: {
+      layout: { xs: 12, sm: 12, md: 3, lg: 3 },
+      main: {
+      },
+    },
+  };

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

@@ -6,13 +6,15 @@ export default {
     widget: "MultipleSelect",
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
       multiple: true,
-      variant: "standard",
+      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/refresh.ts

@@ -6,9 +6,6 @@ export const refreshSectionUiSchema = {
     {
       type: "Control",
       scope: "#/properties/refreshElements",
-      options: {
-        widget: "Array",
-      },
       config: {
         layout: 12,
         main: {

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

@@ -6,11 +6,13 @@ export default {
     widget: "SelectInputField",
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
       freeSole:false
     },
+    style: {
+    },
   },
 };

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

@@ -6,6 +6,7 @@ export default {
   },
   elements: [],
   config: {
+    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,

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",
                     },
@@ -74,93 +73,68 @@ export const TableSection = (theme) => {
             enableDrag: true,
 
           },
-        },
-        elements: [
-          {
-            accessorKey: "name",
-            header: "Name",
-            type: "string",
-            size: 300,
-          },
-          {
-            accessorKey: "type",
-            header: "Type",
-            type: "string",
-            size: 200,
-          },
-          {
-            header: "Edit Record",
-            field: "Reject_Records",
-            size: 150,
-            type: "action",
-            widget: {
+          action: [
+            {
               type: "Control",
               scope: "#/properties/RejectButton",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "TableEditIcon",
+                  startIcon: "EditIcon",
                   size: "small",
                   onClick: "editComponents",
                   tooltipMessage: "Reject This Record",
-                },
-                style: {
-                  fill: theme.palette.primary.main,
-                  "& :hover": {
-                    fill: theme.palette.primary.dark,
-                  },
+                  name: "Edit"
                 },
               },
             },
-          },
-          {
-            header: "Delete",
-            field: "Reject_Records",
-            size: 150,
-            type: "action",
-            widget: {
+            {
               type: "Control",
               scope: "#/properties/RejectButton",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "Bin",
+                  startIcon: "Bin",
                   onClick: "deletePopUpComponent",
                   tooltipMessage: "Reject This Record",
-                },
-                style: {
-                  fill: theme.palette.primary.main,
-                  "& :hover": {
-                    fill: theme.palette.primary.dark,
-                  },
+                  name: "Delete",
+                  size: "small"
                 },
               },
             },
-          },
-          {
-            header: "Copy",
-            field: "Copy_Component",
-            size: 150,
-            type: "action",
-            widget: {
+            {
               type: "Control",
-              scope: "#/properties/Copy_Component",
+              scope: scopeName === "elements" ? `#/properties/Copy_Component` : `#/properties/Copy_TabsComponent`,
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "FileCopyIcon",
+                  startIcon: "FileCopyIcon",
                   onClick: "copyPasteElement",
-                  styleDefault: true,
-                  disabled: false
+                  styleDefault: false,
+                  name: "Copy"
                 },
               },
             },
+          ]
+        },
+        elements: [
+          {
+            accessorKey: "name",
+            header: "Name",
+            type: "string",
+            size: 300,
+          },
+          {
+            accessorKey: "type",
+            header: "Type",
+            type: "string",
+            size: 200,
           },
         ]
       }]

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

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

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

@@ -7,122 +7,67 @@ export const ValidationSection = {
     }
   },
   elements: [
-    {
-      type: "Control",
-      scope: "#/properties/validation",
-      layout: 11.5,
-      options: {
-        "elementLabelProp": "validationType",
-        detail: {
-          type: "HorizontalLayout",
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/validationType",
-
-              options: {
-                widget: "SelectInputField",
-              },
-              config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                main: {
-                  label: "Validation Type",
-                },
-              },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/validationValue",
-
-              options: {
-                widget: "InputField",
-              },
-              config: {
-                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}
-              }
-            }
-          ],
-        },
+  
+   {
+    type: "Control",
+    scope: "#/properties/validation",
+    config: {
+      layout: 12,
+      main: {
+        label: "Validation",
+        childElementLabel: "Validation",
       },
-
+      style: {
+        marginLeft: "-24px",
+        marginBottom: "24px !important",
+        labelStyle: {
+          marginLeft: "24px",
+        },
+        detailsStyle: {
+          marginLeft: "24px",
+        }
+      }
     },
+    elements: [
+      {
+        type: "Control",
+        scope: "#/properties/validationType",
+        options: {
+          widget: "SelectInputField",
+        },
+        config: {
+          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+          main: {
+            label: "Validation Type",
+          },
+        },
+      },
+      {
+        type: "Control",
+        scope: "#/properties/validationValue",
 
-  //  {
-  //   type: "Control",
-  //   scope: "#/properties/validation",
-  //   options: {
-  //     widget: "Array",
-  //   },
-  //   config: {
-  //     layout: 12,
-  //     main: {
-  //       label: "Validation",
-  //       childElementLabel: "Validation",
-  //     },
-  //     style: {
-  //       marginLeft: "-24px",
-  //       marginBottom: "24px !important",
-  //       labelStyle: {
-  //         marginLeft: "24px",
-  //       },
-  //       detailsStyle: {
-  //         marginLeft: "24px",
-  //       }
-  //     }
-  //   },
-  //   elements: [
-  //     {
-  //       type: "Control",
-  //       scope: "#/properties/validationType",
-  //       options: {
-  //         widget: "SelectInputField",
-  //       },
-  //       config: {
-  //         layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-  //         main: {
-  //           label: "Validation Type",
-  //         },
-  //       },
-  //     },
-  //     {
-  //       type: "Control",
-  //       scope: "#/properties/validationValue",
-
-  //       options: {
-  //         widget: "InputField",
-  //       },
-  //       config: {
-  //         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, lg: 4}
-  //       }
-  //     }
-  //   ],
-  // },
+        options: {
+          widget: "InputField",
+        },
+        config: {
+          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, lg: 4}
+        }
+      }
+    ],
+  },
 
   ]
 };

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

@@ -10,9 +10,6 @@ export const ValueTab = {
     {
       type: "Control",
       scope: "#/properties/value",
-      options: {
-        widget: "Array",
-      },
       config: {
         layout: 12,
         main: {

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

@@ -1,10 +1,13 @@
 export default {
     type: "WrapperLayout",
     config: {
+      layout: 12,
       main: {
-        rowSpacing: 3,
         divider: true,
         label: "Default Label",
+        rowSpacing: 2,
+        columnSpacing:2,
+        spacing:2,
       },
       defaultStyle: true,
     },