impaktapps-ui-builder 1.0.47 → 1.0.50-alpha.10

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: {
@@ -6643,7 +6644,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "InputField"
                 },
                 config: {
-                  layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+                  layout: { xs: 6, sm: 6, md: 4, lg: 3 },
                   main: {
                     label: "Component ID",
                     required: true
@@ -7167,7 +7168,7 @@ const CoreSection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
         main: {
           label: "Component ID",
           required: true
@@ -7483,7 +7484,7 @@ const cardLayout = {
         widget: "SelectInputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
         main: {
           label: "Screen Size"
         }
@@ -8268,12 +8269,21 @@ var buildConfig = (FormData) => {
   component = { ...formData, ...component };
   return component;
 };
-const createLayoutFormat = (config2) => {
-  if (_.isEmpty(config2)) {
-    return { xs: 12, sm: 6, md: 4, lg: 3 };
+const createLayoutFormat = (layout, type) => {
+  if (_.isEmpty(layout)) {
+    const fullLayoutComponents = ["Array", "WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "Table", "TabSection", "TextArea", "TreeMap", "Thought"];
+    if (fullLayoutComponents.includes(type)) {
+      return { xs: 12, sm: 12, md: 12, lg: 12 };
+    } else if (type === "Graph") {
+      return { xs: 12, sm: 12, md: 12, lg: 6 };
+    } else if (type === "Button") {
+      return { xs: 4, sm: 2.5, md: 2, lg: 1.5 };
+    } else {
+      return { xs: 6, sm: 6, md: 4, lg: 3 };
+    }
   }
-  let data = { xs: 12, sm: 6, md: 4, lg: 3 };
-  config2.map((e) => {
+  let data = {};
+  layout.map((e) => {
     data[e.key || "xs"] = +e.value || 5.5;
   });
   return data;
@@ -10290,6 +10300,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 }
@@ -10402,7 +10413,9 @@ var service = (funcParams) => {
         }
       );
       const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
-      eventGroups = extractEvents(config2);
+      const newEventGroups = extractEvents(config2);
+      console.log("newEventGroups", newEventGroups, eventGroups);
+      eventGroups = newEventGroups;
       executeEventsParameters = {
         config: {},
         componentName: "",
@@ -10412,7 +10425,7 @@ var service = (funcParams) => {
         service: funcParams.service,
         functionsProvider: funcParams.functionsProvider,
         serviceHolder: this,
-        eventGroups,
+        eventGroups: newEventGroups,
         formDataHolder
       };
       await executeRefreshHandler({
@@ -10423,7 +10436,7 @@ var service = (funcParams) => {
         userValue: funcParams.userValue,
         service: funcParams.service,
         serviceHolder: this,
-        eventGroups,
+        eventGroups: newEventGroups,
         formDataHolder: {}
       });
       funcParams.store.setSchema(
@@ -11002,6 +11015,7 @@ const buildTabSection = (config2, componentScope2) => {
 var WrapperSection = {
   type: "WrapperLayout",
   config: {
+    layout: 12,
     main: {
       rowSpacing: 3,
       divider: true,
@@ -11035,7 +11049,7 @@ var TextInputField = {
     widget: "InputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: ""
     },
@@ -11071,7 +11085,7 @@ var SelectInputField = {
     widget: "SelectInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
@@ -11104,7 +11118,7 @@ var Button = {
     widget: "Button"
   },
   config: {
-    layout: 3,
+    layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
     main: {
       name: "Compare",
       variant: "contained",
@@ -11160,6 +11174,7 @@ var Table = {
   },
   elements: [],
   config: {
+    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,
@@ -11251,7 +11266,7 @@ const Box = {
     widget: "Box"
   },
   config: {
-    layout: 12,
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {},
     style: {}
   }
@@ -11281,7 +11296,7 @@ const uploadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 }
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 }
   },
   "options": {
     "widget": "UploadFile"
@@ -11298,7 +11313,7 @@ const downloadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 }
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 }
   },
   "options": {
     "widget": "DownloadFile"
@@ -11569,7 +11584,7 @@ var DateInputField = {
     widget: "DateInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "date"
@@ -11583,7 +11598,7 @@ const DateTime = {
     widget: "DateTimeInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "DateTime",
       type: "date"
@@ -11691,7 +11706,7 @@ var MultipleSelect = {
     widget: "MultipleSelect"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
@@ -11735,7 +11750,7 @@ const TextArea = {
     widget: "TextArea"
   },
   config: {
-    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
+    layout: 12,
     style: {
       containerStyle: {
         borderRadius: "20px"
@@ -11801,11 +11816,11 @@ const buildSlider = (config2, componentScope2) => {
 const Checkbox = {
   "type": "Control",
   "scope": "#/properties/username1",
-  "layout": 12,
   "options": {
     "widget": "CheckBox"
   },
   "config": {
+    "layout": { xs: 6, sm: 6, md: 4, lg: 3 },
     "main": {
       "label": "Welcome to Hyperform"
     }
@@ -11871,7 +11886,7 @@ const RadioUiSchema = {
     widget: "RadioInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       label: "Enabled",
       options: ["YES", "NO"],
@@ -11901,7 +11916,7 @@ var emptyBox = {
     widget: "EmptyBox"
   },
   config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {},
     style: {}
   }
@@ -11916,7 +11931,7 @@ const buildEmptyBox = (config2, componentScope2) => {
 const ArrayUiSchema = {
   type: "Control",
   scope: "#/properties/adjustments",
-  layout: 11.5,
+  layout: 12,
   elements: [],
   config: {
     main: {}
@@ -11943,7 +11958,7 @@ const TextField = {
     "widget": "InputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "Adhaar Card",
       formatStrArray: ["9", "9", "9", "9", " ", "9", "9", "9", "9", " ", "X9", "X9", "X9", "X9"],
@@ -11972,7 +11987,7 @@ const PanField = {
     "widget": "InputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "Pan Card",
       placeholder: "AAAAA0000A",
@@ -12000,7 +12015,7 @@ const FileInput = {
     widget: "FileInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       required: false,
       onUpload: "onFileUpload",
@@ -12190,6 +12205,7 @@ const TreeMap = {
   "type": "Control",
   "scope": "#/properties/TreeMap2",
   "config": {
+    layout: 12,
     "main": {
       "layout": "cartsian",
       orientation: "vertical",
@@ -12268,6 +12284,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: {},
@@ -12522,6 +12571,9 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
+    case "PhoneInput":
+      elements = buildPhoneInputField(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",