impaktapps-ui-builder 1.0.50-alpha.9 → 1.0.51

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

@@ -6287,8 +6287,7 @@ const ComponentSchema = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" },
-        { title: "Phone Input", const: "PhoneInput" }
+        { title: "Thought of the day", const: "Thought" }
       ]
     },
     elementType: {
@@ -6644,7 +6643,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "InputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+                  layout: { xs: 12, sm: 6, md: 4, lg: 3 },
                   main: {
                     label: "Component ID",
                     required: true
@@ -7168,7 +7167,7 @@ const CoreSection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        layout: { xs: 12, sm: 6, md: 4, lg: 3 },
         main: {
           label: "Component ID",
           required: true
@@ -8269,21 +8268,12 @@ var buildConfig = (FormData) => {
   component = { ...formData, ...component };
   return component;
 };
-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 };
-    }
+const createLayoutFormat = (config2) => {
+  if (_.isEmpty(config2)) {
+    return { xs: 12, sm: 6, md: 4, lg: 3 };
   }
   let data = {};
-  layout.map((e) => {
+  config2.map((e) => {
     data[e.key || "xs"] = +e.value || 5.5;
   });
   return data;
@@ -10300,7 +10290,6 @@ 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 }
@@ -10413,9 +10402,7 @@ var service = (funcParams) => {
         }
       );
       const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
-      const newEventGroups = extractEvents(config2);
-      console.log("newEventGroups", newEventGroups, eventGroups);
-      eventGroups = newEventGroups;
+      eventGroups = extractEvents(config2);
       executeEventsParameters = {
         config: {},
         componentName: "",
@@ -10425,7 +10412,7 @@ var service = (funcParams) => {
         service: funcParams.service,
         functionsProvider: funcParams.functionsProvider,
         serviceHolder: this,
-        eventGroups: newEventGroups,
+        eventGroups,
         formDataHolder
       };
       await executeRefreshHandler({
@@ -10436,7 +10423,7 @@ var service = (funcParams) => {
         userValue: funcParams.userValue,
         service: funcParams.service,
         serviceHolder: this,
-        eventGroups: newEventGroups,
+        eventGroups,
         formDataHolder: {}
       });
       funcParams.store.setSchema(
@@ -10583,7 +10570,7 @@ var service = (funcParams) => {
     },
     callHandler: async function(eventType, functionParameters) {
       var _a, _b, _c;
-      const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
+      const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[funcParams.dynamicData.path.split(".").length - 1];
       if (((_b = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _b[path]) !== void 0) {
         Promise.all((_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path].map((eventConfig) => {
           executeEventsParameters.store.functionParameters = functionParameters;
@@ -11015,7 +11002,6 @@ const buildTabSection = (config2, componentScope2) => {
 var WrapperSection = {
   type: "WrapperLayout",
   config: {
-    layout: 12,
     main: {
       rowSpacing: 3,
       divider: true,
@@ -11049,7 +11035,7 @@ var TextInputField = {
     widget: "InputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: ""
     },
@@ -11085,7 +11071,7 @@ var SelectInputField = {
     widget: "SelectInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
@@ -11118,7 +11104,7 @@ var Button = {
     widget: "Button"
   },
   config: {
-    layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
+    layout: 3,
     main: {
       name: "Compare",
       variant: "contained",
@@ -11174,7 +11160,6 @@ var Table = {
   },
   elements: [],
   config: {
-    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,
@@ -11266,7 +11251,7 @@ const Box = {
     widget: "Box"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: 12,
     main: {},
     style: {}
   }
@@ -11296,7 +11281,7 @@ const uploadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 }
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 }
   },
   "options": {
     "widget": "UploadFile"
@@ -11313,7 +11298,7 @@ const downloadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 12, sm: 6, md: 4, lg: 3 }
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 }
   },
   "options": {
     "widget": "DownloadFile"
@@ -11584,7 +11569,7 @@ var DateInputField = {
     widget: "DateInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "",
       type: "date"
@@ -11598,7 +11583,7 @@ const DateTime = {
     widget: "DateTimeInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "DateTime",
       type: "date"
@@ -11706,7 +11691,7 @@ var MultipleSelect = {
     widget: "MultipleSelect"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",
@@ -11750,7 +11735,7 @@ const TextArea = {
     widget: "TextArea"
   },
   config: {
-    layout: 12,
+    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
     style: {
       containerStyle: {
         borderRadius: "20px"
@@ -11816,11 +11801,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"
     }
@@ -11886,7 +11871,7 @@ const RadioUiSchema = {
     widget: "RadioInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: "Enabled",
       options: ["YES", "NO"],
@@ -11931,7 +11916,7 @@ const buildEmptyBox = (config2, componentScope2) => {
 const ArrayUiSchema = {
   type: "Control",
   scope: "#/properties/adjustments",
-  layout: 12,
+  layout: 11.5,
   elements: [],
   config: {
     main: {}
@@ -11958,7 +11943,7 @@ const TextField = {
     "widget": "InputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: "Adhaar Card",
       formatStrArray: ["9", "9", "9", "9", " ", "9", "9", "9", "9", " ", "X9", "X9", "X9", "X9"],
@@ -11987,7 +11972,7 @@ const PanField = {
     "widget": "InputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: "Pan Card",
       placeholder: "AAAAA0000A",
@@ -12205,7 +12190,6 @@ const TreeMap = {
   "type": "Control",
   "scope": "#/properties/TreeMap2",
   "config": {
-    layout: 12,
     "main": {
       "layout": "cartsian",
       orientation: "vertical",
@@ -12284,39 +12268,6 @@ 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: {},
@@ -12571,9 +12522,6 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
-    case "PhoneInput":
-      elements = buildPhoneInputField(config2, componentScope2);
-      break;
     default:
       schema = {
         type: "object",