impaktapps-ui-builder 1.0.102 → 1.0.104

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;
@@ -6487,7 +6487,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: {
@@ -7877,7 +7878,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"),
@@ -8431,7 +8433,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"],
@@ -8982,7 +8984,8 @@ const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download", const: "download" }
+        { title: "downloadFileFromUrl", const: "downloadFileFromUrl" },
+        { title: "downloadFileFromBase64", const: "downloadFileFromBase64" }
       ]
     },
     body: {
@@ -9934,7 +9937,33 @@ const downloadFile$1 = (obj) => {
   URL.revokeObjectURL(url);
   document.body.removeChild(link);
 };
-const doDownload = (response, service2) => {
+function downloadFileFromBase64({ 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);
+}
+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);
@@ -10283,7 +10312,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, downloadFileFromBase64, ...funcParams.functionsProvider },
     eventGroups,
     functionsProvider: funcParams.functionsProvider,
     formDataHolder
@@ -10342,19 +10371,22 @@ var service = (funcParams) => {
       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 {};
     },
@@ -10493,7 +10525,8 @@ var service = (funcParams) => {
       }
     },
     downloadFile: downloadFile$1,
-    download: doDownload,
+    downloadFileFromUrl,
+    downloadFileFromBase64,
     ...funcParams.functionsProvider
   };
 };
@@ -11106,6 +11139,9 @@ const buildTable = (config2, componentScope2) => {
   if (config2.lazyLoading) {
     table.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
   }
+  if (config2.defaultColumnSize) {
+    table.config.main.enableRowMovement = config2.defaultColumnSize;
+  }
   if (config2.enableRowMovement) {
     table.config.main.enableRowMovement = config2.enableRowMovement === "YES" ? true : false;
   }
@@ -12299,115 +12335,94 @@ 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 };
-              })
-            }
-          };
-        }
+function buildOneOf(values) {
+  return values.map((e) => ({
+    const: e.value,
+    title: e.label
+  }));
+}
+function applyValidations(schemaNode, validations = [], requiredArr, fieldName) {
+  validations.forEach((rule) => {
+    if (rule.validationType === "readOnly") {
+      schemaNode.disabled = true;
+    }
+    if (rule.validationType === "required") {
+      if (requiredArr && fieldName) {
+        requiredArr.push(fieldName);
       }
+    } else {
+      schemaNode.type = "string";
+      schemaNode[rule.validationType] = isNaN(rule.validationValue) ? rule.validationValue : Number(rule.validationValue);
     }
-  } 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] = {
-        items: {
-          oneOf: configObj.value.map((e) => {
-            return { const: e.value, title: e.label };
-          })
-        }
+  });
+}
+function buildNode(config2) {
+  var _a, _b, _c;
+  if (config2.type === "Array") {
+    const arraySchema = {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {},
+        required: []
+      }
+    };
+    (_a = config2.elements) == null ? void 0 : _a.forEach((child) => {
+      var _a2;
+      const childNode = buildNode(child);
+      if (!childNode)
+        return;
+      arraySchema.items.properties[child.name] = childNode.schema;
+      if ((_a2 = childNode.required) == null ? void 0 : _a2.length) {
+        arraySchema.items.required.push(child.name);
+      }
+    });
+    return { schema: arraySchema };
+  }
+  let fieldSchema = {};
+  if ((config2.type === "Select" || config2.type === "MultipleSelect") && ((_b = config2.value) == null ? void 0 : _b.length) > 0) {
+    if (config2.type === "Select") {
+      fieldSchema.oneOf = buildOneOf(config2.value);
+    } else {
+      fieldSchema.type = "array";
+      fieldSchema.items = {
+        oneOf: buildOneOf(config2.value)
       };
     }
   }
-  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);
-        }
-      }
-    });
+  if (config2.validation) {
+    applyValidations(fieldSchema, config2.validation);
   }
+  const required = ((_c = config2.validation) == null ? void 0 : _c.some(
+    (v) => v.validationType === "required"
+  )) ? [config2.name] : [];
+  return {
+    schema: fieldSchema,
+    required
+  };
 }
-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);
-      });
-    } else {
-      config2.elements.map((e, elemInd) => {
-        buildSchema(e);
-      });
+function buildSchema(config2) {
+  var _a;
+  const schema2 = {
+    type: "object",
+    properties: {},
+    required: []
+  };
+  (_a = config2.elements) == null ? void 0 : _a.forEach((element) => {
+    var _a2;
+    const node = buildNode(element);
+    if (!node)
+      return;
+    schema2.properties[element.name] = node.schema;
+    if ((_a2 = node.required) == null ? void 0 : _a2.length) {
+      schema2.required.push(element.name);
     }
+  });
+  if (schema2.required.length === 0) {
+    delete schema2.required;
   }
-  return schema;
-};
+  return schema2;
+}
 const buildUiSchema = (config2, store2) => {
   let elements = {};
   const componentScope2 = `#/properties/${config2.name}`;
@@ -12647,5 +12662,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, downloadFileFromBase64, downloadFileFromUrl, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
 //# sourceMappingURL=impaktapps-ui-builder.es.js.map