impaktapps-ui-builder 0.0.286 → 0.0.288

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

@@ -6379,34 +6379,34 @@ const CoreSection = {
           label: "Type",
           type: "text",
           options: [
-            { title: "Select", const: "Select" },
-            { 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" },
-            { title: "Text", const: "Text" },
-            { title: "Text Area", const: "TextArea" },
-            { title: "Button", const: "Button" },
-            { title: "Card", const: "card" },
-            { title: "Radio", const: "Radio" },
-            { title: "Rank", const: "Rank" },
-            { title: "SpeedoMeter", const: "SpeedoMeter" },
-            { title: "ProgressBar", const: "ProgressBar" },
-            { title: "Graph", const: "Graph" },
-            { title: "Label", const: "Box" },
-            { title: "Upload File", const: "UploadFile" },
-            { title: "Download File", const: "DownloadFile" },
-            { title: "Empty Box", const: "EmptyBox" },
-            { title: "ProgressBar Card", const: "ProgressBarCard" },
-            { title: "Rank Card", const: "RankCard" },
-            { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
-            { title: "Slider", const: "Slider" },
-            { title: "Timer", const: "Timer" },
-            { title: "MultipleSelect", const: "MultipleSelect" },
-            { title: "LeaderBoard", const: "LeaderBoard" }
+            { label: "Select", value: "Select" },
+            { label: "Date", value: "Date" },
+            { label: "CheckBox", value: "CheckBox" },
+            { label: "Table", value: "Table" },
+            { label: "Lazy Loading Table", value: "LazyLoadingTable" },
+            { label: "Array", value: "Array" },
+            { label: "Container", value: "WrapperSection" },
+            { label: "Tabs", value: "TabSection" },
+            { label: "Text", value: "Text" },
+            { label: "Text Area", value: "TextArea" },
+            { label: "Button", value: "Button" },
+            { label: "Card", value: "card" },
+            { label: "Radio", value: "Radio" },
+            { label: "Rank", value: "Rank" },
+            { label: "SpeedoMeter", value: "SpeedoMeter" },
+            { label: "ProgressBar", value: "ProgressBar" },
+            { label: "Graph", value: "Graph" },
+            { label: "Label", value: "Box" },
+            { label: "Upload File", value: "UploadFile" },
+            { label: "Download File", value: "DownloadFile" },
+            { label: "Empty Box", value: "EmptyBox" },
+            { label: "ProgressBar Card", value: "ProgressBarCard" },
+            { label: "Rank Card", value: "RankCard" },
+            { label: "Runner Boy Progress Bar", value: "RunnerBoyProgressBar" },
+            { label: "Slider", value: "Slider" },
+            { label: "Timer", value: "Timer" },
+            { label: "MultipleSelect", value: "MultipleSelect" },
+            { label: "LeaderBoard", value: "LeaderBoard" }
           ]
         }
       }
@@ -6482,10 +6482,10 @@ const CoreSection = {
                 main: {
                   label: "Screen Size",
                   options: [
-                    { title: "Extra Small", const: "xs" },
-                    { title: "Small", const: "sm" },
-                    { title: "Medium", const: "md" },
-                    { title: "Large", const: "lg" }
+                    { label: "Extra Small", value: "xs" },
+                    { label: "Small", value: "sm" },
+                    { label: "Medium", value: "md" },
+                    { label: "Large", value: "lg" }
                   ]
                 }
               }
@@ -6506,10 +6506,10 @@ const CoreSection = {
                 main: {
                   label: "Value",
                   options: [
-                    { title: "3", const: "3" },
-                    { title: "5.5", const: "5.5" },
-                    { title: "8", const: "8" },
-                    { title: "12", const: "12" }
+                    { label: "3", value: "3" },
+                    { label: "5.5", value: "5.5" },
+                    { label: "8", value: "8" },
+                    { label: "12", value: "12" }
                   ]
                 }
               }
@@ -7132,10 +7132,10 @@ const ValidationSection = {
                 main: {
                   label: "Validation Type",
                   options: [
-                    { const: "required", title: "Required" },
-                    { const: "minLength", title: "Minimum Length" },
-                    { const: "maxLength", title: "Maximum Length" },
-                    { const: "pattern", title: "Pattern" }
+                    { value: "required", label: "Required" },
+                    { value: "minLength", label: "Minimum Length" },
+                    { value: "maxLength", label: "Maximum Length" },
+                    { value: "pattern", label: "Pattern" }
                   ]
                 }
               }
@@ -9491,10 +9491,10 @@ const APISection = {
           label: "Method",
           type: "text",
           options: [
-            { title: "Get", const: "get" },
-            { title: "Post", const: "post" },
-            { title: "Delete", const: "delete" },
-            { title: "Put", const: "put" }
+            { label: "Get", value: "get" },
+            { label: "Post", value: "post" },
+            { label: "Delete", value: "delete" },
+            { label: "Put", value: "put" }
           ]
         }
       }
@@ -9739,16 +9739,16 @@ const downloadFile = (obj) => {
 const executeEvents = async (params2) => {
   var _a, _b, _c;
   let nextEvent = [];
-  let LoadResponse = null;
+  let finalResponse = null;
   try {
     if (!shouldEventExecute(params2)) {
       return { response: void 0, events: void 0 };
     }
     const response2 = await executeEventsHandler(params2);
-    LoadResponse = response2;
+    finalResponse = response2;
     const SuccessEvent = (_a = params2.config) == null ? void 0 : _a.events.filter((e) => e.eventType === "Success");
     if (params2.config.returnNeeded) {
-      return LoadResponse;
+      return finalResponse;
     }
     nextEvent = SuccessEvent;
   } catch (err) {
@@ -9758,10 +9758,10 @@ const executeEvents = async (params2) => {
   }
   if ((nextEvent == null ? void 0 : nextEvent.length) > 0) {
     for (const actionConfig of nextEvent) {
-      await executeEvents({ ...params2, config: actionConfig, parentEventOutput: LoadResponse });
+      await executeEvents({ ...params2, config: actionConfig, parentEventOutput: finalResponse });
     }
   }
-  return LoadResponse;
+  return finalResponse;
 };
 async function executeEventsHandler(params2) {
   if (params2.config.Handler === "api") {
@@ -9785,7 +9785,7 @@ async function executeRefreshHandler(params2) {
   const compToRefresh = getRefreshElements(params2.config, params2.eventGroups);
   for (const componentName of compToRefresh) {
     for (const compEventConfig of params2.eventGroups.onLoad[componentName]) {
-      await executeEvents({ ...params2, config: compEventConfig });
+      await executeEvents({ ...params2, config: compEventConfig, componentName });
     }
   }
 }
@@ -9820,12 +9820,14 @@ async function executeCustomHandler(params) {
 async function mergeFormdata(handlerResponse, componentName, eventConfig, store2) {
   if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse) && handlerResponse)) {
     store2.setSchema((pre) => {
+      var _a;
       return {
         ...pre,
         properties: {
           ...pre.properties,
           [componentName]: {
-            enum: handlerResponse.data
+            ...(_a = pre.properties) == null ? void 0 : _a[componentName],
+            oneOf: handlerResponse.data
           }
         }
       };
@@ -9876,7 +9878,7 @@ async function shouldEventExecute(params2) {
   var _a, _b;
   const startEvent = (_b = (_a = params2.config) == null ? void 0 : _a.events) == null ? void 0 : _b.filter((e) => e.eventType === "onStart");
   if ((startEvent == null ? void 0 : startEvent.length) > 0) {
-    const { response: response2 } = await executeEventsHandler(params2);
+    const response2 = await executeEventsHandler({ ...params2, config: startEvent[0] });
     return response2;
   }
 }
@@ -9977,11 +9979,7 @@ var service = (funcParams) => {
         serviceHolder: this,
         eventGroups
       };
-      await executeEvents({
-        ...executeEventsParameters,
-        config: { Handler: "refresh", eventType: "onPageRefresh" },
-        componentName: "all"
-      });
+      await executeRefreshHandler(executeEventsParameters);
       funcParams.store.setSchema(
         (pre) => {
           return {
@@ -10004,34 +10002,24 @@ var service = (funcParams) => {
         });
       }
     },
-    onPaginationChange: async (paginationValues) => {
-      var _a, _b;
-      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: "sorting", value: paginationValues.sorting || [] },
-          { key: "filters", value: paginationValues.columnFilters || [] },
-          { key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" }
+    onPaginationChange: async function(paginationValues) {
+      var _a;
+      const apiBody = [
+        { key: "size", value: paginationValues.pagination.pageSize },
+        { key: "start", value: paginationValues.pagination.pageIndex * paginationValues.pagination.pageSize },
+        { key: "sorting", value: paginationValues.sorting || [] },
+        { key: "filters", value: paginationValues.columnFilters || [] },
+        { key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" }
+      ];
+      return await this.updateConfigApiBody(paginationValues, apiBody);
+    },
+    getSelectOptions: async function(param) {
+      if (param.serachValue !== "" && param.serachValue !== void 0) {
+        const apiBody = [
+          { key: "serachValue", value: param.serachValue },
+          { key: "currentValue", value: param.currentValue }
         ];
-        if (eventConfig.body) {
-          eventConfig.body = [
-            ...eventConfig.body,
-            ...bodyValues
-          ];
-        } else {
-          eventConfig.body = bodyValues;
-        }
-        const responseEvent = (_b = eventConfig == null ? void 0 : eventConfig.events) == null ? void 0 : _b.filter((elem) => {
-          return elem.Handler !== "mergeFormdata";
-        });
-        eventConfig.events = responseEvent != null ? responseEvent : [];
-        const data2 = await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: paginationValues.path
-        });
-        return data2;
+        return await this.updateConfigApiBody(param, apiBody);
       }
     },
     onChange: async function() {
@@ -10051,6 +10039,30 @@ var service = (funcParams) => {
         }));
       }
     },
+    updateConfigApiBody: async function(paramValue, apiBody) {
+      var _a;
+      let LastCallResponse = void 0;
+      for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onLoad[paramValue.path]) {
+        if (eventConfig.body) {
+          eventConfig.body = [
+            ...eventConfig.body,
+            ...apiBody
+          ];
+        } else {
+          eventConfig.body = apiBody;
+        }
+        const responseEvent = (_a = eventConfig == null ? void 0 : eventConfig.events) == null ? void 0 : _a.filter((elem) => {
+          return elem.Handler !== "mergeFormdata";
+        });
+        eventConfig.events = responseEvent != null ? responseEvent : [];
+        LastCallResponse = await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: paramValue.path
+        });
+      }
+      return LastCallResponse;
+    },
     downloadFile
   };
 };