impaktapps-ui-builder 0.0.101-alpha.267 → 0.0.101-alpha.268

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

@@ -6287,14 +6287,8 @@ const ComponentSchema = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" }
-      ]
-    },
-    elementType: {
-      oneOf: [
-        { title: "Table Action Element", const: "action" },
-        { title: "Table Header Element", const: "tableHeader" },
-        { title: "Table Element", const: "element" }
+        { title: "Thought of the day", const: "Thought" },
+        { title: "Phone Input", const: "PhoneInput" }
       ]
     },
     columnFormat: {
@@ -6693,53 +6687,67 @@ 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"
-                        }
+                  widget: "Array"
+                },
+                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 +7212,67 @@ 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"
-              }
+        widget: "Array"
+      },
+      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,58 @@ 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")
-      ]
+    widget: "Array"
+  },
+  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 {
@@ -8164,51 +8199,64 @@ 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 }
-              }
+        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 }
+          }
         }
-      }
+      ]
     }
   ]
 };
@@ -8485,15 +8533,12 @@ function refreshPage(type, store2) {
       }
     }, UiSchema.elements[0].elements[0].elements[9] = {
       type: "Control",
-      scope: "#/properties/elementType",
-      options: {
-        widget: "SelectInputField"
-      },
+      scope: "#/properties/proc",
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-        main: {
-          label: "Element Type"
-        }
+        layout: { xs: 0, sm: 0, md: 4, lg: 0 }
+      },
+      options: {
+        widget: "EmptyBox"
       }
     };
   }
@@ -10276,7 +10321,6 @@ var service = (funcParams) => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       funcParams.store.setAdditionalErrors([]);
       funcParams.store.setFormdata({});
-      funcParams.store.setSchema({ type: "object", properties: {} });
       funcParams.store.newData = {};
       const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
       if (pageBasicDetailString) {
@@ -10498,7 +10542,7 @@ var service = (funcParams) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ];
-        const response = await this.callExecuteEvents(param, apiBody, "onLoad");
+        const response = await this.callExecuteEvents(param, apiBody);
         return response == null ? void 0 : response.data;
       }
     },
@@ -11162,7 +11206,6 @@ var Table = {
     main: {
       onMount: "onMount",
       enableExpandAll: true,
-      headerIcons: {},
       allRowData: [],
       downloadAllData: false,
       columns: {
@@ -12258,6 +12301,39 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
   }
   return thought;
 };
+const PhoneInput = {
+  scope: "#/properties/testPhone",
+  type: "Control",
+  options: {
+    widget: "PhoneInput"
+  },
+  config: {
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    main: {
+      defaultCountry: "in",
+      label: "Phone"
+    }
+  }
+};
+const buildPhoneInputField = (config2, componentScope2) => {
+  const phonInputField = _.cloneDeep(PhoneInput);
+  phonInputField.config.main.label = config2.label;
+  if (config2.style) {
+    phonInputField.config.style = JSON.parse(config2.style);
+  }
+  if (config2.InputFormatingAndMasking) {
+    phonInputField.config.main.formatStrArray = config2.InputFormatingAndMasking.map((e) => e.formatElement);
+  }
+  if (config2.placeholder) {
+    phonInputField.config.main.placeholder = config2.placeholder;
+  }
+  if (config2.layout) {
+    phonInputField.config.layout = createLayoutFormat(config2.layout);
+  }
+  phonInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
+  phonInputField.scope = componentScope2;
+  return phonInputField;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -12512,6 +12588,9 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
+    case "PhoneInput":
+      elements = buildPhoneInputField(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",
@@ -12546,10 +12625,7 @@ const buildUiSchema = (config2, store2) => {
           sizeMap[e.keyName] = e.value;
         });
       }
-      const tableHeaderElements = [];
-      const tableActionElement = [];
-      const rowElements = [];
-      config2.elements.filter((cellElem, elemInd) => {
+      elements.elements = config2.elements.map((cellElem, elemInd) => {
         const commonProperties = {
           accessorKey: cellElem.name,
           type: cellElem.columnFormat,
@@ -12561,29 +12637,15 @@ const buildUiSchema = (config2, store2) => {
           columnKey: cellElem.columnKey
         };
         if (cellElem.type) {
-          if (cellElem.elementType == "action") {
-            const actionElem = buildUiSchema(cellElem, store2);
-            tableActionElement.push(actionElem);
-            return false;
-          }
-          if (cellElem.elementType == "tableHeader") {
-            const headerElem = buildUiSchema(cellElem, store2);
-            tableHeaderElements.push({ widget: headerElem });
-            return false;
-          }
-          const tableElem = {
+          return {
             widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store2) : void 0,
             elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store2)) : [],
             ...commonProperties
           };
-          rowElements.push(tableElem);
         } else {
-          rowElements.push({ ...commonProperties });
+          return commonProperties;
         }
       });
-      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);