impaktapps-ui-builder 0.0.409-n → 0.0.409-p

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

@@ -1128,7 +1128,7 @@ var lodash = { exports: {} };
     }
     var runInContext = function runInContext2(context) {
       context = context == null ? root : _2.defaults(root.Object(), context, _2.pick(root, contextProps));
-      var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String = context.String, TypeError = context.TypeError;
+      var Array2 = context.Array, Date = context.Date, Error = context.Error, Function2 = context.Function, Math = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String = context.String, TypeError = context.TypeError;
       var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
       var coreJsData = context["__core-js_shared__"];
       var funcToString = funcProto.toString;
@@ -1613,7 +1613,7 @@ var lodash = { exports: {} };
         if (typeof func != "function") {
           throw new TypeError(FUNC_ERROR_TEXT);
         }
-        return setTimeout2(function() {
+        return setTimeout(function() {
           func.apply(undefined$1, args);
         }, wait);
       }
@@ -3444,7 +3444,7 @@ var lodash = { exports: {} };
         return object[key];
       }
       var setData = shortOut(baseSetData);
-      var setTimeout2 = ctxSetTimeout || function(func, wait) {
+      var setTimeout = ctxSetTimeout || function(func, wait) {
         return root.setTimeout(func, wait);
       };
       var setToString = shortOut(baseSetToString);
@@ -4236,7 +4236,7 @@ var lodash = { exports: {} };
         }
         function leadingEdge(time) {
           lastInvokeTime = time;
-          timerId = setTimeout2(timerExpired, wait);
+          timerId = setTimeout(timerExpired, wait);
           return leading ? invokeFunc(time) : result2;
         }
         function remainingWait(time) {
@@ -4252,7 +4252,7 @@ var lodash = { exports: {} };
           if (shouldInvoke(time)) {
             return trailingEdge(time);
           }
-          timerId = setTimeout2(timerExpired, remainingWait(time));
+          timerId = setTimeout(timerExpired, remainingWait(time));
         }
         function trailingEdge(time) {
           timerId = undefined$1;
@@ -4283,12 +4283,12 @@ var lodash = { exports: {} };
             }
             if (maxing) {
               clearTimeout(timerId);
-              timerId = setTimeout2(timerExpired, wait);
+              timerId = setTimeout(timerExpired, wait);
               return invokeFunc(lastCallTime);
             }
           }
           if (timerId === undefined$1) {
-            timerId = setTimeout2(timerExpired, wait);
+            timerId = setTimeout(timerExpired, wait);
           }
           return result2;
         }
@@ -4531,7 +4531,7 @@ var lodash = { exports: {} };
       }
       function isNative(value) {
         if (isMaskable(value)) {
-          throw new Error2(CORE_ERROR_TEXT);
+          throw new Error(CORE_ERROR_TEXT);
         }
         return baseIsNative(value);
       }
@@ -5072,7 +5072,7 @@ var lodash = { exports: {} };
         if (!variable) {
           source = "with (obj) {\n" + source + "\n}\n";
         } else if (reForbiddenIdentifierChars.test(variable)) {
-          throw new Error2(INVALID_TEMPL_VAR_ERROR_TEXT);
+          throw new Error(INVALID_TEMPL_VAR_ERROR_TEXT);
         }
         source = (isEvaluating ? source.replace(reEmptyStringLeading, "") : source).replace(reEmptyStringMiddle, "$1").replace(reEmptyStringTrailing, "$1;");
         source = "function(" + (variable || "obj") + ") {\n" + (variable ? "" : "obj || (obj = {});\n") + "var __t, __p = ''" + (isEscaping ? ", __e = _.escape" : "") + (isEvaluating ? ", __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n" : ";\n") + source + "return __p\n}";
@@ -5191,7 +5191,7 @@ var lodash = { exports: {} };
         try {
           return apply(func, undefined$1, args);
         } catch (e) {
-          return isError(e) ? e : new Error2(e);
+          return isError(e) ? e : new Error(e);
         }
       });
       var bindAll = flatRest(function(object, methodNames) {
@@ -5913,7 +5913,8 @@ const ComponentSchema = {
         { title: "Upload File", const: "UploadFile" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
-        { title: "TreeMap", const: "TreeMap" }
+        { title: "TreeMap", const: "TreeMap" },
+        { title: "ColumnGroup", const: "ColumnGroup" }
       ]
     },
     columnFormat: {
@@ -6314,27 +6315,6 @@ const componentBasicUiSchema = {
                 }
               }
             },
-            {
-              type: "Control",
-              scope: "#/properties/parent",
-              options: {
-                widget: "InputField"
-              },
-              config: {
-                layout: {
-                  xs: 12,
-                  sm: 12,
-                  md: 6,
-                  lg: 6
-                },
-                main: {
-                  label: "parent",
-                  options: [],
-                  color: "secondary",
-                  required: true
-                }
-              }
-            },
             {
               type: "Control",
               scope: "#/properties/columnFormat",
@@ -6547,27 +6527,6 @@ const CoreSection = {
         }
       }
     },
-    {
-      type: "Control",
-      scope: "#/properties/parent",
-      options: {
-        widget: "InputField"
-      },
-      config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 6,
-          lg: 6
-        },
-        main: {
-          label: "parent",
-          options: [],
-          color: "secondary",
-          required: true
-        }
-      }
-    },
     {
       type: "Control",
       scope: "#/properties/columnFormat",
@@ -7598,7 +7557,8 @@ const sectionLabels = {
   Stepper: ["Core", "Components", "Properties", "Event", "Style"],
   DataGrid: ["Core", "Components", "Properties", "Event", "Style"],
   InputSlider: ["Core", "Properties", "Event", "Style", "Validation"],
-  TreeMap: ["Core", "Components", "Properties", "Event", "Style"]
+  TreeMap: ["Core", "Components", "Properties", "Event", "Style"],
+  ColumnGroup: ["Core", "Components"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -8742,16 +8702,6 @@ function buildApiPayload(compConfig, body, headers, store, dynamicData, userValu
   }
   return promiseChain;
 }
-function asyncOperation() {
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      {
-        resolve("Operation completed successfully!");
-        reject(new Error("Operation failed!"));
-      }
-    }, 50);
-  });
-}
 let compType;
 let eventGroups = {};
 const notifyUiSchema = {
@@ -8796,8 +8746,6 @@ const extractEvents = (eventConfig) => {
   return eventGroups;
 };
 var service = (funcParams) => {
-  eventGroups = {};
-  eventGroups = extractEvents(funcParams.config);
   let executeEventsParameters = {
     config: {},
     componentName: "",
@@ -8805,23 +8753,47 @@ var service = (funcParams) => {
     dynamicData: funcParams.dynamicData,
     userValue: funcParams.userValue,
     service: funcParams.service,
-    serviceHolder: { downloadFile: downloadFile$1, download: doDownload },
-    eventGroups
+    serviceHolder: { downloadFile: downloadFile$1, download: doDownload, ...funcParams.functionsProvider },
+    eventGroups,
+    functionsProvider: funcParams.functionsProvider
   };
   return {
     setPage: async function() {
+      var _a, _b;
       funcParams.store.setFormdata({});
-      funcParams.store.setSchema(
-        (pre) => {
-          return {
-            ...funcParams.schema,
-            properties: { ...funcParams.schema.properties, ...pre.properties }
-          };
-        }
-      );
-      funcParams.uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(funcParams.uiSchema);
-      await asyncOperation();
+      const data = JSON.stringify({
+        pageName: funcParams.store.pageName
+      });
+      let pageData;
+      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData");
+      if (pageBasicDetailString) {
+        pageData = JSON.parse(pageBasicDetailString);
+      } else {
+        const pageId = await funcParams.service.post("/page/getByName", data, {
+          headers: {
+            "Content-Type": "application/json"
+          }
+        });
+        const response = await funcParams.service.get(
+          `/page/getById?id=${(_a = pageId == null ? void 0 : pageId.data) == null ? void 0 : _a.id}`,
+          {
+            headers: {
+              "Content-Type": "application/json"
+            }
+          }
+        );
+        pageData = response.data;
+        localStorage.setItem("pagemasterMetaData", JSON.stringify({
+          schema: pageData == null ? void 0 : pageData.schema,
+          uiSchema: pageData == null ? void 0 : pageData.uiSchema,
+          config: pageData == null ? void 0 : pageData.config
+        }));
+      }
+      const config = pageData == null ? void 0 : pageData.config;
+      const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
+      const schema2 = (_b = pageData == null ? void 0 : pageData.schema) != null ? _b : { type: "object", properties: {} };
+      eventGroups = {};
+      eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {},
         componentName: "",
@@ -8829,6 +8801,7 @@ var service = (funcParams) => {
         dynamicData: funcParams.dynamicData,
         userValue: funcParams.userValue,
         service: funcParams.service,
+        functionsProvider: funcParams.functionsProvider,
         serviceHolder: this,
         eventGroups
       };
@@ -8842,15 +8815,46 @@ var service = (funcParams) => {
         serviceHolder: this,
         eventGroups
       });
+      funcParams.store.setSchema(
+        (pre) => {
+          return {
+            ...schema2,
+            properties: { ...schema2.properties, ...pre.properties }
+          };
+        }
+      );
+      uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(uiSchema);
+    },
+    onCellRenderer: (cellParams) => {
+      var _a;
+      let finalResponse = {};
+      const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onCellRenderer[path]) {
+        executeEventsParameters.store.functionParameters = cellParams;
+        finalResponse = executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        });
+      }
+      console.log("finalResponse >> >> >> ", finalResponse);
+      return finalResponse;
     },
-    onClick: async function() {
-      await this.callHandler("onClick");
+    onClick: function() {
+      this.callHandler("onClick");
     },
-    onFileDownload: async function() {
-      await this.callHandler("onDownload");
+    onMount: function() {
+      this.callHandler("onMount");
     },
-    onFileUpload: async function() {
-      await this.callHandler("onUpload");
+    onFileDownload: function() {
+      this.callHandler("onDownload");
+    },
+    onFileUpload: function() {
+      this.callHandler("onUpload");
+    },
+    backHandler: function() {
+      funcParams.store.navigate(-1);
     },
     onPaginationChange: async function(paginationValues) {
       var _a;
@@ -8870,7 +8874,8 @@ var service = (funcParams) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ];
-        return await this.updateConfigApiBody(param, apiBody);
+        const response = await this.updateConfigApiBody(param, apiBody);
+        return response == null ? void 0 : response.data;
       }
     },
     onChange: async function() {
@@ -8944,7 +8949,7 @@ var service = (funcParams) => {
       if (((_b = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _b[path]) !== void 0) {
         for (const eventConfig of (_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path]) {
           executeEventsParameters.store.functionParameters = functionParameters;
-          await executeEvents({
+          executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path
@@ -8953,7 +8958,8 @@ var service = (funcParams) => {
       }
     },
     downloadFile: downloadFile$1,
-    download: doDownload
+    download: doDownload,
+    ...funcParams.functionsProvider
   };
 };
 var leaderBoard = {
@@ -10439,8 +10445,10 @@ const buildMultiSelect = (config, componentScope) => {
 const buildBasicUiSchema = (config) => {
   return {
     "type": "HorizontalLayout",
-    pageName: `${config.name}`,
-    scope: `${config.name}`,
+    pageName: config.name,
+    name: config.name,
+    accessorKey: config.name,
+    header: config.label || config.name,
     "elements": []
   };
 };
@@ -11156,6 +11164,13 @@ const buildUiSchema = (config) => {
     case "Timer":
       elements = buildTimer(config, componentScope);
       break;
+    case "ColumnGroup":
+      elements = {
+        accessorKey: config.name,
+        header: config.label || config.name,
+        elements: []
+      };
+      break;
     case "MultipleSelect":
       elements = buildMultiSelect(config, componentScope);
       break;
@@ -11173,55 +11188,32 @@ const buildUiSchema = (config) => {
   if (config == null ? void 0 : config.elements) {
     if ((config == null ? void 0 : config.type) === "LeaderBoard") {
       return elements;
-    } else if (config.type == "Table") {
-      let nodeProvider2 = function(element) {
-        if (element.type) {
-          return {
-            accessorKey: element.name,
-            type: element.columnFormat,
-            header: element.label || element.name,
-            size: sizeMap[element.name] || 180,
-            widget: buildUiSchema(element)
-          };
-        }
-        return {
-          accessorKey: element.name,
-          type: element.columnFormat,
-          header: element.label || element.name,
-          size: sizeMap[element.name] || 180
-        };
-      }, buildHierarchy2 = function(elements2, parentName = null) {
-        const result = [];
-        for (const element of elements2) {
-          if ((element == null ? void 0 : element.parent) === parentName) {
-            const children = buildHierarchy2(elements2, element.name);
-            const node = nodeProvider2(element);
-            if (children.length > 0) {
-              node.columns = children;
-              node.type = "group";
-            }
-            result.push(node);
-          }
-        }
-        return result;
-      }, transformConfigToOutput2 = function(config2) {
-        const output = [];
-        const hierarchy = buildHierarchy2(config2.elements, config2.name);
-        for (const element of config2.elements) {
-          const parentExists = config2.elements.some((e) => e.name === element.parent);
-          if (!parentExists && element.parent !== config2.name) {
-            output.push(nodeProvider2(element));
-          }
-        }
-        return [...hierarchy, ...output];
-      };
+    } else if (config.type == "Table" || config.type == "ColumnGroup") {
       const sizeMap = {};
       if (config.sizeHolder) {
         config.sizeHolder.map((e, i) => {
           sizeMap[e.keyName] = e.value;
         });
       }
-      elements.elements = transformConfigToOutput2(config);
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        if (cellElem.type) {
+          return {
+            accessorKey: cellElem.name,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180,
+            type: cellElem.columnFormat,
+            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem) : void 0,
+            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+          };
+        } else {
+          return {
+            accessorKey: cellElem.name,
+            type: cellElem.columnFormat,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180
+          };
+        }
+      });
     } else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e, elemInd) => {
         return buildUiSchema(e);