sf-i-events/src/util.ts

Superflows Navigation Component

import * as XLSX from 'xlsx';

const validateName = (name: string) => {
  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 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 = 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 {

    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";
    }

    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);
    }
  }
  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);
    }
    xhr.send(jsonData);

    return xhr;

  })

}


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;

  })

}

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;

  })

}

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;

  })

}

function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

function isInteger(value: string) {
  return /^-?\d+$/.test(value);
}

function clearListeners(old_element: HTMLElement) {
  var new_element = old_element.cloneNode(true);
  old_element.parentNode?.replaceChild(new_element, old_element);
  return new_element;
}

function jsonObjectToHtml(json: any) {

  var html = '';


  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 += '</div>';
  }


  return html;

}

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, "\"\"") + "\""
      }
      if (i < (Object.keys(it).length - 1)) {
        strIt += ","
      }
    }
    return strIt
  }).join('\n')
}

function parseCsv(csv: string) {
  const re = /(,|\r?\n|\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^,\r\n]*))/gi
  const result: any = [[]]
  let matches: any;
  while ((matches = re.exec(csv))) {
    if (matches[1].length && matches[1] !== ',') result.push([])
    result[result.length - 1].push(
      matches[2] !== undefined ? matches[2].replace(/""/g, '"') : matches[3]
    )
  }
  // console.log('csv arr result', result, result.length);
  let csvResult = arrayToObject(result)
  return csvResult
}
function arrayToObject(csvArray: any) {

  //Take the first line (headers) from the array and remove it from the array.
  const headers = csvArray.shift()

  // Iterate through the rows and reduce each column to an object

  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))
    }, {})
  })
}

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);
  }
  // Directly return the joined string
  return splitStr.join(' ');
}

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) {
    return ""
  }
  let num = (100 * val) / valTotal
  return " (" + (Math.round((num + Number.EPSILON) * 100) / 100) + "%)"
}

function getCurrentFiscal() {
  let date = new Date()
  if (date.getMonth() < 4) {
    return (date.getFullYear() - 1)
  }
  return date.getFullYear();
}

function getDateTimeStrings(unixTimestamp: number): string {
  // Convert to milliseconds if the timestamp is in seconds
  if (unixTimestamp.toString().length === 10) {
    unixTimestamp *= 1000;
  }

  const date = new Date(unixTimestamp);

  const options: Intl.DateTimeFormatOptions = {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit',
    hour12: false,
  };

  const estFormatter = new Intl.DateTimeFormat('en-US', {
    ...options,
    timeZone: 'America/New_York',
  });

  const istFormatter = new Intl.DateTimeFormat('en-IN', {
    ...options,
    timeZone: 'Asia/Kolkata',
  });

  const [estDate, estTime] = estFormatter.format(date).split(', ');
  const [istDate, istTime] = istFormatter.format(date).split(', ');
  return `${estDate} ${estTime} EST, ${istDate} ${istTime} IST`;
}

function getUsermap() {
  let userinfo = JSON.parse(localStorage.getItem('userinfo') ?? "{}");
  let userMapHome = JSON.parse(JSON.parse((userinfo.user.usermap.S).replace(/_QUOTES_/g, "\\\"")));
  return userMapHome;
}

function getProjectUsermap() {
  let projectUsermap = JSON.parse((localStorage.getItem('projectusermap') ?? "{}").replace(/_QUOTES_/g, "\\\""));
  return projectUsermap;
}

function setFeatures(features: any) {
  localStorage.setItem('features', JSON.stringify(features))
}
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, downloadExcelFromCSV
};

export default exportFunctions;