impaktapps-ui-builder 1.0.1-alpha.3 → 1.0.1-alpha.5

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

@@ -6287,7 +6287,8 @@ const ComponentSchema = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" }
+        { title: "Thought of the day", const: "Thought" },
+        { title: "Phone Input", const: "PhoneInput" }
       ]
     },
     elementType: {
@@ -10276,6 +10277,7 @@ var service = (funcParams) => {
       eventGroups = {};
       pageData = await funcParams.pageDataProvider();
       const config2 = pageData == null ? void 0 : pageData.config;
+      funcParams == null ? void 0 : funcParams.setExternaldata();
       const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
       const event2 = new CustomEvent("pageNameChanged", {
         detail: { pageName: config2.label }
@@ -12249,6 +12251,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: {},
@@ -12503,6 +12538,9 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
+    case "PhoneInput":
+      elements = buildPhoneInputField(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",
@@ -12573,7 +12611,7 @@ const buildUiSchema = (config2, store2) => {
         }
       });
       elements.elements = rowElements;
-      elements.config.action = tableActionElement;
+      elements.config.actions = tableActionElement;
       elements.config.main.headerIcons.elements = tableHeaderElements;
     } else if (config2.type == "Array") {
       elements.options.detail.elements = config2.elements.map((e, elemInd) => {