impaktapps-ui-builder 0.0.280 → 0.0.282

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

@@ -6089,6 +6089,7 @@ const componentBasicUiSchema = {
                     { title: "Date", const: "Date" },
                     { title: "CheckBox", const: "CheckBox" },
                     { title: "Table", const: "Table" },
+                    { title: "Lazy Loading Table", const: "LazyLoadingTable" },
                     { title: "Array", const: "Array" },
                     { title: "Container", const: "WrapperSection" },
                     { title: "Tabs", const: "TabSection" },
@@ -6382,6 +6383,7 @@ const CoreSection = {
             { title: "Date", const: "Date" },
             { title: "CheckBox", const: "CheckBox" },
             { title: "Table", const: "Table" },
+            { title: "Lazy Loading Table", const: "LazyLoadingTable" },
             { title: "Array", const: "Array" },
             { title: "Container", const: "WrapperSection" },
             { title: "Tabs", const: "TabSection" },
@@ -6918,6 +6920,13 @@ const buildPropertiesSection = function(type) {
     uiSchema.elements = [
       getArrayControl("sectionLabels", "label")
     ];
+  } else if (type === "Table" || type === "LazyLoadingTable") {
+    uiSchema.elements = [
+      getRadioInputField("SelectionAvailable", "Selection Available", ["YES", "NO"]),
+      getRadioInputField("ColumnResizingAvailable", "ColumnResizing Available", ["YES", "NO"]),
+      getRadioInputField("DragAvailable", "Drag Available", ["YES", "NO"]),
+      EmptyBox
+    ];
   } else if (type === "Radio") {
     uiSchema.elements = [
       getArrayControl("sectionLabels", "label", "Options Of Radio")
@@ -7146,7 +7155,8 @@ const ValidationSection = {
 const sectionLabels = {
   Select: ["Core", "Value", "style", "Event", "Validation"],
   MultipleSelect: ["Core", "Value", "style", "Event", "Validation"],
-  Table: ["Core", "Components", "style", "Event", "Validation"],
+  Table: ["Core", "Components", "Properties", "style", "Event", "Validation"],
+  LazyLoadingTable: ["Core", "Components", "Properties", "style", "Event", "Validation"],
   LeaderBoard: ["Core", "Components", "Properties", "style", "Event", "Validation"],
   WrapperSection: ["Core", "Components", "Properties", "style", "Validation"],
   TabSection: ["Core", "Components", "Properties", "style", "Validation"],
@@ -8249,12 +8259,51 @@ var Table = {
     }
   }
 };
+var lazyLoadingTable = {
+  type: "Control",
+  scope: "#/properties/LazyLoadingTable",
+  options: {
+    widget: "LazyLoadingTable"
+  },
+  elements: [],
+  config: {
+    main: {
+      columns: {}
+    }
+  }
+};
 const buildTable = (config, componentScope) => {
   const table = _.cloneDeep(Table);
   table.scope = componentScope;
   if (config.style) {
     table.config.style = JSON.parse(config.style);
   }
+  if (config.SelectionAvailable) {
+    table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false;
+  }
+  if (config.ColumnResizingAvailable) {
+    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? true : false;
+  }
+  if (config.DragAvailable) {
+    table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false;
+  }
+  return table;
+};
+const buildLazyLoadingTable = (config, componentScope) => {
+  const table = _.cloneDeep(lazyLoadingTable);
+  table.scope = componentScope;
+  if (config.style) {
+    table.config.style = JSON.parse(config.style);
+  }
+  if (config.SelectionAvailable) {
+    table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false;
+  }
+  if (config.ColumnResizingAvailable) {
+    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? false : true;
+  }
+  if (config.DragAvailable) {
+    table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false;
+  }
   table.config.main.label = config.label;
   return table;
 };
@@ -8803,26 +8852,66 @@ const buildEmptyBox = (config, componentScope) => {
   }
   return EmptyBox2;
 };
-let schema$1 = {
+let schema = {
   type: "object",
   properties: {},
   required: []
 };
-function buildRule(configObj) {
+function buildRule(configObj, tableName) {
   if (configObj.validation) {
     configObj.validation.forEach((rule) => {
-      if (!schema$1.properties[configObj.name]) {
-        schema$1.properties[configObj.name] = {};
-      }
-      if (rule.validationType === "required") {
-        schema$1.required.push(configObj.name);
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      if (tableName) {
+        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 (rule.validationType === "required") {
+            (_j = (_i = (_h = schema.properties) == null ? void 0 : _h[tableName]) == null ? void 0 : _i.items) == null ? void 0 : _j.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 {
-        schema$1.properties[configObj.name]["type"] = "string";
-        schema$1.properties[configObj.name][rule.validationType] = isNaN(rule.validationValue) ? rule.validationValue : Number(rule.validationValue);
+        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 = (config, tableName) => {
+  buildRule(config, tableName);
+  if (config == null ? void 0 : config.elements) {
+    if (config.type == "Table") {
+      if (!schema.properties[config.name]) {
+        schema.properties[config.name] = {
+          type: "array",
+          items: {
+            type: "object",
+            properties: {},
+            required: []
+          }
+        };
+      }
+      config.elements.map((e, elemInd) => {
+        buildSchema(e, config.name);
+      });
+    } else {
+      config.elements.map((e, elemInd) => {
+        buildSchema(e);
+      });
+    }
+  }
+  return schema;
+};
 const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
@@ -8838,47 +8927,39 @@ const buildUiSchema = (config) => {
       break;
     case "Text":
       elements = buildTextField(config, componentScope);
-      buildRule(config);
       break;
     case "TextArea":
       elements = buildTextArea(config, componentScope);
-      buildRule(config);
       break;
     case "Date":
       elements = buildDate(config, componentScope);
-      buildRule(config);
       break;
     case "Select":
       elements = buildSelect(config, componentScope);
-      buildRule(config);
       break;
     case "Radio":
       elements = buildRadio(config, componentScope);
-      buildRule(config);
       break;
     case "Button":
       elements = buildButton(config, componentScope);
-      buildRule(config);
       break;
     case "Table":
       elements = buildTable(config, componentScope);
-      buildRule(config);
+      break;
+    case "LazyLoadingTable":
+      elements = buildLazyLoadingTable(config, componentScope);
       break;
     case "Box":
       elements = buildLabel(config, componentScope);
-      buildRule(config);
       break;
     case "CheckBox":
       elements = buildCheckbox(config, componentScope);
-      buildRule(config);
       break;
     case "UploadFile":
       elements = buildUploadFile(config, componentScope);
-      buildRule(config);
       break;
     case "DownloadFile":
       elements = buildDownloadFile(config, componentScope);
-      buildRule(config);
       break;
     case "EmptyBox":
       elements = buildEmptyBox(config);
@@ -8926,13 +9007,12 @@ const buildUiSchema = (config) => {
       break;
     case "MultipleSelect":
       elements = buildMultiSelect(config, componentScope);
-      buildRule(config);
       break;
     case "LeaderBoard":
       elements = buildLeaderBoard(config);
       break;
     default:
-      schema$1 = {
+      schema = {
         type: "object",
         properties: {},
         required: []
@@ -8962,7 +9042,6 @@ const buildUiSchema = (config) => {
       });
     }
   }
-  localStorage.setItem("libSchema", JSON.stringify(schema$1 || {}));
   return elements;
 };
 var pageMaster = (funcParams) => {
@@ -9008,7 +9087,7 @@ var pageMaster = (funcParams) => {
       );
     },
     submitPageHandler: async function() {
-      console.log(schema$1);
+      console.log(schema);
       submitHandler(store2, funcParams.service).then((saveReturn) => {
         localStorage.removeItem("pageFormdata");
         store2.navigate(-1);
@@ -9816,6 +9895,10 @@ async function mergeFormdata(handlerResponse, componentName2, eventConfig, store
         }
       };
     });
+  } else if (eventConfig.type === "LazyLoadingTable") {
+    store2.setFormdata((pre) => {
+      return { ...pre, [`${componentName2}Backend`]: handlerResponse };
+    });
   } else if (eventConfig.type === "page") {
     store2.setFormdata((pre) => {
       return { ...pre, ...handlerResponse == null ? void 0 : handlerResponse.data };
@@ -9831,14 +9914,18 @@ const buildBodyFormat = (body2, formData, userValue2) => {
   const finalBody = { ...userValue2 == null ? void 0 : userValue2.payload };
   body2.map((elem) => {
     var _a, _b;
-    if ((_a = elem == null ? void 0 : elem.value) == null ? void 0 : _a.startsWith("$userValue")) {
-      const finalpath = elem.value.substring(11);
-      finalBody[elem.key] = _.get(userValue2, finalpath);
-    } else if ((_b = elem == null ? void 0 : elem.value) == null ? void 0 : _b.startsWith("$")) {
-      const finalpath = elem.value.substring(1);
-      finalBody[elem.key] = _.get(formData, finalpath);
-    } else {
+    if ((elem == null ? void 0 : elem.value) !== "string") {
       finalBody[elem.key] = elem.value;
+    } else {
+      if ((_a = elem == null ? void 0 : elem.value) == null ? void 0 : _a.startsWith("$userValue")) {
+        const finalpath = elem.value.substring(11);
+        finalBody[elem.key] = _.get(userValue2, finalpath);
+      } else if ((_b = elem == null ? void 0 : elem.value) == null ? void 0 : _b.startsWith("$")) {
+        const finalpath = elem.value.substring(1);
+        finalBody[elem.key] = _.get(formData, finalpath);
+      } else {
+        finalBody[elem.key] = elem.value;
+      }
     }
   });
   return finalBody;
@@ -9977,6 +10064,35 @@ var service = (funcParams) => {
         );
       }
     },
+    onPaginationChange: async (paginationValues) => {
+      var _a;
+      for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onLoad[paginationValues.path]) {
+        const bodyValues = [
+          { key: "size", value: paginationValues.pagination.pageSize },
+          { key: "start", value: paginationValues.pagination.pageIndex * paginationValues.pagination.pageSize },
+          { key: "filters", value: paginationValues.columnFilters || [] },
+          { key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" }
+        ];
+        if (eventConfig.body) {
+          eventConfig.body = [
+            ...eventConfig.body,
+            ...bodyValues
+          ];
+        } else {
+          eventConfig.body = bodyValues;
+        }
+        await executeEvents(
+          eventConfig,
+          paginationValues.path,
+          funcParams.store,
+          funcParams.dynamicData,
+          funcParams.userValue,
+          funcParams.service,
+          void 0,
+          eventGroups
+        );
+      }
+    },
     onChange: async function() {
       if (eventGroups.onChange) {
         const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
@@ -10002,34 +10118,8 @@ var service = (funcParams) => {
     downloadFile
   };
 };
-const schema = {
-  type: "object",
-  properties: {},
-  required: []
-};
-const buildSchema = (config) => {
-  function buildRule2(configObj) {
-    if (configObj.validation) {
-      configObj.validation.forEach((rule) => {
-        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);
-        }
-      });
-    }
-  }
-  buildRule2(config);
-  console.log(schema);
-  window.localStorage.setItem("schemaDemo", JSON.stringify(schema));
-  return schema;
-};
 var clearLocalStorage = () => {
   localStorage.removeItem("pageFormdata");
 };
-export { buildConfig, buildSchema, buildUiSchema, clearLocalStorage as clearPreviousCache, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema$1 as schema };
+export { buildConfig, buildSchema, buildUiSchema, clearLocalStorage as clearPreviousCache, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
 //# sourceMappingURL=impaktapps-ui-builder.es.js.map