impaktapps-ui-builder 0.0.56-alpha.9 → 0.0.57

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

@@ -66,7 +66,7 @@ const PageMasterUiSchema = (theme) => {
               widget: "InputField"
             },
             config: {
-              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
               main: {
                 label: "Name",
                 options: [],
@@ -84,7 +84,7 @@ const PageMasterUiSchema = (theme) => {
               widget: "SelectInputField"
             },
             config: {
-              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
               main: {
                 label: "Template",
                 options: [
@@ -104,7 +104,7 @@ const PageMasterUiSchema = (theme) => {
               widget: "InputField"
             },
             config: {
-              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
               main: {
                 label: "Label",
                 options: [],
@@ -112,16 +112,6 @@ const PageMasterUiSchema = (theme) => {
                 required: true
               }
             }
-          },
-          {
-            type: "Control",
-            scope: "#/properties/EmptyBox",
-            config: {
-              layout: { xs: 6, sm: 6, md: 0, lg: 0 }
-            },
-            options: {
-              widget: "EmptyBox"
-            }
           }
         ]
       },
@@ -327,7 +317,7 @@ const PageMasterUiSchema = (theme) => {
           widget: "EmptyBox"
         },
         config: {
-          layout: { xs: 8, sm: 10 }
+          layout: { xs: 0, sm: 8, md: 8, lg: 8 }
         }
       },
       {
@@ -337,7 +327,7 @@ const PageMasterUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: { xs: 4, sm: 2 },
+          layout: 11.9,
           main: {
             name: "Save",
             startIcon: "ApproveIcon",
@@ -345,6 +335,10 @@ const PageMasterUiSchema = (theme) => {
             type: "text",
             onClick: "saveHandler",
             size: "medium"
+          },
+          style: {
+            width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
+            float: "right"
           }
         }
       },
@@ -598,7 +592,7 @@ const PageMasterUiSchema = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: { xs: "12px", sm: "84px" },
+                right: "82px",
                 position: "absolute",
                 fontSize: "12px",
                 cursor: "pointer",
@@ -620,7 +614,6 @@ const PageMasterUiSchema = (theme) => {
                 onClick: "backHandler"
               },
               style: {
-                display: { xs: "none", sm: "flex" },
                 textAlign: "left",
                 lineHeight: 1,
                 height: 0,
@@ -6433,7 +6426,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "SelectInputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Type"
                   }
@@ -6446,7 +6439,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "InputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Name",
                     options: [],
@@ -6462,7 +6455,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "InputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Label",
                     options: [],
@@ -6478,7 +6471,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "SelectInputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Column Format"
                   }
@@ -6488,7 +6481,7 @@ const componentBasicUiSchema = (theme) => {
                 type: "Control",
                 scope: "#/properties/proc",
                 config: {
-                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                 },
                 options: {
                   widget: "EmptyBox"
@@ -6498,7 +6491,7 @@ const componentBasicUiSchema = (theme) => {
                 type: "Control",
                 scope: "#/properties/proc",
                 config: {
-                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                 },
                 options: {
                   widget: "EmptyBox"
@@ -6519,7 +6512,7 @@ const componentBasicUiSchema = (theme) => {
                           widget: "SelectInputField"
                         },
                         config: {
-                          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                          layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                           main: {
                             label: "Screen Size"
                           }
@@ -6532,7 +6525,7 @@ const componentBasicUiSchema = (theme) => {
                           widget: "InputField"
                         },
                         config: {
-                          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                          layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                           main: {
                             label: "Value",
                             type: "number",
@@ -6545,7 +6538,7 @@ const componentBasicUiSchema = (theme) => {
                         type: "Control",
                         scope: "#/properties/proc",
                         config: {
-                          layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                         },
                         options: {
                           widget: "EmptyBox"
@@ -6871,7 +6864,7 @@ const componentBasicUiSchema = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: { xs: "12px", sm: "84px" },
+                right: "90px",
                 position: "absolute",
                 fontSize: "12px",
                 cursor: "pointer",
@@ -6893,7 +6886,6 @@ const componentBasicUiSchema = (theme) => {
                 onClick: "backHandler"
               },
               style: {
-                display: { xs: "none", sm: "flex" },
                 textAlign: "left",
                 lineHeight: 1,
                 height: 0,
@@ -6904,7 +6896,7 @@ const componentBasicUiSchema = (theme) => {
                 marginLeft: "2px",
                 marginRight: 0,
                 top: 3,
-                right: "12px",
+                right: "20px",
                 position: "absolute",
                 ":hover": {
                   color: theme.palette.primary.dark
@@ -6928,7 +6920,7 @@ const CoreSection = {
         widget: "SelectInputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Type",
           type: "text"
@@ -6942,7 +6934,7 @@ const CoreSection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Name"
         }
@@ -6955,7 +6947,7 @@ const CoreSection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Label"
         }
@@ -6968,7 +6960,7 @@ const CoreSection = {
         widget: "SelectInputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Column Format"
         }
@@ -6978,7 +6970,7 @@ const CoreSection = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       },
       options: {
         widget: "EmptyBox"
@@ -6988,7 +6980,7 @@ const CoreSection = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       },
       options: {
         widget: "EmptyBox"
@@ -7010,7 +7002,7 @@ const CoreSection = {
                 widget: "SelectInputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Screen Size"
                 }
@@ -7023,7 +7015,7 @@ const CoreSection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                   type: "number",
@@ -7036,7 +7028,7 @@ const CoreSection = {
               type: "Control",
               scope: "#/properties/proc",
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
               },
               options: {
                 widget: "EmptyBox"
@@ -7271,7 +7263,7 @@ const getRadioInputField = (scope, label, options) => {
       widget: "RadioInputField"
     },
     config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
       main: {
         label,
         options
@@ -7334,7 +7326,7 @@ const getSelectField = (scope, label, options) => {
       widget: "SelectInputField"
     },
     config: {
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
       main: {
         label,
         type: "text"
@@ -7710,7 +7702,7 @@ const ValueTab = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Label"
                 }
@@ -7723,7 +7715,7 @@ const ValueTab = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
@@ -7736,7 +7728,7 @@ const ValueTab = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
               }
             }
           ]
@@ -7764,7 +7756,7 @@ const ValidationSection = {
                 widget: "SelectInputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Validation Type"
                 }
@@ -7777,7 +7769,7 @@ const ValidationSection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Validation Value"
                 }
@@ -7790,7 +7782,7 @@ const ValidationSection = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4 }
+                layout: { xs: 0, sm: 4 }
               }
             }
           ]
@@ -8336,7 +8328,7 @@ const EventUiSchema = (theme) => {
                   widget: "SelectInputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Event Type",
                     type: "text"
@@ -8456,7 +8448,17 @@ const EventUiSchema = (theme) => {
           widget: "EmptyBox"
         },
         config: {
-          layout: { xs: 4, sm: 8 }
+          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+        }
+      },
+      {
+        type: "Control",
+        scope: "#/properties/EmptyBox",
+        options: {
+          widget: "EmptyBox"
+        },
+        config: {
+          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
         }
       },
       {
@@ -8466,7 +8468,7 @@ const EventUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: { xs: 4, sm: 2 },
+          layout: 1.8,
           main: {
             name: "Ok",
             startIcon: "ApproveIcon",
@@ -8487,7 +8489,7 @@ const EventUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: { xs: 4, sm: 2 },
+          layout: 1.8,
           main: {
             name: "Save & Exit",
             startIcon: "ApproveIcon",
@@ -8663,7 +8665,7 @@ const EventUiSchema = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: { xs: "12px", sm: "84px" },
+                right: "82px",
                 position: "absolute",
                 fontSize: "12px",
                 cursor: "pointer",
@@ -8685,7 +8687,6 @@ const EventUiSchema = (theme) => {
                 onClick: "backHandler"
               },
               style: {
-                display: { xs: "none", sm: "flex" },
                 textAlign: "left",
                 lineHeight: 1,
                 height: 0,
@@ -8720,7 +8721,7 @@ const APISection = {
         widget: "SelectInputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Method",
           type: "text"
@@ -8734,7 +8735,7 @@ const APISection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Path",
           type: "text",
@@ -8750,7 +8751,7 @@ const APISection = {
         widget: "EmptyBox"
       },
       config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       }
     },
     {
@@ -8760,7 +8761,7 @@ const APISection = {
         widget: "EmptyBox"
       },
       config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       }
     },
     {
@@ -8779,7 +8780,7 @@ const APISection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Key"
                 }
@@ -8792,7 +8793,7 @@ const APISection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
@@ -8805,7 +8806,7 @@ const APISection = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
               }
             }
           ]
@@ -8828,7 +8829,7 @@ const APISection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Key"
                 }
@@ -8841,7 +8842,7 @@ const APISection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
@@ -8854,7 +8855,7 @@ const APISection = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
               }
             }
           ]
@@ -8882,7 +8883,7 @@ const refreshSectionUiSchema = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
@@ -8895,7 +8896,7 @@ const refreshSectionUiSchema = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
                 main: {}
               }
             },
@@ -8906,7 +8907,7 @@ const refreshSectionUiSchema = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
                 main: {}
               }
             }
@@ -8931,19 +8932,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       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] = {
-            type: "Control",
-            scope: "#/properties/emptyBox",
-            options: {
-              widget: "EmptyBox"
-            },
-            config: {
-              layout: { xs: 0, sm: 6, md: 0, lg: 0 },
-              main: {},
-              style: {}
-            }
-          };
-          uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
+          uiSchema.elements[1].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
           schema2.required = ["eventType", "Handler", "eventCode"];
         } else if (handlerType === "api") {
           uiSchema.elements[1].elements[0].elements[2] = emptyBox;
@@ -8951,19 +8940,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
           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] = {
-            type: "Control",
-            scope: "#/properties/emptyBox",
-            options: {
-              widget: "EmptyBox"
-            },
-            config: {
-              layout: { xs: 6, sm: 6, md: 0, lg: 0 },
-              main: {},
-              style: {}
-            }
-          };
-          uiSchema.elements[1].elements[0].elements[4] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
+          uiSchema.elements[1].elements[0].elements[3] = 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;
@@ -9201,16 +9178,15 @@ function executeCustomHandler(params) {
   }
 }
 function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder2) {
-  var _a;
   if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data))) {
     store2.setSchema((pre) => {
-      var _a2;
+      var _a;
       return {
         ...pre,
         properties: {
           ...pre.properties,
           [componentName]: {
-            ...(_a2 = pre.properties) == null ? void 0 : _a2[componentName],
+            ...(_a = pre.properties) == null ? void 0 : _a[componentName],
             oneOf: handlerResponse.data
           }
         }
@@ -9218,13 +9194,13 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
     });
   } else if (eventConfig.type === "MultipleSelect" && !(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data))) {
     store2.setSchema((pre) => {
-      var _a2;
+      var _a;
       return {
         ...pre,
         properties: {
           ...pre.properties,
           [componentName]: {
-            ...(_a2 = pre.properties) == null ? void 0 : _a2[componentName],
+            ...(_a = pre.properties) == null ? void 0 : _a[componentName],
             type: "array",
             items: {
               oneOf: handlerResponse == null ? void 0 : handlerResponse.data
@@ -9245,7 +9221,7 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
     }
   } else {
     if (handlerResponse) {
-      formDataHolder2[componentName] = eventConfig.lazyLoading ? (_a = handlerResponse == null ? void 0 : handlerResponse.data) == null ? void 0 : _a.data : handlerResponse.data;
+      formDataHolder2[componentName] = handlerResponse.data;
       store2.setFormdata((pre) => {
         return { ...pre, ...formDataHolder2 };
       });
@@ -9481,7 +9457,7 @@ var service = (funcParams) => {
                   height: 0,
                   margin: 0,
                   top: 0,
-                  right: { xs: "12px", sm: "84px" },
+                  right: "82px",
                   position: "absolute",
                   fontSize: "12px",
                   cursor: "pointer",
@@ -9503,7 +9479,6 @@ var service = (funcParams) => {
                   onClick: "backHandler"
                 },
                 style: {
-                  display: { xs: "none", sm: "flex" },
                   textAlign: "left",
                   lineHeight: 1,
                   height: 0,
@@ -9537,7 +9512,8 @@ var service = (funcParams) => {
         service: funcParams.service,
         functionsProvider: funcParams.functionsProvider,
         serviceHolder: this,
-        eventGroups
+        eventGroups,
+        formDataHolder
       };
       await executeRefreshHandler({
         config: {},
@@ -9692,7 +9668,6 @@ var service = (funcParams) => {
     },
     callHandler: async function(eventType, functionParameters) {
       var _a, _b, _c;
-      formDataHolder = {};
       const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
       if (((_b = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _b[path]) !== void 0) {
         Promise.all((_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path].map((eventConfig) => {