impaktapps-ui-builder 0.0.101-alpha.13 → 0.0.101-alpha.14

package/dist/impaktapps-ui-builder.es.js

@@ -7254,15 +7254,20 @@ const EventSection = (theme) => {
                     },
                     config: {
                       main: {
-                        color: "info",
                         onClick: "eventAddHandler",
                         size: "small",
-                        icon: "AddIcon",
-                        iconLabel: "Add New",
+                        icon: "TableAddIcon",
+                        iconLabel: "Add",
                         styleDefault: true
                       },
                       style: {
-                        mt: "6px"
+                        mt: "6px",
+                        color: "inherit",
+                        fill: "inherit",
+                        "&:hover": {
+                          color: "inherit",
+                          fill: "inherit"
+                        }
                       }
                     }
                   }
@@ -7278,12 +7283,18 @@ const EventSection = (theme) => {
                       main: {
                         onClick: "copyPasteElement",
                         size: "small",
-                        icon: "PasteIcon",
+                        icon: "TablePaste",
                         iconLabel: "Paste",
                         styleDefault: true
                       },
                       style: {
-                        mt: "6px"
+                        mt: "6px",
+                        color: "inherit",
+                        fill: "inherit",
+                        "&:hover": {
+                          color: "inherit",
+                          fill: "inherit"
+                        }
                       }
                     }
                   }
@@ -7298,15 +7309,21 @@ const EventSection = (theme) => {
         elements: [
           {
             accessorKey: "eventType",
-            header: "Event Type"
+            header: "Event Type",
+            type: "string",
+            size: 300
           },
           {
             accessorKey: "Handler",
-            header: "Handler"
+            header: "Handler",
+            type: "string",
+            size: 200
           },
           {
             accessorKey: "Edit_Approve_Records",
             header: "Edit Widget",
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/Edit_Records",
@@ -7315,14 +7332,16 @@ const EventSection = (theme) => {
               },
               config: {
                 main: {
-                  color: "info",
                   size: "small",
-                  icon: "EditIcon",
+                  icon: "TableEditIcon",
                   tooltipMessage: "Edit This Record",
                   onClick: "eventEditHandler"
                 },
                 style: {
-                  color: theme.palette.primary.main
+                  fill: theme.palette.primary.main,
+                  "& :hover": {
+                    fill: theme.palette.primary.dark
+                  }
                 }
               }
             }
@@ -7330,6 +7349,8 @@ const EventSection = (theme) => {
           {
             accessorKey: "Reject_Records",
             header: "Delete",
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/RejectButton",
@@ -7339,10 +7360,15 @@ const EventSection = (theme) => {
               },
               config: {
                 main: {
-                  icon: "RejectIcon",
-                  color: "error",
+                  icon: "Bin",
                   tooltipMessage: "Reject This Record",
                   onClick: "deletePopUpEvent"
+                },
+                style: {
+                  fill: theme.palette.primary.main,
+                  "& :hover": {
+                    fill: theme.palette.primary.dark
+                  }
                 }
               }
             }
@@ -7350,7 +7376,8 @@ const EventSection = (theme) => {
           {
             header: "Copy",
             field: "Copy_Event",
-            flex: 1,
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/Copy_Event",
@@ -7828,7 +7855,13 @@ const buildPropertiesSection = function(type) {
   return uiSchema;
 };
 const StyleSection = {
-  type: "HorizontalLayout",
+  type: "WrapperLayout",
+  config: {
+    main: {
+      label: " ",
+      gap: "8px"
+    }
+  },
   elements: [
     {
       type: "Control",
@@ -7844,14 +7877,7 @@ const StyleSection = {
           lg: 12
         },
         style: {
-          containerStyle: {
-            borderRadius: "20px"
-          },
-          headerContainerStyle: {},
-          textAreaStyle: {
-            borderRadius: "20px",
-            padding: "20px"
-          }
+          "& .MuiFormLabel-root:not(.MuiInputLabel-shrink)": {}
         },
         main: {
           heading: "JSON Style",
@@ -8058,56 +8084,75 @@ const ValueTab = {
   ]
 };
 const ValidationSection = {
-  type: "HorizontalLayout",
+  type: "WrapperLayout",
+  config: {
+    main: {
+      label: " ",
+      gap: "8px"
+    }
+  },
   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 }
-              }
+        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 }
+          }
         }
-      }
+      ]
     }
   ]
 };