impaktapps-ui-builder 0.0.101-alpha.266 → 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: {
@@ -8539,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"
       }
     };
   }
@@ -10330,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) {
@@ -10552,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;
       }
     },
@@ -11216,7 +11206,6 @@ var Table = {
     main: {
       onMount: "onMount",
       enableExpandAll: true,
-      headerIcons: {},
       allRowData: [],
       downloadAllData: false,
       columns: {
@@ -12312,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: {},
@@ -12566,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",
@@ -12600,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,
@@ -12615,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);