impaktapps-ui-builder 1.0.133 → 1.0.135

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

@@ -6277,35 +6277,6 @@ const ComponentSchema = {
         { title: "Center Column", const: "action" }
       ]
     },
-    dateFormat: {
-      oneOf: [
-        {
-          title: "ISO DateTime (UTC) \u2014 YYYY-MM-DDTHH:mm:ss.SSSZ",
-          const: "YYYY-MM-DDTHH:mm:ss.SSSZ"
-        },
-        {
-          title: "ISO DateTime \u2014 YYYY-MM-DDTHH:mm:ssZ",
-          const: "YYYY-MM-DDTHH:mm:ssZ"
-        },
-        {
-          title: "ISO DateTime (No TZ) \u2014 YYYY-MM-DDTHH:mm:ss",
-          const: "YYYY-MM-DDTHH:mm:ss"
-        },
-        { title: "ISO Date \u2014 YYYY-MM-DD", const: "YYYY-MM-DD" },
-        { title: "Date (DD-MM-YYYY) \u2014 DD-MM-YYYY", const: "DD-MM-YYYY" },
-        { title: "Date (MM/DD/YYYY) \u2014 MM/DD/YYYY", const: "MM/DD/YYYY" },
-        {
-          title: "DateTime (DB) \u2014 YYYY-MM-DD HH:mm:ss",
-          const: "YYYY-MM-DD HH:mm:ss"
-        },
-        {
-          title: "DateTime (DB ms) \u2014 YYYY-MM-DD HH:mm:ss.SSS",
-          const: "YYYY-MM-DD HH:mm:ss.SSS"
-        },
-        { title: "Epoch (Milliseconds)", const: "x" },
-        { title: "Epoch (Seconds)", const: "X" }
-      ]
-    },
     variant: {
       oneOf: [
         { title: "Outlined", const: "outlined" },
@@ -6557,10 +6528,7 @@ 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: {
@@ -6584,35 +6552,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: {
@@ -6730,67 +6698,7 @@ const componentBasicUiSchema = (theme) => {
               },
               {
                 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",
+                scope: "#/properties/proc",
                 config: {
                   layout: { xs: 6, sm: 6, md: 0, lg: 3 }
                 },
@@ -7310,76 +7218,6 @@ 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",
@@ -7994,9 +7832,11 @@ const buildPropertiesSection = function(type) {
         getInputField("heading", "Heading"),
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
+        getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
+        getRadioInputField("legendDirection", "Legend Direction", ["Row", "Column"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
@@ -8721,29 +8561,21 @@ function refreshPage(type, store2) {
         }
       }
     };
-    UiSchema.elements[0].elements[0].elements[10] = {
+  }
+  if ((parentObj == null ? void 0 : parentObj.type) === "LeaderBoard") {
+    UiSchema.elements[0].elements[0].elements[4] = {
       type: "Control",
-      scope: "#/properties/dateFormat",
+      scope: "#/properties/columnFormat",
       options: {
         widget: "SelectInputField"
       },
       config: {
         layout: { xs: 6, sm: 6, md: 4, lg: 3 },
         main: {
-          label: "Date Time Format"
+          label: "Column 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 (sessionStorage.getItem("copiedConfig")) {
     this.ElementPathSetter(UiSchema);
@@ -10617,34 +10449,26 @@ var service = (funcParams) => {
         return response == null ? void 0 : response.data;
       }
     },
-    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
-              }));
+    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 }));
+              }
             }
-          })
-        );
-      });
-      Promise.allSettled(promises);
+          }
+        }));
+      }
     },
     callExecuteEvents: async function(paramValue, apiBody, eventType) {
       var _a, _b;
@@ -10696,29 +10520,29 @@ var service = (funcParams) => {
       }
     },
     callHandler: function(eventType, functionParameters) {
-      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
-            }));
+      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
+            });
           }
         });
-      });
-      Promise.allSettled(promises);
+      }
     },
     downloadFile: downloadFile$1,
     downloadFileFromUrl,
@@ -10912,6 +10736,9 @@ const buildHorizontalBarGraph = (config2, componentScope2) => {
   if (config2.legendLabels) {
     horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
   }
+  if (config2.legendDirection) {
+    horizontalBarGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
   if (config2.pieArcColors) {
     horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
   }
@@ -10932,6 +10759,9 @@ const buildHorizontalBarGraph = (config2, componentScope2) => {
   if (config2.leftLabel) {
     horizontalBarGraph.config.main.leftLabel = config2.leftLabel;
   }
+  if (config2.disableLeftLabel) {
+    horizontalBarGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
+  }
   return horizontalBarGraph;
 };
 var SpeedoMeter = {
@@ -11038,6 +10868,9 @@ const buildPieGraph = (config2, componentScope2) => {
   if (config2.legendHide) {
     pieGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
   }
+  if (config2.legendDirection) {
+    pieGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
   pieGraph.scope = componentScope2;
   pieGraph.config.main.header = config2.heading;
   if (config2.legendLabels) {
@@ -11061,6 +10894,9 @@ const buildStackbarGraph = (config2, componentScope2) => {
     barGraph.config.main.legendAvailable = config2.legendHide;
     barGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
   }
+  if (config2.legendDirection) {
+    barGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
   if (config2.bottomAxisAngle) {
     barGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
   }
@@ -11089,6 +10925,9 @@ const buildStackbarGraph = (config2, componentScope2) => {
   if (config2.leftLabel) {
     barGraph.config.main.leftLabel = config2.leftLabel;
   }
+  if (config2.disableLeftLabel) {
+    barGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
+  }
   barGraph.scope = componentScope2;
   return barGraph;
 };
@@ -11630,14 +11469,24 @@ function Card(theme) {
                       style: {
                         color: "black",
                         display: "flex",
-                        fontSize: { xs: "24px", md: "28px" },
+                        fontSize: { xs: "24px", md: "25px" },
                         fontWeight: "bold",
                         background: "inherit",
                         justifyContent: "flex-start",
                         width: "auto",
                         margin: "-8px",
+                        marginTop: "-6px",
                         position: "absolute",
-                        left: "24px"
+                        left: "7px",
+                        whiteSpace: "nowrap",
+                        overflowX: "auto",
+                        overflowY: "hidden",
+                        scrollbarWidth: "none",
+                        msOverflowStyle: "none",
+                        maxWidth: "calc(100% + 20px)",
+                        "&::-webkit-scrollbar": {
+                          display: "none"
+                        }
                       }
                     },
                     options: {
@@ -12033,9 +11882,15 @@ const buildLineGraph = (config2, componentScope2) => {
   if (config2.leftLabel) {
     lineGraph.config.main.leftLabel = config2.leftLabel;
   }
+  if (config2.disableLeftLabel) {
+    lineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
+  }
   if (config2.legendHide) {
     lineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
   }
+  if (config2.legendDirection) {
+    lineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
   if (config2.bottomAxisAngle) {
     lineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
   }
@@ -12750,7 +12605,17 @@ const buildUiSchema = (config2, store2) => {
   }
   if (config2 == null ? void 0 : config2.elements) {
     if ((config2 == null ? void 0 : config2.type) === "LeaderBoard") {
-      return elements;
+      const rowElements = [];
+      config2.elements.filter((cellElem, elemInd) => {
+        const commonProperties = {
+          accessorKey: cellElem.name,
+          type: cellElem.type === "ColumnGroup" ? "ColumnGroup" : cellElem.columnFormat,
+          header: cellElem.label || cellElem.name,
+          columnKey: cellElem.columnKey
+        };
+        rowElements.push({ ...commonProperties });
+      });
+      elements.elements = rowElements;
     } else if (config2.type == "ColumnGroup") {
       const sizeMap = {};
       if (config2.sizeHolder) {
@@ -12767,8 +12632,7 @@ const buildUiSchema = (config2, store2) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey,
-          dateFormat: cellElem.dateFormat
+          columnKey: cellElem.columnKey
         };
         if (cellElem.type) {
           const tableElem = {
@@ -12800,8 +12664,7 @@ const buildUiSchema = (config2, store2) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey,
-          dateFormat: cellElem.dateFormat
+          columnKey: cellElem.columnKey
         };
         if (cellElem.type) {
           if (cellElem.elementType == "action") {