impaktapps-ui-builder 1.0.135 → 1.0.137

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

@@ -6277,6 +6277,35 @@ const ComponentSchema = {
         { title: "Center Column", const: "action" }
       ]
     },
+    dateFormat: {
+      oneOf: [
+        {
+          title: "YYYY-MM-DDTHH:mm:ss.SSSZ",
+          const: "YYYY-MM-DDTHH:mm:ss.SSSZ"
+        },
+        {
+          title: "YYYY-MM-DDTHH:mm:ssZ",
+          const: "YYYY-MM-DDTHH:mm:ssZ"
+        },
+        {
+          title: "YYYY-MM-DDTHH:mm:ss",
+          const: "YYYY-MM-DDTHH:mm:ss"
+        },
+        { title: "YYYY-MM-DD", const: "YYYY-MM-DD" },
+        { title: "DD-MM-YYYY", const: "DD-MM-YYYY" },
+        { title: "MM/DD/YYYY", const: "MM/DD/YYYY" },
+        {
+          title: "YYYY-MM-DD HH:mm:ss",
+          const: "YYYY-MM-DD HH:mm:ss"
+        },
+        {
+          title: "YYYY-MM-DD HH:mm:ss.SSS",
+          const: "YYYY-MM-DD HH:mm:ss.SSS"
+        },
+        { title: "Milliseconds", const: "x" },
+        { title: "Seconds", const: "X" }
+      ]
+    },
     variant: {
       oneOf: [
         { title: "Outlined", const: "outlined" },
@@ -6528,7 +6557,10 @@ const ComponentSchema = {
         { title: "Line Graph", const: "LineGraph" },
         { title: "Pie Graph", const: "PieGraph" },
         { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
-        { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
+        {
+          title: "Stack Horizontal Bar Graph",
+          const: "HorizontalStackBarGraph"
+        }
       ]
     },
     iconName: {
@@ -6552,35 +6584,35 @@ const ComponentSchema = {
         { title: "Download Icon", const: "DownloadIcon" },
         { title: "Download All Icon", const: "DownloadAllIcon" },
         { title: "Exception Icon", const: "ExceptionIcon" },
-        { "title": "Alarm Icon", "const": "AlarmIcon" },
-        { "title": "Click Icon", "const": "ClickIcon" },
-        { "title": "Content Copy Icon", "const": "ContentCopyIcon" },
-        { "title": "File Copy Icon", "const": "FileCopyIcon" },
-        { "title": "Pause Icon", "const": "PauseIcon" },
-        { "title": "Play Icon", "const": "PlayIcon" },
-        { "title": "Close Icon", "const": "CloseIcon" },
-        { "title": "Replay Icon", "const": "ReplayIcon" },
-        { "title": "Delete Icon", "const": "DeleteIcon" },
-        { "title": "Drafts Icon", "const": "DraftsIcon" },
-        { "title": "Perm Phone Msg Icon", "const": "PermPhoneMsgIcon" },
-        { "title": "Paste Icon", "const": "PasteIcon" },
-        { "title": "Prev Icon", "const": "PrevIcon" },
-        { "title": "Verified Icon", "const": "VerifiedIcon" },
-        { "title": "Table Add Icon", "const": "TableAddIcon" },
-        { "title": "Table Download Icon", "const": "TableDownloadIcon" },
-        { "title": "Audit Trail Icon", "const": "AuditTrailIcon" },
-        { "title": "View Component", "const": "View" },
-        { "title": "Table Edit Icon", "const": "TableEditIcon" },
-        { "title": "Maximize Icon", "const": "Maximize" },
-        { "title": "Minimize Icon", "const": "Minimize" },
-        { "title": "Subtract Icon", "const": "Subtract" },
-        { "title": "Bin Icon", "const": "Bin" },
-        { "title": "Export Icon", "const": "Export" },
-        { "title": "Table Paste Icon", "const": "TablePaste" },
-        { "title": "Clone Icon", "const": "CloneIcon" },
-        { "title": "Detail Icon", "const": "DetailIcon" },
-        { "title": "Report View Icon", "const": "ReportViewIcon" },
-        { "title": "Payout", "const": "Payout" }
+        { title: "Alarm Icon", const: "AlarmIcon" },
+        { title: "Click Icon", const: "ClickIcon" },
+        { title: "Content Copy Icon", const: "ContentCopyIcon" },
+        { title: "File Copy Icon", const: "FileCopyIcon" },
+        { title: "Pause Icon", const: "PauseIcon" },
+        { title: "Play Icon", const: "PlayIcon" },
+        { title: "Close Icon", const: "CloseIcon" },
+        { title: "Replay Icon", const: "ReplayIcon" },
+        { title: "Delete Icon", const: "DeleteIcon" },
+        { title: "Drafts Icon", const: "DraftsIcon" },
+        { title: "Perm Phone Msg Icon", const: "PermPhoneMsgIcon" },
+        { title: "Paste Icon", const: "PasteIcon" },
+        { title: "Prev Icon", const: "PrevIcon" },
+        { title: "Verified Icon", const: "VerifiedIcon" },
+        { title: "Table Add Icon", const: "TableAddIcon" },
+        { title: "Table Download Icon", const: "TableDownloadIcon" },
+        { title: "Audit Trail Icon", const: "AuditTrailIcon" },
+        { title: "View Component", const: "View" },
+        { title: "Table Edit Icon", const: "TableEditIcon" },
+        { title: "Maximize Icon", const: "Maximize" },
+        { title: "Minimize Icon", const: "Minimize" },
+        { title: "Subtract Icon", const: "Subtract" },
+        { title: "Bin Icon", const: "Bin" },
+        { title: "Export Icon", const: "Export" },
+        { title: "Table Paste Icon", const: "TablePaste" },
+        { title: "Clone Icon", const: "CloneIcon" },
+        { title: "Detail Icon", const: "DetailIcon" },
+        { title: "Report View Icon", const: "ReportViewIcon" },
+        { title: "Payout", const: "Payout" }
       ]
     },
     color: {
@@ -6698,7 +6730,67 @@ const componentBasicUiSchema = (theme) => {
               },
               {
                 type: "Control",
-                scope: "#/properties/proc",
+                scope: "#/properties/proc5",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc6",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc7",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc8",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc9",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc10",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc11",
                 config: {
                   layout: { xs: 6, sm: 6, md: 0, lg: 3 }
                 },
@@ -7218,6 +7310,76 @@ const CoreSection = {
         }
       }
     },
+    {
+      type: "Control",
+      scope: "#/properties/proc5",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc6",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc7",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc8",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc9",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc10",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc11",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -8310,7 +8472,7 @@ const createLayoutFormat = (layout, type) => {
   }
   let data = {};
   layout.map((e) => {
-    data[e.key || "xs"] = +e.value || 5.5;
+    data[e.key || "xs"] = +e.value || 0;
   });
   return data;
 };
@@ -8561,6 +8723,29 @@ function refreshPage(type, store2) {
         }
       }
     };
+    UiSchema.elements[0].elements[0].elements[10] = {
+      type: "Control",
+      scope: "#/properties/dateFormat",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Date Time Format"
+        }
+      }
+    };
+    UiSchema.elements[0].elements[0].elements[11] = {
+      type: "Control",
+      scope: "#/properties/emptyBox",
+      options: {
+        widget: "EmptyBox"
+      },
+      config: {
+        layout: { xs: 0, sm: 0, md: 0, lg: 6 }
+      }
+    };
   }
   if ((parentObj == null ? void 0 : parentObj.type) === "LeaderBoard") {
     UiSchema.elements[0].elements[0].elements[4] = {
@@ -10449,26 +10634,34 @@ var service = (funcParams) => {
         return response == null ? void 0 : response.data;
       }
     },
-    onChange: async function() {
-      if (eventGroups.onChange) {
-        const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
-        Promise.all(ChangeEventsKeysArray.map(async (componentName) => {
-          var _a, _b;
-          if (((_a = funcParams.store) == null ? void 0 : _a.formData[componentName]) !== funcParams.store.newData[componentName] && ((_b = funcParams.store) == null ? void 0 : _b.newData[componentName]) !== void 0) {
-            for (const eventConfig of eventGroups.onChange[componentName]) {
-              await executeEvents({
-                ...executeEventsParameters,
-                config: eventConfig,
-                componentName,
-                formDataHolder
-              });
-              if (eventConfig.Handler === "refresh") {
-                funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
-              }
+    onChange: function() {
+      if (!eventGroups.onChange)
+        return;
+      const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
+      const promises = ChangeEventsKeysArray.flatMap((componentName) => {
+        var _a, _b;
+        if (((_a = funcParams.store) == null ? void 0 : _a.formData[componentName]) === funcParams.store.newData[componentName] || ((_b = funcParams.store) == null ? void 0 : _b.newData[componentName]) === void 0) {
+          return [];
+        }
+        return eventGroups.onChange[componentName].map(
+          (eventConfig) => Promise.resolve(
+            executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName,
+              formDataHolder
+            })
+          ).then(() => {
+            if (!lodash.exports.isEmpty(formDataHolder)) {
+              funcParams.store.setFormdata((pre) => ({
+                ...pre,
+                ...formDataHolder
+              }));
             }
-          }
-        }));
-      }
+          })
+        );
+      });
+      Promise.allSettled(promises);
     },
     callExecuteEvents: async function(paramValue, apiBody, eventType) {
       var _a, _b;
@@ -10520,29 +10713,29 @@ var service = (funcParams) => {
       }
     },
     callHandler: function(eventType, functionParameters) {
-      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((eventConfig) => {
-          executeEventsParameters.store.functionParameters = functionParameters;
-          if (eventConfig.Handler === "refresh") {
-            executeEvents({
-              ...executeEventsParameters,
-              config: eventConfig,
-              componentName: path,
-              formDataHolder
-            }).then((res) => {
-              funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
-            });
-          } else {
-            executeEvents({
-              ...executeEventsParameters,
-              config: eventConfig,
-              componentName: path
-            });
+      var _a, _b;
+      const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".").pop();
+      if (!((_b = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _b[path]))
+        return;
+      const promises = eventGroups[eventType][path].map((eventConfig) => {
+        executeEventsParameters.store.functionParameters = functionParameters;
+        return Promise.resolve(
+          executeEvents({
+            ...executeEventsParameters,
+            config: eventConfig,
+            componentName: path,
+            formDataHolder
+          })
+        ).then(() => {
+          if (!lodash.exports.isEmpty(formDataHolder)) {
+            funcParams.store.setFormdata((pre) => ({
+              ...pre,
+              ...formDataHolder
+            }));
           }
         });
-      }
+      });
+      Promise.allSettled(promises);
     },
     downloadFile: downloadFile$1,
     downloadFileFromUrl,
@@ -12632,7 +12825,8 @@ const buildUiSchema = (config2, store2) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey
+          columnKey: cellElem.columnKey,
+          dateFormat: cellElem.dateFormat
         };
         if (cellElem.type) {
           const tableElem = {
@@ -12664,7 +12858,8 @@ const buildUiSchema = (config2, store2) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey
+          columnKey: cellElem.columnKey,
+          dateFormat: cellElem.dateFormat
         };
         if (cellElem.type) {
           if (cellElem.elementType == "action") {