impaktapps-ui-builder 1.0.111 → 1.0.113

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, 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 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 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 Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
+        new Uint8Array(result2).set(new Uint8Array(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 Uint8Array2(object), new Uint8Array2(other))) {
+            if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array(object), new Uint8Array(other))) {
               return false;
             }
             return true;
@@ -6310,6 +6310,14 @@ const ComponentSchema = {
         { title: "500", const: 500 }
       ]
     },
+    initialDensity: {
+      type: "string",
+      oneOf: [
+        { title: "Compact", const: "compact" },
+        { title: "Comfortable", const: "comfortable" },
+        { title: "Spacious", const: "spacious" }
+      ]
+    },
     layout: {
       type: "array",
       items: {
@@ -6487,8 +6495,7 @@ const ComponentSchema = {
               { const: "required", title: "Required" },
               { const: "minLength", title: "Minimum Length" },
               { const: "maxLength", title: "Maximum Length" },
-              { const: "pattern", title: "Pattern" },
-              { const: "readOnly", title: "Read Only" }
+              { const: "pattern", title: "Pattern" }
             ]
           },
           validationValue: {
@@ -7872,14 +7879,14 @@ const buildPropertiesSection = function(type) {
         getInputField("selectKey", "Selection Key"),
         getMultiSelectField("filteringOptions", "Filtering Options"),
         getSelectField("maxPageSize", "Max Page Size"),
+        getSelectField("initialDensity", "Initial Toggle Density"),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
-          getInputField("defaultColumnSize", "Default Column Size"),
-          ,
+          emptyBox$1("LazyLoadingTableEmpty2"),
           emptyBox$1("LazyLoadingTableEmpty3")
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
@@ -8433,7 +8440,7 @@ const sectionLabels = {
   Timer: ["Core", "Events", "Style", "Validation"],
   Rank: ["Core", "Events", "Style", "Validation"],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
-  Array: ["Core", "Components", "Properties", "Events", "Validation"],
+  Array: ["Core", "Components", "Properties", "Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -8825,7 +8832,7 @@ var pageMaster = (funcParams) => {
         return formData;
       }
       saveFormdataInSessionStorage(config2);
-      return { ...config2, type: "page" };
+      return config2;
     },
     getUiSchema: function() {
       const UiSchema = _.cloneDeep(PageMasterUiSchema(store2.theme.myTheme));
@@ -8984,7 +8991,7 @@ const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "downloadFileFromUrl", const: "downloadFileFromUrl" }
+        { title: "Download", const: "download" }
       ]
     },
     body: {
@@ -9921,33 +9928,22 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
     }
   };
 };
-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();
+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();
   URL.revokeObjectURL(url);
-}
-const downloadFileFromUrl = (response, service2) => {
+  document.body.removeChild(link);
+};
+const doDownload = (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);
@@ -10026,6 +10022,7 @@ function executeEventsHandler(params2) {
       params2.componentName,
       params2.config,
       params2.store,
+      params2.service,
       params2.formDataHolder
     );
   } else if (params2.config.Handler === "onBackHandler") {
@@ -10097,7 +10094,7 @@ function executeCustomHandler(params) {
     return response;
   }
 }
-function mergeFormdata(handlerResponse, componentName, eventConfig, store2, formDataHolder) {
+function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
   var _a, _b, _c;
   if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
     if (!_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
@@ -10135,24 +10132,29 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, form
       });
     }
   } else if (eventConfig.type === "page") {
-    if (!(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data) && lodash.exports.isObject(handlerResponse.data))) {
+    if (!(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data))) {
       store2.newData = {
         ...store2.newData,
         ...handlerResponse == null ? void 0 : handlerResponse.data
       };
-      const keys = Object.keys(handlerResponse.data);
-      keys.map((e) => {
-        formDataHolder[e] = { ...formDataHolder, [e]: handlerResponse.data[e] };
+      store2.setFormdata((pre) => {
+        return { ...pre, ...handlerResponse == null ? void 0 : handlerResponse.data };
       });
     }
   } 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 };
+      });
     }
   }
 }
@@ -10290,7 +10292,7 @@ var service = (funcParams) => {
     dynamicData: funcParams.dynamicData,
     userValue: funcParams.userValue,
     service: funcParams.service,
-    serviceHolder: { downloadFile: downloadFile$1, download: downloadFileFromUrl, ...funcParams.functionsProvider },
+    serviceHolder: { downloadFile: downloadFile$1, download: doDownload, ...funcParams.functionsProvider },
     eventGroups,
     functionsProvider: funcParams.functionsProvider,
     formDataHolder
@@ -10343,34 +10345,30 @@ var service = (funcParams) => {
         service: funcParams.service,
         serviceHolder: this,
         eventGroups,
-        formDataHolder
+        formDataHolder: {}
       });
-      funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
       uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(uiSchema);
     },
     onCellRenderer: (cellParams) => {
-      var _a, _b, _c, _d, _e;
-      const cloneEventGroup = _.cloneDeep(eventGroups);
-      if (cloneEventGroup.onCellRenderer) {
+      var _a, _b, _c, _d;
+      if (eventGroups.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]);
-        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;
+        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
+          });
         }
+        return finalResponse;
       }
       return {};
     },
-    onClick: async function() {
-      await this.callHandler("onClick");
+    onClick: function() {
+      this.callHandler("onClick");
     },
     onKeyDown: function() {
       this.callHandler("onKeyDown");
@@ -10484,7 +10482,7 @@ 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];
-      this.callHandler("onReset", functionParameters);
+      await 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();
       }
@@ -10493,28 +10491,18 @@ var service = (funcParams) => {
       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) {
-        (_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path].map(async (eventConfig) => {
+        Promise.all((_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path].map((eventConfig) => {
           executeEventsParameters.store.functionParameters = functionParameters;
-          if (eventConfig.Handler === "refresh") {
-            await executeRefreshHandler({
-              ...executeEventsParameters,
-              config: eventConfig,
-              componentName: path,
-              formDataHolder
-            });
-            funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
-          } else {
-            executeEvents({
-              ...executeEventsParameters,
-              config: eventConfig,
-              componentName: path
-            });
-          }
-        });
+          executeEvents({
+            ...executeEventsParameters,
+            config: eventConfig,
+            componentName: path
+          });
+        }));
       }
     },
     downloadFile: downloadFile$1,
-    downloadFileFromUrl,
+    download: doDownload,
     ...funcParams.functionsProvider
   };
 };
@@ -11127,9 +11115,6 @@ 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;
   }
@@ -11193,6 +11178,9 @@ const buildTable = (config2, componentScope2) => {
   if (config2.maxPageSize) {
     table.config.main.maxPageSize = config2.maxPageSize;
   }
+  if (config2.initialDensity) {
+    table.config.main.initialDensity = config2.initialDensity;
+  }
   return table;
 };
 const Box = {
@@ -12323,65 +12311,113 @@ let schema = {
   properties: {},
   required: []
 };
-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",
+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] = {
         items: {
-          type: "object",
-          properties: {},
-          required: []
+          oneOf: configObj.value.map((e) => {
+            return { const: e.value, title: e.label };
+          })
         }
       };
-      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;
     }
   }
-  (_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;
+  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);
+      });
     } else {
-      fieldSchema.type = "string";
-      fieldSchema[v.validationType] = isNaN(v.validationValue) ? v.validationValue : Number(v.validationValue);
+      config2.elements.map((e, elemInd) => {
+        buildSchema(e);
+      });
     }
-  });
-  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) => {
@@ -12623,5 +12659,5 @@ const buildUiSchema = (config2, store2) => {
   }
   return elements;
 };
-export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, downloadFile$1 as downloadFile, downloadFileFromUrl, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
+export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
 //# sourceMappingURL=impaktapps-ui-builder.es.js.map