impaktapps-ui-builder 0.0.101-alpha.17 → 0.0.101-alpha.19

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

@@ -372,7 +372,7 @@ const PageMasterUiSchema = (theme) => {
               {
                 accessorKey: "Handler",
                 header: "Handler",
-                size: 300,
+                size: 200,
                 type: "string"
               },
               {
@@ -405,6 +405,8 @@ const PageMasterUiSchema = (theme) => {
               {
                 accessorKey: "Reject_Records",
                 header: "Delete",
+                type: "action",
+                size: 150,
                 widget: {
                   type: "Control",
                   scope: "#/properties/RejectButton",
@@ -429,7 +431,8 @@ const PageMasterUiSchema = (theme) => {
               {
                 header: "Copy",
                 field: "Copy_Event",
-                flex: 1,
+                type: "action",
+                size: 150,
                 widget: {
                   type: "Control",
                   scope: "#/properties/Copy_Event",
@@ -8812,39 +8815,38 @@ const EventUiSchema = (theme) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const uiSchema = {
     type: "HorizontalLayout",
-    heading: "Component",
+    heading: "Page-Event",
     elements: [
-      {
-        type: "Control",
-        scope: "#/properties/pageName",
-        options: {
-          widget: "Box"
-        },
-        config: {
-          layout: 12,
-          main: {
-            heading: " "
-          },
-          style: {
-            marginLeft: theme.spacing(3),
-            width: "auto",
-            fontSize: "12px",
-            color: "gray"
-          }
-        }
-      },
       {
         type: "TabLayout",
         config: {
           main: {
-            tabLabels: ["Core", "Response Event"],
-            defaultStyle: true,
+            tabLabels: ["Core", "Response Events"],
             id: "event"
+          },
+          style: {
+            TabPanelStyle: {
+              padding: 0
+            }
+          },
+          TabsStyle: {
+            marginBottom: "3px",
+            paddingBottom: "4px",
+            boxShadow: "0px 3px 4px #afafaf80",
+            "& .MuiTabs-indicator": {
+              bottom: "6px"
+            }
           }
         },
         elements: [
           {
-            type: "HorizontalLayout",
+            type: "WrapperLayout",
+            config: {
+              main: {
+                label: " ",
+                gap: "8px"
+              }
+            },
             elements: [
               {
                 type: "Control",
@@ -8853,9 +8855,9 @@ const EventUiSchema = (theme) => {
                   widget: "SelectInputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 6, sm: 6, md: 4, lg: 3 },
                   main: {
-                    label: "Event Type",
+                    label: "Event's Type",
                     type: "text"
                   }
                 }
@@ -8868,7 +8870,7 @@ const EventUiSchema = (theme) => {
                   widget: "EmptyBox"
                 },
                 config: {
-                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+                  layout: { xs: 0, sm: 0, md: 4, lg: 6 }
                 }
               }
             ]
@@ -8894,12 +8896,18 @@ const EventUiSchema = (theme) => {
                           main: {
                             onClick: "addEvent",
                             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"
+                            }
                           }
                         }
                       }
@@ -8915,12 +8923,18 @@ const EventUiSchema = (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"
+                            }
                           }
                         }
                       }
@@ -8935,15 +8949,21 @@ const EventUiSchema = (theme) => {
             elements: [
               {
                 accessorKey: "eventType",
-                header: "Event Type"
+                header: "Event Type",
+                size: 300,
+                type: "string"
               },
               {
                 accessorKey: "Handler",
-                header: "Handler"
+                header: "Handler",
+                size: 200,
+                type: "string"
               },
               {
                 accessorKey: "Edit_Approve_Records",
                 header: "Edit Widget",
+                type: "action",
+                size: 150,
                 widget: {
                   type: "Control",
                   scope: "#/properties/Edit_Records",
@@ -8952,14 +8972,16 @@ const EventUiSchema = (theme) => {
                   },
                   config: {
                     main: {
-                      color: "info",
                       size: "small",
-                      icon: "EditIcon",
+                      icon: "TableEditIcon",
                       tooltipMessage: "Edit This Record",
                       onClick: "editEvent"
                     },
                     style: {
-                      color: theme.palette.primary.main
+                      fill: theme.palette.primary.main,
+                      "& :hover": {
+                        fill: theme.palette.primary.dark
+                      }
                     }
                   }
                 }
@@ -8967,6 +8989,8 @@ const EventUiSchema = (theme) => {
               {
                 accessorKey: "Reject_Records",
                 header: "Delete",
+                type: "action",
+                size: 150,
                 widget: {
                   type: "Control",
                   scope: "#/properties/RejectButton",
@@ -8975,10 +8999,15 @@ const EventUiSchema = (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
+                      }
                     }
                   }
                 }
@@ -8986,7 +9015,8 @@ const EventUiSchema = (theme) => {
               {
                 header: "Copy",
                 field: "Copy_Event",
-                flex: 1,
+                type: "action",
+                size: 150,
                 widget: {
                   type: "Control",
                   scope: "#/properties/Copy_Event",
@@ -9007,103 +9037,59 @@ const EventUiSchema = (theme) => {
         ]
       },
       {
-        type: "HorizontalLayout",
+        type: "WrapperLayout",
         config: {
-          layout: { xs: 12, sm: 6 }
+          main: {
+            gap: "8px"
+          }
         },
         elements: [
           {
             type: "Control",
-            scope: "#/properties/RemoveItemButton",
+            scope: "#/properties/btn",
             options: {
-              widget: "IconButton"
+              widget: "Button"
             },
             config: {
-              layout: { xs: 1, sm: 1 },
+              layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
               main: {
-                onClick: "RemoveItemButton",
-                size: "large",
-                icon: "RejectIcon",
-                styleDefault: true
-              },
-              style: {
-                marginLeft: "-10px"
+                name: "Ok",
+                variant: "contained",
+                type: "text",
+                onClick: "okHandler",
+                size: "medium"
               }
             }
           },
           {
             type: "Control",
-            scope: "#/properties/copiedElementDetails",
+            scope: "#/properties/btnSubmit",
             options: {
-              widget: "Box"
+              widget: "Button"
             },
             config: {
-              layout: { xs: 6, sm: 6 },
+              layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
               main: {
-                heading: "No element copied"
-              },
-              style: {
-                color: "#535557",
-                marginLeft: "-10px",
-                fontSize: "12px",
-                marginTop: "4px"
+                name: "Save & Exit",
+                variant: "contained",
+                type: "text",
+                onClick: "saveHandler",
+                size: "medium"
               }
             }
           },
           {
             type: "Control",
             scope: "#/properties/EmptyBox",
+            config: {
+              layout: { xs: 4, sm: 7, md: 8, lg: 9 }
+            },
             options: {
               widget: "EmptyBox"
-            },
-            config: {
-              layout: { xs: 1, sm: 5 }
             }
           }
         ]
       },
-      {
-        type: "Control",
-        scope: "#/properties/btn",
-        options: {
-          widget: "Button"
-        },
-        config: {
-          layout: { xs: 4, sm: 2 },
-          main: {
-            name: "Ok",
-            startIcon: "ApproveIcon",
-            variant: "contained",
-            type: "text",
-            onClick: "okHandler",
-            size: "medium"
-          },
-          style: {
-            float: "right"
-          }
-        }
-      },
-      {
-        type: "Control",
-        scope: "#/properties/btnSubmit",
-        options: {
-          widget: "Button"
-        },
-        config: {
-          layout: { xs: 4, sm: 2 },
-          main: {
-            name: "Save & Exit",
-            startIcon: "ApproveIcon",
-            variant: "contained",
-            type: "text",
-            onClick: "saveHandler",
-            size: "medium"
-          },
-          style: {
-            float: "right"
-          }
-        }
-      },
       {
         type: "Control",
         scope: "#/properties/popUpEvent",
@@ -9574,8 +9560,8 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       const schema2 = _.cloneDeep(EventSchema);
       if (handlerType) {
         if (handlerType === "custom") {
-          uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
-          uiSchema.elements[1].elements[0].elements[3] = {
+          uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
+          uiSchema.elements[0].elements[0].elements[3] = {
             type: "Control",
             scope: "#/properties/emptyBox",
             options: {
@@ -9587,15 +9573,15 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
               style: {}
             }
           };
-          uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
+          uiSchema.elements[0].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
           schema2.required = ["eventType", "Handler", "eventCode"];
         } else if (handlerType === "api") {
-          uiSchema.elements[1].elements[0].elements[2] = emptyBox;
-          uiSchema.elements[1].elements[0].elements[3] = APISection;
+          uiSchema.elements[0].elements[0].elements[2] = emptyBox;
+          uiSchema.elements[0].elements[0].elements[3] = APISection;
           schema2.required = ["eventType", "Handler", "method", "path"];
         } else if (handlerType === "inBuiltFunction") {
-          uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
-          uiSchema.elements[1].elements[0].elements[3] = {
+          uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
+          uiSchema.elements[0].elements[0].elements[3] = {
             type: "Control",
             scope: "#/properties/emptyBox",
             options: {
@@ -9607,11 +9593,11 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
               style: {}
             }
           };
-          uiSchema.elements[1].elements[0].elements[4] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
+          uiSchema.elements[0].elements[0].elements[4] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
           schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
         } else if (handlerType === "refresh") {
-          uiSchema.elements[1].elements[0].elements[2] = emptyBox;
-          uiSchema.elements[1].elements[0].elements[3] = refreshSectionUiSchema;
+          uiSchema.elements[0].elements[0].elements[2] = emptyBox;
+          uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
           schema2.properties.refreshElements.required = ["value"];
           schema2.properties.refreshElements.items.required = ["value"];
           schema2.required = ["eventType", "Handler", "refreshElements"];