impaktapps-ui-builder 0.0.281 → 0.0.283

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;
 };
@@ -8897,6 +8946,9 @@ const buildUiSchema = (config) => {
     case "Table":
       elements = buildTable(config, componentScope);
       break;
+    case "LazyLoadingTable":
+      elements = buildLazyLoadingTable(config, componentScope);
+      break;
     case "Box":
       elements = buildLabel(config, componentScope);
       break;
@@ -9674,6 +9726,9 @@ const executeEvents = async (config, componentName2, store2, dynamicData2, userV
       eventGroups2,
       parentEventOutput2
     );
+    if (config.returnResponse) {
+      return response2;
+    }
     LoadResponse = response2;
     nextEvent = events;
   } else {
@@ -9734,6 +9789,9 @@ const executetOnLoadEvent = async (config, componentName2, store2, dynamicData2,
       eventGroups2,
       parentEventOutput2
     );
+    if (config.returnResponse) {
+      return { response: response2 };
+    }
     const SuccessEvent = config == null ? void 0 : config.events.filter((e) => e.eventType === "Success");
     const setEvent = SuccessEvent.length > 0 ? SuccessEvent : [{ Handler: "mergeFormdata", eventType: "Success", type: config.type }];
     return { response: response2, events: setEvent };
@@ -9813,6 +9871,9 @@ async function executeApiEventHandler(apiHandlerConfig, componentName2, store2,
     body2,
     headers2 && { headers: headers2 }
   );
+  if (apiHandlerConfig.returnResponse) {
+    return { response: response2 };
+  }
   return { response: response2, events: apiHandlerConfig == null ? void 0 : apiHandlerConfig.events };
 }
 async function executeInBuiltFunctionHandler(refreshHandlerConfig, componentName, store, dynamicData, userValue, service, serviceHolder, parentEventOutput) {
@@ -9858,14 +9919,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;
@@ -10004,6 +10069,37 @@ 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.returnResponse = true;
+          eventConfig.body = [
+            ...eventConfig.body,
+            ...bodyValues
+          ];
+        } else {
+          eventConfig.returnResponse = true;
+          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);