sf-i-events 1.0.909 → 1.0.911

package/src/util.ts

@@ -1,271 +1,272 @@
+import * as XLSX from 'xlsx';
 
 const validateName = (name: string) => {
-    if((name + "").length > 2) {
-      return true;
-    }
-    return false;
+  if ((name + "").length > 2) {
+    return true;
   }
+  return false;
+}
 
-  function createDiagonalPattern1(color: string) {
-    // create a 10x10 px canvas for the pattern's base shape
-    let shape = document.createElement('canvas')
-    shape.width = 10
-    shape.height = 10
-    // get the context for drawing
-    let c = shape.getContext('2d')
-    // draw 1st line of the shape 
-    c!.strokeStyle = color
-    c!.lineWidth = 3
-    c!.beginPath()
-    c!.moveTo(2, 0)
-    c!.lineTo(10, 8)
-    c!.stroke()
-    // draw 2nd line of the shape 
-    c!.beginPath()
-    c!.moveTo(2, 10)
-    c!.lineTo(0, 8)
-    c!.stroke()
-    // create the pattern from the shape
-    return c!.createPattern(shape, 'repeat')
-  }
+function createDiagonalPattern1(color: string) {
+  // create a 10x10 px canvas for the pattern's base shape
+  let shape = document.createElement('canvas')
+  shape.width = 10
+  shape.height = 10
+  // get the context for drawing
+  let c = shape.getContext('2d')
+  // draw 1st line of the shape 
+  c!.strokeStyle = color
+  c!.lineWidth = 3
+  c!.beginPath()
+  c!.moveTo(2, 0)
+  c!.lineTo(10, 8)
+  c!.stroke()
+  // draw 2nd line of the shape 
+  c!.beginPath()
+  c!.moveTo(2, 10)
+  c!.lineTo(0, 8)
+  c!.stroke()
+  // create the pattern from the shape
+  return c!.createPattern(shape, 'repeat')
+}
 
-  // function createDiagonalPattern2(color: string) {
-  //   let shape = document.createElement('canvas')
-  //   shape.width = 10
-  //   shape.height = 10
-  //   // get the context for drawing
-  //   let c = shape.getContext('2d')
-  //   // draw 1st line of the shape 
-  //   c!.beginPath();
-  //   c!.rect(2, 2, 8, 8)
-  //   c!.fillStyle = color;
-  //   c!.fill();
-  //   // create the pattern from the shape
-  //   return c!.createPattern(shape, 'repeat')
-  // }
-
-  function createDiagonalPattern2(color: string) {
-    // create a 10x10 px canvas for the pattern's base shape
-    let shape = document.createElement('canvas')
-    shape.width = 10
-    shape.height = 10
-    // get the context for drawing
-    let c = shape.getContext('2d')
-    // draw 1st line of the shape 
-    c!.beginPath();
-    c!.rect(1, 1, 9, 9)
-    c!.fillStyle = color;
-    c!.fill();
-    c!.lineWidth = 1;
-    c!.strokeStyle = color;
-    c!.stroke();
-    // create the pattern from the shape
-
-    // create tick
-
-    //draw tick
-    c!.beginPath();
-    c!.moveTo(2,2);
-    c!.lineTo(8,8);
-    c!.moveTo(2,8);
-    c!.lineTo(8,2);
-    c!.lineWidth = 2;
-    c!.strokeStyle = '#fff';
-    c!.stroke();
-
-    return c!.createPattern(shape, 'repeat')
-  }
+// function createDiagonalPattern2(color: string) {
+//   let shape = document.createElement('canvas')
+//   shape.width = 10
+//   shape.height = 10
+//   // get the context for drawing
+//   let c = shape.getContext('2d')
+//   // draw 1st line of the shape 
+//   c!.beginPath();
+//   c!.rect(2, 2, 8, 8)
+//   c!.fillStyle = color;
+//   c!.fill();
+//   // create the pattern from the shape
+//   return c!.createPattern(shape, 'repeat')
+// }
+
+function createDiagonalPattern2(color: string) {
+  // create a 10x10 px canvas for the pattern's base shape
+  let shape = document.createElement('canvas')
+  shape.width = 10
+  shape.height = 10
+  // get the context for drawing
+  let c = shape.getContext('2d')
+  // draw 1st line of the shape 
+  c!.beginPath();
+  c!.rect(1, 1, 9, 9)
+  c!.fillStyle = color;
+  c!.fill();
+  c!.lineWidth = 1;
+  c!.strokeStyle = color;
+  c!.stroke();
+  // create the pattern from the shape
+
+  // create tick
+
+  //draw tick
+  c!.beginPath();
+  c!.moveTo(2, 2);
+  c!.lineTo(8, 8);
+  c!.moveTo(2, 8);
+  c!.lineTo(8, 2);
+  c!.lineWidth = 2;
+  c!.strokeStyle = '#fff';
+  c!.stroke();
+
+  return c!.createPattern(shape, 'repeat')
+}
 
-  function createDiagonalPattern3(color: string) {
-    // create a 10x10 px canvas for the pattern's base shape
-    let shape = document.createElement('canvas')
-    shape.width = 10
-    shape.height = 10
-    // get the context for drawing
-    let c = shape.getContext('2d')
-    // draw 1st line of the shape 
-    c!.beginPath();
-    c!.rect(1, 1, 9, 9)
-    c!.fillStyle = color;
-    c!.fill();
-    c!.lineWidth = 1;
-    c!.strokeStyle = color;
-    c!.stroke();
-    // create the pattern from the shape
-
-    // create tick
-
-    //draw tick
-    c!.beginPath();
-    c!.moveTo(2,5);
-    c!.lineTo(4,7);
-    c!.lineTo(8,2);
-    c!.lineWidth = 2;
-    c!.strokeStyle = '#fff';
-    c!.stroke();
-
-    return c!.createPattern(shape, 'repeat')
-  }
+function createDiagonalPattern3(color: string) {
+  // create a 10x10 px canvas for the pattern's base shape
+  let shape = document.createElement('canvas')
+  shape.width = 10
+  shape.height = 10
+  // get the context for drawing
+  let c = shape.getContext('2d')
+  // draw 1st line of the shape 
+  c!.beginPath();
+  c!.rect(1, 1, 9, 9)
+  c!.fillStyle = color;
+  c!.fill();
+  c!.lineWidth = 1;
+  c!.strokeStyle = color;
+  c!.stroke();
+  // create the pattern from the shape
+
+  // create tick
+
+  //draw tick
+  c!.beginPath();
+  c!.moveTo(2, 5);
+  c!.lineTo(4, 7);
+  c!.lineTo(8, 2);
+  c!.lineWidth = 2;
+  c!.strokeStyle = '#fff';
+  c!.stroke();
+
+  return c!.createPattern(shape, 'repeat')
+}
 
-  // function createDiagonalPattern3(color: string) {
-  //   // create a 10x10 px canvas for the pattern's base shape
-  //   let shape = document.createElement('canvas')
-  //   shape.width = 14
-  //   shape.height = 14
-  //   // get the context for drawing
-  //   let c = shape.getContext('2d')
-  //   // draw 1st line of the shape 
-  //   c!.beginPath();
-  //   c!.arc(7, 7, 6, 0, 2 * Math.PI, false);
-  //   c!.fillStyle = color;
-  //   c!.fill();
-  //   c!.lineWidth = 1;
-  //   c!.strokeStyle = color;
-  //   c!.stroke();
-  //   // create the pattern from the shape
-
-  //   // create tick
-
-  //   //draw tick
-  //   c!.beginPath();
-  //   c!.moveTo(4,6);
-  //   c!.lineTo(6,9);
-  //   c!.lineTo(10,4);
-  //   c!.lineWidth = 2;
-  //   c!.strokeStyle = '#fff';
-  //   c!.stroke();
-
-  //   return c!.createPattern(shape, 'repeat')
-  // }
-
-  // function createDiagonalPattern3(color: string) {
-  //   // create a 10x10 px canvas for the pattern's base shape
-  //   let shape = document.createElement('canvas')
-  //   shape.width = 10
-  //   shape.height = 10
-  //   // get the context for drawing
-  //   let c = shape.getContext('2d')
-  //   // draw 1st line of the shape 
-  //   c!.beginPath();
-  //   c!.arc(5, 5, 4, 0, 2 * Math.PI, false);
-  //   c!.fillStyle = color;
-  //   c!.fill();
-  //   c!.lineWidth = 1;
-  //   c!.strokeStyle = color;
-  //   c!.stroke();
-  //   // create the pattern from the shape
-  //   return c!.createPattern(shape, 'repeat')
-  // }
-
-  const timeSince = (date: number) => {
-
-    var seconds = Math.floor((new Date().getTime() - date) / 1000);
-
-    if(seconds > 0) {
-
-      var interval = seconds / 31536000;
-    
-      if (interval > 1) {
-        return Math.floor(interval) + " years ago";
-      }
-      interval = seconds / 2592000;
-      if (interval > 1) {
-        return Math.floor(interval) + " months ago";
-      }
-      interval = seconds / 86400;
-      if (interval > 1) {
-        return Math.floor(interval) + " days ago";
-      }
-      interval = seconds / 3600;
-      if (interval > 1) {
-        return Math.floor(interval) + " hours ago";
-      }
-      interval = seconds / 60;
-      if (interval > 1) {
-        return Math.floor(interval) + " minutes ago";
-      }
-      return Math.floor(seconds) + " seconds ago";
+// function createDiagonalPattern3(color: string) {
+//   // create a 10x10 px canvas for the pattern's base shape
+//   let shape = document.createElement('canvas')
+//   shape.width = 14
+//   shape.height = 14
+//   // get the context for drawing
+//   let c = shape.getContext('2d')
+//   // draw 1st line of the shape 
+//   c!.beginPath();
+//   c!.arc(7, 7, 6, 0, 2 * Math.PI, false);
+//   c!.fillStyle = color;
+//   c!.fill();
+//   c!.lineWidth = 1;
+//   c!.strokeStyle = color;
+//   c!.stroke();
+//   // create the pattern from the shape
+
+//   // create tick
+
+//   //draw tick
+//   c!.beginPath();
+//   c!.moveTo(4,6);
+//   c!.lineTo(6,9);
+//   c!.lineTo(10,4);
+//   c!.lineWidth = 2;
+//   c!.strokeStyle = '#fff';
+//   c!.stroke();
+
+//   return c!.createPattern(shape, 'repeat')
+// }
+
+// function createDiagonalPattern3(color: string) {
+//   // create a 10x10 px canvas for the pattern's base shape
+//   let shape = document.createElement('canvas')
+//   shape.width = 10
+//   shape.height = 10
+//   // get the context for drawing
+//   let c = shape.getContext('2d')
+//   // draw 1st line of the shape 
+//   c!.beginPath();
+//   c!.arc(5, 5, 4, 0, 2 * Math.PI, false);
+//   c!.fillStyle = color;
+//   c!.fill();
+//   c!.lineWidth = 1;
+//   c!.strokeStyle = color;
+//   c!.stroke();
+//   // create the pattern from the shape
+//   return c!.createPattern(shape, 'repeat')
+// }
+
+const timeSince = (date: number) => {
+
+  var seconds = Math.floor((new Date().getTime() - date) / 1000);
+
+  if (seconds > 0) {
+
+    var interval = seconds / 31536000;
+
+    if (interval > 1) {
+      return Math.floor(interval) + " years ago";
+    }
+    interval = seconds / 2592000;
+    if (interval > 1) {
+      return Math.floor(interval) + " months ago";
+    }
+    interval = seconds / 86400;
+    if (interval > 1) {
+      return Math.floor(interval) + " days ago";
+    }
+    interval = seconds / 3600;
+    if (interval > 1) {
+      return Math.floor(interval) + " hours ago";
+    }
+    interval = seconds / 60;
+    if (interval > 1) {
+      return Math.floor(interval) + " minutes ago";
+    }
+    return Math.floor(seconds) + " seconds ago";
 
-    } else {
+  } else {
 
-      var interval = Math.abs(seconds) / 31536000;
+    var interval = Math.abs(seconds) / 31536000;
 
 
-      console.log('timesince', seconds);
-      
-      
-      console.log('interval year', interval);
-      if (interval > 1) {
-        return Math.floor(interval) + " years later";
-      }
-      interval = Math.abs(seconds) / 2592000;
-      console.log('interval months', interval);
-      if (interval > 1) {
-        return Math.floor(interval) + " months later";
-      }
+    console.log('timesince', seconds);
 
-      interval = Math.abs(seconds) / 86400;
-      console.log('interval days', interval);
-      if (interval > 1) {
-        return Math.floor(interval) + " days later";
-      }
-      
-      interval = Math.abs(seconds) / 3600;
-      console.log('interval hours', interval);
-      if (interval > 1) {
-        return Math.floor(interval) + " hours later";
-      }
-      interval = Math.abs(seconds) / 60;
-      if (interval > 1) {
-        return Math.floor(interval) + " minutes later";
-      }
-      return Math.floor(Math.abs(seconds)) + " seconds";
 
+    console.log('interval year', interval);
+    if (interval > 1) {
+      return Math.floor(interval) + " years later";
     }
+    interval = Math.abs(seconds) / 2592000;
+    console.log('interval months', interval);
+    if (interval > 1) {
+      return Math.floor(interval) + " months later";
+    }
+
+    interval = Math.abs(seconds) / 86400;
+    console.log('interval days', interval);
+    if (interval > 1) {
+      return Math.floor(interval) + " days later";
+    }
+
+    interval = Math.abs(seconds) / 3600;
+    console.log('interval hours', interval);
+    if (interval > 1) {
+      return Math.floor(interval) + " hours later";
+    }
+    interval = Math.abs(seconds) / 60;
+    if (interval > 1) {
+      return Math.floor(interval) + " minutes later";
+    }
+    return Math.floor(Math.abs(seconds)) + " seconds";
+
   }
+}
 
 
 function readCookie(key: string) {
-    let name = key + "=";
-    let decodedCookie = decodeURIComponent(document.cookie);
-    let ca = decodedCookie.split(';');
-    for(let i = 0; i <ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) == ' ') {
-        c = c.substring(1);
-        }
-        if (c.indexOf(name) == 0) {
-            return c.substring(name.length, c.length);
-        }
+  let name = key + "=";
+  let decodedCookie = decodeURIComponent(document.cookie);
+  let ca = decodedCookie.split(';');
+  for (let i = 0; i < ca.length; i++) {
+    let c = ca[i];
+    while (c.charAt(0) == ' ') {
+      c = c.substring(1);
+    }
+    if (c.indexOf(name) == 0) {
+      return c.substring(name.length, c.length);
     }
-    return "";
+  }
+  return "";
 }
 
 async function callApi(url: string, data: string, authorization: any) {
 
-    return new Promise((resolve: any) => {
-
-        const jsonData = JSON.stringify(data);
-        var xhr = new XMLHttpRequest();
-        xhr.addEventListener("readystatechange", () => {
-            if(xhr != null) {
-                if(xhr.readyState === 4) {
-                    resolve(xhr);
-                }
-            }
-        });
-        xhr.open("POST", url);
-        xhr.timeout = 1800000;
-        xhr.setRequestHeader("Content-Type", "application/json");
-        xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 
-        if(authorization != null) {
-            xhr.setRequestHeader('Authorization', 'Basic ' + authorization);
+  return new Promise((resolve: any) => {
+
+    const jsonData = JSON.stringify(data);
+    var xhr = new XMLHttpRequest();
+    xhr.addEventListener("readystatechange", () => {
+      if (xhr != null) {
+        if (xhr.readyState === 4) {
+          resolve(xhr);
         }
-        xhr.send(jsonData);
+      }
+    });
+    xhr.open("POST", url);
+    xhr.timeout = 1800000;
+    xhr.setRequestHeader("Content-Type", "application/json");
+    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+    if (authorization != null) {
+      xhr.setRequestHeader('Authorization', 'Basic ' + authorization);
+    }
+    xhr.send(jsonData);
 
-        return xhr;
+    return xhr;
 
-    })
+  })
 
 }
 
@@ -274,21 +275,21 @@ async function callApiPresignedDelete(url: string) {
 
   return new Promise((resolve: any) => {
 
-      var xhr = new XMLHttpRequest();
-      xhr.addEventListener("readystatechange", () => {
-          if(xhr != null) {
-              if(xhr.readyState === 4) {
-                  resolve(xhr);
-              }
-          }
-      });
-      xhr.open("DELETE", url);
-      xhr.timeout = 1800000;
-      xhr.setRequestHeader("Content-Type", "application/json");
-      xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 
-      xhr.send(null);
-
-      return xhr;
+    var xhr = new XMLHttpRequest();
+    xhr.addEventListener("readystatechange", () => {
+      if (xhr != null) {
+        if (xhr.readyState === 4) {
+          resolve(xhr);
+        }
+      }
+    });
+    xhr.open("DELETE", url);
+    xhr.timeout = 1800000;
+    xhr.setRequestHeader("Content-Type", "application/json");
+    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+    xhr.send(null);
+
+    return xhr;
 
   })
 
@@ -298,21 +299,21 @@ async function callApiPresignedGet(url: string) {
 
   return new Promise((resolve: any) => {
 
-      var xhr = new XMLHttpRequest();
-      xhr.addEventListener("readystatechange", () => {
-          if(xhr != null) {
-              if(xhr.readyState === 4) {
-                  resolve(xhr);
-              }
-          }
-      });
-      xhr.open("GET", url);
-      xhr.timeout = 1800000;
-      xhr.setRequestHeader("Content-Type", "application/json");
-      xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 
-      xhr.send(null);
-
-      return xhr;
+    var xhr = new XMLHttpRequest();
+    xhr.addEventListener("readystatechange", () => {
+      if (xhr != null) {
+        if (xhr.readyState === 4) {
+          resolve(xhr);
+        }
+      }
+    });
+    xhr.open("GET", url);
+    xhr.timeout = 1800000;
+    xhr.setRequestHeader("Content-Type", "application/json");
+    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+    xhr.send(null);
+
+    return xhr;
 
   })
 
@@ -322,22 +323,22 @@ async function callApiPresigned(url: string, data: string) {
 
   return new Promise((resolve: any) => {
 
-      const jsonData = JSON.stringify(data);
-      var xhr = new XMLHttpRequest();
-      xhr.addEventListener("readystatechange", () => {
-          if(xhr != null) {
-              if(xhr.readyState === 4) {
-                  resolve(xhr);
-              }
-          }
-      });
-      xhr.open("PUT", url);
-      xhr.timeout = 1800000;
-      xhr.setRequestHeader("Content-Type", "application/json");
-      xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 
-      xhr.send(jsonData);
-
-      return xhr;
+    const jsonData = JSON.stringify(data);
+    var xhr = new XMLHttpRequest();
+    xhr.addEventListener("readystatechange", () => {
+      if (xhr != null) {
+        if (xhr.readyState === 4) {
+          resolve(xhr);
+        }
+      }
+    });
+    xhr.open("PUT", url);
+    xhr.timeout = 1800000;
+    xhr.setRequestHeader("Content-Type", "application/json");
+    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+    xhr.send(jsonData);
+
+    return xhr;
 
   })
 
@@ -366,32 +367,32 @@ function jsonObjectToHtml(json: any) {
 
   var html = '';
 
-  
-  for(var i = 0; i < Object.keys(json).length; i++) {
+
+  for (var i = 0; i < Object.keys(json).length; i++) {
     var key = Object.keys(json)[i];
     html += '<div>';
     html += ('<span style="margin-left: 0px; padding-left: 0px">' + key + ':</span>&nbsp;');
-    html += ('<span class="td-body" part="td-head"><sf-i-elastic-text text="' + json[key].replace(/"/g,'') + '" lineSize="6" minLength="10"></sf-i-elastic-text></span>');
+    html += ('<span class="td-body" part="td-head"><sf-i-elastic-text text="' + json[key].replace(/"/g, '') + '" lineSize="6" minLength="10"></sf-i-elastic-text></span>');
     html += '</div>';
   }
-  
+
 
   return html;
 
 }
 
-function convertToCSV(arr:any[]) {
+function convertToCSV(arr: any[]) {
   const array = [Object.keys(arr[0])].concat(arr)
   let fieldsArr = Object.keys(arr[0]);
   return array.map((it, index) => {
     let strIt = ""
-    for(let [i,objkey] of Object.keys(it).entries()){
-      if(index == 0){
-        strIt += "\"" + it[objkey as any].replace(/"/g,"\"\"") + "\""
-      }else{
-        strIt += "\"" + JSON.stringify(it[fieldsArr[i] as any] ?? "").replace(/"/g,"\"\"") + "\""
+    for (let [i, objkey] of Object.keys(it).entries()) {
+      if (index == 0) {
+        strIt += "\"" + it[objkey as any].replace(/"/g, "\"\"") + "\""
+      } else {
+        strIt += "\"" + JSON.stringify(it[fieldsArr[i] as any] ?? "").replace(/"/g, "\"\"") + "\""
       }
-      if(i < (Object.keys(it).length - 1)){
+      if (i < (Object.keys(it).length - 1)) {
         strIt += ","
       }
     }
@@ -399,10 +400,10 @@ function convertToCSV(arr:any[]) {
   }).join('\n')
 }
 
-function parseCsv(csv:string){
+function parseCsv(csv: string) {
   const re = /(,|\r?\n|\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^,\r\n]*))/gi
-  const result:any = [[]]
-  let matches:any;
+  const result: any = [[]]
+  let matches: any;
   while ((matches = re.exec(csv))) {
     if (matches[1].length && matches[1] !== ',') result.push([])
     result[result.length - 1].push(
@@ -413,55 +414,55 @@ function parseCsv(csv:string){
   let csvResult = arrayToObject(result)
   return csvResult
 }
-function arrayToObject (csvArray:any) {
+function arrayToObject(csvArray: any) {
 
   //Take the first line (headers) from the array and remove it from the array.
-  const headers = csvArray.shift() 
+  const headers = csvArray.shift()
 
   // Iterate through the rows and reduce each column to an object
-  
-  return csvArray.filter((row:any)=>{
+
+  return csvArray.filter((row: any) => {
     console.log('csv object keys lngth', Object.keys(row).length)
     return Object.keys(row).length > 1
-  }).map((row: { [x: string]: any; } ) =>{ 
-    
-      return headers.reduce((acc: any, currentHeader: any, i: string | number) => {
-        // console.log('parsing row', row[i], index);
-        return((currentHeader.indexOf('cols_') >= 0 || currentHeader == '') ? acc : ((row[i] != '' && row[i] != null) ? { ...acc, ...{ [currentHeader]: JSON.parse(row[i] == "TRUE" ? "true" : row[i])}} : acc))
-      }, {})
+  }).map((row: { [x: string]: any; }) => {
+
+    return headers.reduce((acc: any, currentHeader: any, i: string | number) => {
+      // console.log('parsing row', row[i], index);
+      return ((currentHeader.indexOf('cols_') >= 0 || currentHeader == '') ? acc : ((row[i] != '' && row[i] != null) ? { ...acc, ...{ [currentHeader]: JSON.parse(row[i] == "TRUE" ? "true" : row[i]) } } : acc))
+    }, {})
   })
 }
 
 function titleCase(str: string) {
   var splitStr = str.toLowerCase().split(' ');
   for (var i = 0; i < splitStr.length; i++) {
-      // You do not need to check if i is larger than splitStr length, as your for does that for you
-      // Assign it back to the array
-      splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);     
+    // You do not need to check if i is larger than splitStr length, as your for does that for you
+    // Assign it back to the array
+    splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
   }
   // Directly return the joined string
-  return splitStr.join(' '); 
+  return splitStr.join(' ');
 }
 
-function alphabeticalSort(arr:string[]){
-  let arrSorted = arr.sort((a,b) => {
+function alphabeticalSort(arr: string[]) {
+  let arrSorted = arr.sort((a, b) => {
     return a.trim().toLowerCase().localeCompare(b.trim().toLowerCase())
   })
   return arrSorted
 }
 
-function percentageString(val: number, valTotal: number){
-  if(valTotal == 0){
+function percentageString(val: number, valTotal: number) {
+  if (valTotal == 0) {
     return ""
   }
   let num = (100 * val) / valTotal
   return " (" + (Math.round((num + Number.EPSILON) * 100) / 100) + "%)"
 }
 
-function getCurrentFiscal(){
+function getCurrentFiscal() {
   let date = new Date()
-  if(date.getMonth() < 4){
-      return (date.getFullYear() - 1)
+  if (date.getMonth() < 4) {
+    return (date.getFullYear() - 1)
   }
   return date.getFullYear();
 }
@@ -510,16 +511,61 @@ function getProjectUsermap() {
   return projectUsermap;
 }
 
-function setFeatures(features:any){
+function setFeatures(features: any) {
   localStorage.setItem('features', JSON.stringify(features))
 }
-function getFeatures(){
+function getFeatures() {
   let features = JSON.parse(localStorage.getItem('features') ?? '["compliances"]')
   return features
 }
 
+export const downloadExcelFromCSV = (csvString: string, fileName: string = 'report.xlsx', title: string, projectname: string): void => {
+  const coverSheetData = [
+    [title],
+    [],
+    ['Project:', projectname],
+    ['Date:', getDateTimeStrings(new Date().getTime())],
+    ['Classification:', 'Confidential'],
+    ['Confidentiality Notice:', 'This document is intended only for the recipient(s) and may contain confidential information. Unauthorized use or disclosure is prohibited. If you are not the intended recipient, please notify the sender and delete this document.']
+  ];
+
+  // Create cover sheet
+  const coverSheet = XLSX.utils.aoa_to_sheet(coverSheetData);
+
+  // Create CSV data sheet
+  const csvSheet = XLSX.read(csvString, { type: 'string' }).Sheets.Sheet1;
+
+  // Create a workbook and append both sheets
+  const workbook: XLSX.WorkBook = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(workbook, coverSheet, 'Doc');
+  XLSX.utils.book_append_sheet(workbook, csvSheet, title);
+
+  // Write workbook to binary
+  const wbout: string = XLSX.write(workbook, { bookType: 'xlsx', type: 'binary' });
+
+  const s2ab = (s: string): ArrayBuffer => {
+    const buf = new ArrayBuffer(s.length);
+    const view = new Uint8Array(buf);
+    for (let i = 0; i < s.length; i++) {
+      view[i] = s.charCodeAt(i) & 0xff;
+    }
+    return buf;
+  };
+
+  const blob = new Blob([s2ab(wbout)], {
+    type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+  });
+
+  const link = document.createElement('a');
+  link.href = URL.createObjectURL(blob);
+  link.download = fileName;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
+
 const exportFunctions = {
-  callApiPresignedDelete, callApiPresignedGet, callApiPresigned, jsonObjectToHtml, clearListeners, isInteger, callApi, validateName, readCookie, timeSince, createDiagonalPattern1, createDiagonalPattern2, createDiagonalPattern3, getRandomColor, convertToCSV, parseCsv, titleCase, alphabeticalSort, percentageString, getCurrentFiscal, getDateTimeStrings, getUsermap, setFeatures, getFeatures, getProjectUsermap
+  callApiPresignedDelete, callApiPresignedGet, callApiPresigned, jsonObjectToHtml, clearListeners, isInteger, callApi, validateName, readCookie, timeSince, createDiagonalPattern1, createDiagonalPattern2, createDiagonalPattern3, getRandomColor, convertToCSV, parseCsv, titleCase, alphabeticalSort, percentageString, getCurrentFiscal, getDateTimeStrings, getUsermap, setFeatures, getFeatures, getProjectUsermap, downloadExcelFromCSV
 };
 
 export default exportFunctions;