impaktapps-ui-builder 1.0.120 → 1.0.121

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

@@ -1488,7 +1488,7 @@ var lodash = { exports: {} };
       var reIsNative = RegExp2(
         "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
       );
-      var Buffer = moduleExports ? context.Buffer : undefined$1, Symbol = context.Symbol, Uint8Array = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined$1, symIterator = Symbol ? Symbol.iterator : undefined$1, symToStringTag = Symbol ? Symbol.toStringTag : undefined$1;
+      var Buffer = moduleExports ? context.Buffer : undefined$1, Symbol = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined$1, symIterator = Symbol ? Symbol.iterator : undefined$1, symToStringTag = Symbol ? Symbol.toStringTag : undefined$1;
       var defineProperty = function() {
         try {
           var func = getNative(Object2, "defineProperty");
@@ -2750,7 +2750,7 @@ var lodash = { exports: {} };
       }
       function cloneArrayBuffer(arrayBuffer) {
         var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
-        new Uint8Array(result2).set(new Uint8Array(arrayBuffer));
+        new Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
         return result2;
       }
       function cloneDataView(dataView, isDeep) {
@@ -3354,7 +3354,7 @@ var lodash = { exports: {} };
             object = object.buffer;
             other = other.buffer;
           case arrayBufferTag:
-            if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array(object), new Uint8Array(other))) {
+            if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
               return false;
             }
             return true;
@@ -6495,7 +6495,8 @@ const ComponentSchema = {
               { const: "required", title: "Required" },
               { const: "minLength", title: "Minimum Length" },
               { const: "maxLength", title: "Maximum Length" },
-              { const: "pattern", title: "Pattern" }
+              { const: "pattern", title: "Pattern" },
+              { const: "readOnly", title: "Read Only" }
             ]
           },
           validationValue: {
@@ -7886,7 +7887,8 @@ const buildPropertiesSection = function(type) {
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
-          emptyBox$1("LazyLoadingTableEmpty2"),
+          getInputField("defaultColumnSize", "Default Column Size"),
+          ,
           emptyBox$1("LazyLoadingTableEmpty3")
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
@@ -8440,7 +8442,7 @@ const sectionLabels = {
   Timer: ["Core", "Events", "Style", "Validation"],
   Rank: ["Core", "Events", "Style", "Validation"],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
-  Array: ["Core", "Components", "Properties", "Validation"],
+  Array: ["Core", "Components", "Properties", "Events", "Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -8832,7 +8834,7 @@ var pageMaster = (funcParams) => {
         return formData;
       }
       saveFormdataInSessionStorage(config2);
-      return config2;
+      return { ...config2, type: "page" };
     },
     getUiSchema: function() {
       const UiSchema = _.cloneDeep(PageMasterUiSchema(store2.theme.myTheme));
@@ -8991,7 +8993,7 @@ const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download", const: "download" }
+        { title: "downloadFileFromUrl", const: "downloadFileFromUrl" }
       ]
     },
     body: {
@@ -9928,22 +9930,33 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
     }
   };
 };
-const downloadFile$1 = (obj) => {
-  const typeArr = obj.name.split(".");
-  const data = obj.data;
-  const finalData = window.atob(data);
-  let file;
-  file = new File([finalData], typeArr[typeArr.length - 1]);
-  const url = URL.createObjectURL(file);
-  const link = document.createElement("a");
-  link.href = typeArr[typeArr.length - 1] === "pdf" ? "data:application/octet-stream;base64," + data : url;
-  link.download = `${obj.name}`;
-  document.body.appendChild(link);
-  link.click();
+function downloadFile$1({ data, name }) {
+  var _a;
+  const binary = window.atob(data);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  const extension = (_a = name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  const mimeMap = {
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    csv: "text/csv"
+  };
+  const blob = new Blob([bytes], {
+    type: mimeMap[extension] || "application/octet-stream"
+  });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.click();
   URL.revokeObjectURL(url);
-  document.body.removeChild(link);
-};
-const doDownload = (response, service2) => {
+}
+const downloadFileFromUrl = (response, service2) => {
   let url = `${service2.defaults.baseURL}/${response.path}`;
   if (response == null ? void 0 : response.params) {
     const keysArray = Object.keys(response == null ? void 0 : response.params);
@@ -10022,7 +10035,6 @@ function executeEventsHandler(params2) {
       params2.componentName,
       params2.config,
       params2.store,
-      params2.service,
       params2.formDataHolder
     );
   } else if (params2.config.Handler === "onBackHandler") {
@@ -10094,7 +10106,7 @@ function executeCustomHandler(params) {
     return response;
   }
 }
-function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
+function mergeFormdata(handlerResponse, componentName, eventConfig, store2, formDataHolder) {
   var _a, _b, _c;
   if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
     if (!_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
@@ -10132,29 +10144,23 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
       });
     }
   } else if (eventConfig.type === "page") {
-    if (!(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data))) {
+    if (!(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data) && lodash.exports.isObject(handlerResponse.data))) {
       store2.newData = {
         ...store2.newData,
         ...handlerResponse == null ? void 0 : handlerResponse.data
       };
-      store2.setFormdata((pre) => {
-        return { ...pre, ...handlerResponse == null ? void 0 : handlerResponse.data };
+      Object.keys(handlerResponse.data).forEach((e) => {
+        formDataHolder[e] = handlerResponse.data[e];
       });
     }
   } else if (eventConfig.type === "Table" && eventConfig.lazyLoading) {
     if (handlerResponse && (handlerResponse == null ? void 0 : handlerResponse.data)) {
       formDataHolder[componentName] = (_a = handlerResponse.data) == null ? void 0 : _a.data;
       formDataHolder[`${componentName}_RowCount`] = (_c = (_b = handlerResponse.data) == null ? void 0 : _b.meta) == null ? void 0 : _c.totalRowCount;
-      store2.setFormdata((pre) => {
-        return { ...pre, ...formDataHolder };
-      });
     }
   } else {
     if (handlerResponse) {
       formDataHolder[componentName] = handlerResponse.data;
-      store2.setFormdata((pre) => {
-        return { ...pre, ...formDataHolder };
-      });
     }
   }
 }
@@ -10292,7 +10298,7 @@ var service = (funcParams) => {
     dynamicData: funcParams.dynamicData,
     userValue: funcParams.userValue,
     service: funcParams.service,
-    serviceHolder: { downloadFile: downloadFile$1, download: doDownload, ...funcParams.functionsProvider },
+    serviceHolder: { downloadFile: downloadFile$1, download: downloadFileFromUrl, ...funcParams.functionsProvider },
     eventGroups,
     functionsProvider: funcParams.functionsProvider,
     formDataHolder
@@ -10339,7 +10345,7 @@ var service = (funcParams) => {
           };
         }
       );
-      await executeRefreshHandler({
+      executeRefreshHandler({
         config: {},
         componentName: "",
         store: funcParams.store,
@@ -10348,25 +10354,30 @@ var service = (funcParams) => {
         service: funcParams.service,
         serviceHolder: this,
         eventGroups,
-        formDataHolder: {}
+        formDataHolder
+      }).then((e) => {
+        funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
+        uiSchema.elements.push(notifyUiSchema);
+        funcParams.store.setUiSchema(uiSchema);
       });
-      uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(uiSchema);
     },
     onCellRenderer: (cellParams) => {
-      var _a, _b, _c, _d;
-      if (eventGroups.onCellRenderer) {
+      var _a, _b, _c, _d, _e;
+      const cloneEventGroup = _.cloneDeep(eventGroups);
+      if (cloneEventGroup.onCellRenderer) {
         let finalResponse = {};
         const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || ((_c = (_b = funcParams == null ? void 0 : funcParams.dynamicData) == null ? void 0 : _b.path) == null ? void 0 : _c.split(".")[0]);
-        for (const eventConfig of (_d = eventGroups == null ? void 0 : eventGroups.onCellRenderer) == null ? void 0 : _d[path]) {
-          executeEventsParameters.store.functionParameters = cellParams;
-          finalResponse = executeEvents({
-            ...executeEventsParameters,
-            config: eventConfig,
-            componentName: path
-          });
+        if ((_d = cloneEventGroup == null ? void 0 : cloneEventGroup.onCellRenderer) == null ? void 0 : _d[path]) {
+          for (const eventConfig of (_e = cloneEventGroup == null ? void 0 : cloneEventGroup.onCellRenderer) == null ? void 0 : _e[path]) {
+            executeEventsParameters.store.functionParameters = cellParams;
+            finalResponse = executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName: path
+            });
+          }
+          return finalResponse;
         }
-        return finalResponse;
       }
       return {};
     },
@@ -10434,8 +10445,12 @@ var service = (funcParams) => {
               await executeEvents({
                 ...executeEventsParameters,
                 config: eventConfig,
-                componentName
+                componentName,
+                formDataHolder
               });
+              if (eventConfig.Handler === "refresh") {
+                funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
+              }
             }
           }
         }));
@@ -10469,7 +10484,7 @@ var service = (funcParams) => {
     onBack: async function(functionParameters) {
       var _a, _b;
       const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onBack", functionParameters);
+      this.callHandler("onBack", functionParameters);
       if (((_b = eventGroups == null ? void 0 : eventGroups["onBack"]) == null ? void 0 : _b[path]) === void 0) {
         functionParameters == null ? void 0 : functionParameters.handleBack();
       }
@@ -10477,7 +10492,7 @@ var service = (funcParams) => {
     onNext: async function(functionParameters) {
       var _a, _b;
       const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onNext", functionParameters);
+      this.callHandler("onNext", functionParameters);
       if (((_b = eventGroups == null ? void 0 : eventGroups["onNext"]) == null ? void 0 : _b[path]) === void 0) {
         functionParameters == null ? void 0 : functionParameters.handleNext();
       }
@@ -10485,27 +10500,38 @@ var service = (funcParams) => {
     onReset: async function(functionParameters) {
       var _a, _b;
       const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onReset", functionParameters);
+      this.callHandler("onReset", functionParameters);
       if (((_b = eventGroups == null ? void 0 : eventGroups["onReset"]) == null ? void 0 : _b[path]) === void 0) {
         functionParameters == null ? void 0 : functionParameters.handleReset();
       }
     },
-    callHandler: async function(eventType, functionParameters) {
+    callHandler: function(eventType, functionParameters) {
       var _a, _b, _c;
       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) => {
+        (_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path].map((eventConfig) => {
           executeEventsParameters.store.functionParameters = functionParameters;
-          executeEvents({
-            ...executeEventsParameters,
-            config: eventConfig,
-            componentName: path
-          });
-        }));
+          if (eventConfig.Handler === "refresh") {
+            executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName: path,
+              formDataHolder
+            }).then((res) => {
+              funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
+            });
+          } else {
+            executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName: path
+            });
+          }
+        });
       }
     },
     downloadFile: downloadFile$1,
-    download: doDownload,
+    downloadFileFromUrl,
     ...funcParams.functionsProvider
   };
 };
@@ -11118,6 +11144,9 @@ const buildTable = (config2, componentScope2) => {
   if (config2.lazyLoading) {
     table.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
   }
+  if (config2.defaultColumnSize) {
+    table.config.main.defaultColumnSize = config2.defaultColumnSize;
+  }
   if (config2.enableRowMovement) {
     table.config.main.enableRowMovement = config2.enableRowMovement === "YES" ? true : false;
   }
@@ -12314,113 +12343,65 @@ let schema = {
   properties: {},
   required: []
 };
-function buildRule(configObj, tableName, arrayHolderName) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  if (arrayHolderName) {
-    if ((_c = (_b = (_a = schema.properties) == null ? void 0 : _a[tableName]) == null ? void 0 : _b.items) == null ? void 0 : _c.properties) {
-      if (!((_g = (_f = (_e = (_d = schema.properties) == null ? void 0 : _d[tableName]) == null ? void 0 : _e.items) == null ? void 0 : _f.properties) == null ? void 0 : _g[configObj.name])) {
-        schema.properties[tableName].items.properties[configObj.name] = {};
-        if (configObj.type === "Select" && ((_h = configObj.value) == null ? void 0 : _h.length) > 0) {
-          schema.properties[tableName].items.properties[configObj.name] = {
-            oneOf: configObj.value.map((e) => {
-              return { const: e.value, title: e.label };
-            })
-          };
-        } else if (configObj.type === "MultipleSelect" && ((_i = configObj.value) == null ? void 0 : _i.length) > 0) {
-          schema.properties[tableName].items.properties[configObj.name] = {
-            items: {
-              oneOf: configObj.value.map((e) => {
-                return { const: e.value, title: e.label };
-              })
-            }
-          };
-        }
-      }
-    }
-  } else if ((configObj.type === "Select" || configObj.type === "MultipleSelect") && ((_j = configObj.value) == null ? void 0 : _j.length) > 0) {
-    if (configObj.type === "Select") {
-      schema.properties[configObj.name] = {
-        oneOf: configObj.value.map((e) => {
-          return { const: e.value, title: e.label };
-        })
-      };
-    } else if (configObj.type === "MultipleSelect") {
-      schema.properties[configObj.name] = {
+function buildSchemaFromConfig(config2, parentSchema) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  if (config2.elements) {
+    if (config2.type === "Array") {
+      (_a = parentSchema.properties) != null ? _a : parentSchema.properties = {};
+      (_d = (_b = parentSchema.properties)[_c = config2.name]) != null ? _d : _b[_c] = {
+        type: "array",
         items: {
-          oneOf: configObj.value.map((e) => {
-            return { const: e.value, title: e.label };
-          })
+          type: "object",
+          properties: {},
+          required: []
         }
       };
+      const arrayItemSchema = parentSchema.properties[config2.name].items;
+      (_e = config2.elements) == null ? void 0 : _e.forEach(
+        (child) => buildSchemaFromConfig(child, arrayItemSchema)
+      );
+      return;
+    } else {
+      (_f = config2.elements) == null ? void 0 : _f.forEach(
+        (child) => buildSchemaFromConfig(child, parentSchema)
+      );
+      return;
     }
   }
-  if (configObj.validation) {
-    configObj.validation.forEach((rule) => {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k, _l;
-      if (tableName) {
-        if ((_c2 = (_b2 = (_a2 = schema.properties) == null ? void 0 : _a2[tableName]) == null ? void 0 : _b2.items) == null ? void 0 : _c2.properties) {
-          if (!((_g2 = (_f2 = (_e2 = (_d2 = schema.properties) == null ? void 0 : _d2[tableName]) == null ? void 0 : _e2.items) == null ? void 0 : _f2.properties) == null ? void 0 : _g2[configObj.name])) {
-            schema.properties[tableName].items.properties[configObj.name] = {};
-            if (configObj.type === "Select" || ((_h2 = configObj.value) == null ? void 0 : _h2.length) > 0) {
-              schema.properties[tableName].items.properties[configObj.name] = {
-                oneOf: configObj.value.map((e) => {
-                  return { const: e.value, title: e.label };
-                })
-              };
-            } else if (configObj.type === "MultipleSelect" || ((_i2 = configObj.value) == null ? void 0 : _i2.length) > 0) {
-              schema.properties[tableName].items.properties[configObj.name] = {
-                items: {
-                  oneOf: configObj.value.map((e) => {
-                    return { const: e.value, title: e.label };
-                  })
-                }
-              };
-            }
-          }
-          if (rule.validationType === "required") {
-            (_l = (_k = (_j2 = schema.properties) == null ? void 0 : _j2[tableName]) == null ? void 0 : _k.items) == null ? void 0 : _l.required.push(configObj.name);
-          } else {
-            schema.properties[tableName].items.properties[configObj.name]["type"] = "string";
-            schema.properties[tableName].items.properties[configObj.name][rule.validationType] = isNaN(rule.validationValue) ? rule.validationValue : Number(rule.validationValue);
-          }
-        }
-      } else {
-        if (!schema.properties[configObj.name]) {
-          schema.properties[configObj.name] = {};
-        }
-        if (rule.validationType === "required") {
-          schema.required.push(configObj.name);
-        } else {
-          schema.properties[configObj.name]["type"] = "string";
-          schema.properties[configObj.name][rule.validationType] = isNaN(rule.validationValue) ? rule.validationValue : Number(rule.validationValue);
-        }
-      }
-    });
-  }
-}
-const buildSchema = (config2, tableName, isArrayType) => {
-  buildRule(config2, tableName, isArrayType);
-  if (config2 == null ? void 0 : config2.elements) {
-    if (config2.type == "Array") {
-      if (!schema.properties[config2.name]) {
-        schema.properties[config2.name] = {
-          type: "array",
-          items: {
-            type: "object",
-            properties: {},
-            required: []
-          }
-        };
-      }
-      config2.elements.map((e, elemInd) => {
-        buildSchema(e, config2.name, config2.type === "Array" ? true : false);
-      });
+  (_g = parentSchema.properties) != null ? _g : parentSchema.properties = {};
+  (_j = (_h = parentSchema.properties)[_i = config2.name]) != null ? _j : _h[_i] = {};
+  const fieldSchema = parentSchema.properties[config2.name];
+  (_k = config2.validation) == null ? void 0 : _k.forEach((v) => {
+    var _a2;
+    if (v.validationType === "required") {
+      (_a2 = parentSchema.required) != null ? _a2 : parentSchema.required = [];
+      parentSchema.required.push(config2.name);
+    } else if (v.validationType === "readOnly") {
+      fieldSchema.type = "string";
+      fieldSchema.disabled = true;
     } else {
-      config2.elements.map((e, elemInd) => {
-        buildSchema(e);
-      });
+      fieldSchema.type = "string";
+      fieldSchema[v.validationType] = isNaN(v.validationValue) ? v.validationValue : Number(v.validationValue);
     }
+  });
+  if (config2.type === "Select" && ((_l = config2.value) == null ? void 0 : _l.length)) {
+    fieldSchema.oneOf = config2.value.map((v) => ({
+      const: v.value,
+      title: v.label
+    }));
   }
+  if (config2.type === "MultipleSelect" && ((_m = config2.value) == null ? void 0 : _m.length)) {
+    fieldSchema.type = "array";
+    fieldSchema.items = {
+      oneOf: config2.value.map((v) => ({
+        const: v.value,
+        title: v.label
+      }))
+    };
+  }
+}
+const buildSchema = (config2) => {
+  buildSchemaFromConfig(config2, schema);
   return schema;
 };
 const buildUiSchema = (config2, store2) => {
@@ -12662,5 +12643,5 @@ const buildUiSchema = (config2, store2) => {
   }
   return elements;
 };
-export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
+export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, downloadFile$1 as downloadFile, downloadFileFromUrl, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
 //# sourceMappingURL=impaktapps-ui-builder.es.js.map