impaktapps-ui-builder 1.0.4 → 1.0.41

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

@@ -6693,53 +6693,64 @@ const componentBasicUiSchema = (theme) => {
               {
                 type: "Control",
                 scope: "#/properties/layout",
-                layout: 12,
-                options: {
-                  detail: {
-                    type: "HorizontalLayout",
-                    elements: [
-                      {
-                        type: "Control",
-                        scope: "#/properties/key",
-                        options: {
-                          widget: "SelectInputField"
-                        },
-                        config: {
-                          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                          main: {
-                            label: "Screen Size"
-                          }
-                        }
-                      },
-                      {
-                        type: "Control",
-                        scope: "#/properties/value",
-                        options: {
-                          widget: "InputField"
-                        },
-                        config: {
-                          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                          main: {
-                            label: "Value",
-                            type: "number",
-                            helperText: "Number should be in range of 0 to 12",
-                            errorMessage: "Number Can't be greater than 12 and can't be less than 0."
-                          }
-                        }
-                      },
-                      {
-                        type: "Control",
-                        scope: "#/properties/proc",
-                        config: {
-                          layout: { xs: 0, sm: 0, md: 4, lg: 4 }
-                        },
-                        options: {
-                          widget: "EmptyBox"
-                        }
+                config: {
+                  layout: 12,
+                  main: {
+                    label: "Layout",
+                    childElementLabel: "Layout"
+                  },
+                  style: {
+                    marginLeft: "-24px",
+                    marginBottom: "24px !important",
+                    labelStyle: {
+                      marginLeft: "24px"
+                    },
+                    detailsStyle: {
+                      marginLeft: "24px"
+                    }
+                  }
+                },
+                elements: [
+                  {
+                    type: "Control",
+                    scope: "#/properties/key",
+                    options: {
+                      widget: "SelectInputField"
+                    },
+                    config: {
+                      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                      main: {
+                        label: "Screen Size"
+                      }
+                    }
+                  },
+                  {
+                    type: "Control",
+                    scope: "#/properties/value",
+                    options: {
+                      widget: "InputField"
+                    },
+                    config: {
+                      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                      main: {
+                        label: "Value",
+                        type: "number",
+                        helperText: "Number should be in range of 0 to 12",
+                        errorMessage: "Number Can't be greater than 12 and can't be less than 0."
                       }
-                    ]
+                    }
+                  },
+                  {
+                    type: "Control",
+                    scope: "#/properties/proc",
+                    config: {
+                      layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                    },
+                    options: {
+                      widget: "EmptyBox"
+                    }
                   }
-                }
+                ]
               }
             ]
           }
@@ -7204,54 +7215,64 @@ const CoreSection = {
     {
       type: "Control",
       scope: "#/properties/layout",
-      layout: 12,
-      options: {
-        "elementLabelProp": "key",
-        detail: {
-          type: "HorizontalLayout",
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/key",
-              options: {
-                widget: "SelectInputField"
-              },
-              config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                main: {
-                  label: "Screen Size"
-                }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/value",
-              options: {
-                widget: "InputField"
-              },
-              config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                main: {
-                  label: "Value",
-                  type: "number",
-                  helperText: "Number should be in range of 0 to 12",
-                  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
-                }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/proc",
-              config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
-              },
-              options: {
-                widget: "EmptyBox"
-              }
+      config: {
+        layout: 12,
+        main: {
+          label: "Layout",
+          childElementLabel: "Layout"
+        },
+        style: {
+          marginLeft: "-24px",
+          marginBottom: "24px !important",
+          labelStyle: {
+            marginLeft: "24px"
+          },
+          detailsStyle: {
+            marginLeft: "24px"
+          }
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/key",
+          options: {
+            widget: "SelectInputField"
+          },
+          config: {
+            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+            main: {
+              label: "Screen Size"
             }
-          ]
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/value",
+          options: {
+            widget: "InputField"
+          },
+          config: {
+            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+            main: {
+              label: "Value",
+              type: "number",
+              helperText: "Number should be in range of 0 to 12",
+              errorMessage: "Number Can't be greater than 12 and can't be less than 0."
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/proc",
+          config: {
+            layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+          },
+          options: {
+            widget: "EmptyBox"
+          }
         }
-      }
+      ]
     }
   ]
 };
@@ -7451,44 +7472,55 @@ const emptyBox$1 = (scope, layout) => {
 const cardLayout = {
   type: "Control",
   scope: "#/properties/cardLayout",
-  layout: 12,
-  options: {
-    detail: {
-      type: "HorizontalLayout",
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/key",
-          options: {
-            widget: "SelectInputField"
-          },
-          config: {
-            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-            main: {
-              label: "Screen Size"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/value",
-          options: {
-            widget: "InputField"
-          },
-          config: {
-            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-            main: {
-              label: "Value",
-              type: "number",
-              helperText: "Number should be in range of 0 to 12",
-              errorMessage: "Number Can't be greater than 12 and can't be less than 0."
-            }
-          }
-        },
-        emptyBox$1("cardEmpty")
-      ]
+  config: {
+    layout: 12,
+    main: {
+      label: "Card Layout",
+      childElementLabel: "Card Layout"
+    },
+    style: {
+      marginLeft: "-24px",
+      marginBottom: "24px !important",
+      labelStyle: {
+        marginLeft: "24px"
+      },
+      detailsStyle: {
+        marginLeft: "24px"
+      }
     }
-  }
+  },
+  elements: [
+    {
+      type: "Control",
+      scope: "#/properties/key",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Screen Size"
+        }
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/value",
+      options: {
+        widget: "InputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Value",
+          type: "number",
+          helperText: "Number should be in range of 0 to 12",
+          errorMessage: "Number Can't be greater than 12 and can't be less than 0."
+        }
+      }
+    },
+    emptyBox$1("cardEmpty")
+  ]
 };
 const getArrayControl = (parentScope, childScope, childLabel) => {
   return {
@@ -7654,6 +7686,14 @@ const BaseSection = {
 const buildPropertiesSection = function(type) {
   let uiSchema = _.cloneDeep(BaseSection);
   switch (type) {
+    case "Array":
+      uiSchema.elements = [
+        getRadioInputField("allExpanded", "Initial Expand", ["YES", "NO"]),
+        getInputField("childElementLabel", "Child Element Label"),
+        emptyBox$1("empty1", { xs: 12, sm: 6, md: 4, lg: 3 }),
+        emptyBox$1("empty2", { xs: 0, sm: 0, md: 4, lg: 3 })
+      ];
+      break;
     case "TreeMap":
       uiSchema.elements = [
         getSelectField("orientation", "orientation"),
@@ -8092,9 +8132,6 @@ const ValueTab = {
     {
       type: "Control",
       scope: "#/properties/value",
-      options: {
-        widget: "Array"
-      },
       config: {
         layout: 12,
         main: {
@@ -8165,51 +8202,61 @@ const ValidationSection = {
     {
       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 }
-              }
+      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 }
+          }
         }
-      }
+      ]
     }
   ]
 };
@@ -8384,7 +8431,7 @@ const sectionLabels = {
   Timer: ["Core", "Events", "Style", "Validation"],
   Rank: ["Core", "Events", "Style", "Validation"],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
-  Array: ["Core", "Components", "Validation"],
+  Array: ["Core", "Components", "Properties", "Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -9486,9 +9533,6 @@ const APISection = {
     {
       type: "Control",
       scope: "#/properties/headers",
-      options: {
-        widget: "Array"
-      },
       config: {
         layout: 12,
         main: {
@@ -9548,9 +9592,6 @@ const APISection = {
     {
       type: "Control",
       scope: "#/properties/body",
-      options: {
-        widget: "Array"
-      },
       config: {
         layout: 12,
         main: {
@@ -9616,9 +9657,6 @@ const refreshSectionUiSchema = {
     {
       type: "Control",
       scope: "#/properties/refreshElements",
-      options: {
-        widget: "Array"
-      },
       config: {
         layout: 12,
         main: {
@@ -10508,8 +10546,8 @@ var service = (funcParams) => {
     callExecuteEvents: async function(paramValue, apiBody, eventType) {
       var _a, _b;
       let LastCallResponse = void 0;
-      const eventsGroupClone = _.cloneDeep(eventGroups);
-      for (const eventConfig of (_a = eventsGroupClone == null ? void 0 : eventsGroupClone[eventType]) == null ? void 0 : _a[paramValue.path]) {
+      const cloneEventGroup = _.cloneDeep(eventGroups);
+      for (const eventConfig of (_a = cloneEventGroup == null ? void 0 : cloneEventGroup[eventType]) == null ? void 0 : _a[paramValue.path]) {
         if (eventConfig.body) {
           eventConfig.body = [
             ...eventConfig.body,
@@ -11903,15 +11941,18 @@ const ArrayUiSchema = {
   type: "Control",
   scope: "#/properties/adjustments",
   layout: 11.5,
-  options: {
-    detail: {
-      type: "HorizontalLayout",
-      elements: []
-    }
-  }
+  elements: []
 };
 const buildArray = (config2, componentScope2) => {
   const array = _.cloneDeep(ArrayUiSchema);
+  if (config2.allExpanded) {
+    array.config.main.allExpanded = config2.allExpanded === "YES" ? true : false;
+  }
+  if (config2.style) {
+    array.config.style = JSON.parse(config2.style);
+  }
+  array.config.main.childElementLabel = config2.childElementLabel;
+  array.config.main.label = config2.label;
   array.scope = componentScope2;
   return array;
 };
@@ -12574,10 +12615,6 @@ const buildUiSchema = (config2, store2) => {
       elements.elements = rowElements;
       elements.config.action = tableActionElement;
       elements.config.main.headerIcons.elements = tableHeaderElements;
-    } else if (config2.type == "Array") {
-      elements.options.detail.elements = config2.elements.map((e, elemInd) => {
-        return buildUiSchema(e, store2);
-      });
     } else {
       elements.elements = config2.elements.map((e, elemInd) => {
         return buildUiSchema(e, store2);