@annalib/anna-core 7.2.2 → 7.2.4

package/src/lib/anna-core-shared-lib/services/anna-filter.service.ts

@@ -0,0 +1,563 @@
+// Angular import statements
+import { Options } from '@angular-slider/ngx-slider';
+import { Injectable } from "@angular/core";
+
+// Third party import statements
+import { min, max, map, sortBy, uniq, cloneDeep, isEqual } from "lodash-es";
+import dayjs from "dayjs";
+import minMax from "dayjs/plugin/minMax";
+import isBetween from "dayjs/plugin/isBetween";
+import { SortType, SortTypeEnum } from '../models/anna-sort.model';
+
+// User defined import statements 
+import { AnnaDateTimeFormatService, NgbDateType } from './anna-date-time-format.service';
+import { AnnaSortService } from './anna-sort.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AnnaFilterService {
+
+  tooltipMap = new Map();
+  tooltipSelectedMap = new Map();
+  initialValueMap: Map<string, any>;
+  translateFunc: string;
+  selectedRadio: string;
+  subRadioButton: string;
+
+  calendarSet: Set<string>;
+  sliderSet: Set<string>;
+  timeSet: Set<string>;
+
+  includeMultiTime: boolean;
+  includeZeroTime: boolean;
+  includeTimeRange: boolean;
+
+  appliedFiltersArray: string[] = [];
+  flightDateRange: { minSelectedDate: any, maxSelectedDate: any };
+  sliderData: { min: any, max: any };
+  ngxSliderObj: Options;
+  sliderCurrencySet = new Set([
+    'booked',
+    'cpp',
+    'cpm',
+    'rcvPreempt',
+    'osPreempt',
+    'postedAdu',
+    'scheduledAdu',
+    'audienceDeficit',
+    'Rate',
+    'userADUs',
+    'buyerChanges',
+    'userChanges',
+    'userMG',
+  ]);
+
+  public static bufferSize = 20;
+  isFilterSortActive: any = null;
+  resetFilterSortActiveStatus: boolean = true;
+
+  constructor(private dateTimeFormatService: AnnaDateTimeFormatService, private annaSortService: AnnaSortService) {
+    dayjs.extend(minMax);
+    dayjs.extend(isBetween);
+    console.log("AnnaFilterService service created.")
+    const sliderArr = [
+      "rcvPreempt",
+      "osPreempt",
+      "rcvUnderDly",
+      "postedAudPercent",
+      "booked",
+      "spots",
+      "grp",
+      "cpp",
+      "imps",
+      "cpm",
+      "osUnderDly",
+      "totalWeeks",
+      "WeekNumber",
+      "Rate",
+      "OrderedRatingsOrImpressions",
+      "PostedRatingsOrImpressions", ,
+      "postedAudPercent",
+      "postedAdu",
+      "scheduledAdu",
+      "audienceDeficit",
+      "offeredMGs",
+      "outstandingPE",
+      "offeredADUs",
+      "udDeficitValue",
+      "bookedValue",
+      "bookedSpots",
+      "userChanges",
+      "UDGrp",
+      "UDImps",
+      "ODGrp",
+      "ODImps",
+      "udImpsPercent",
+      "udGrpPercent",
+      "odImpsPercent",
+      "odGrpPercent",
+      "userADUs",
+      "buyerChanges",
+      "userChanges",
+      "userMG",
+      "WeeklyAUR",
+      "WeeklyAURatingOrImpressions"
+    ];
+    const calendarArr = ["period", "AirDate", "flightStartDate", "flightEndDate","date", "startDate", "endDate", "revisionStartDate"];
+    const timeArr = ["StartTimeForFilter", "EndTimeForFilter", "time",
+      "start_time_for_filter", "end_time_for_filter", "startEndTimeMulti", "startEndTime"];
+    this.sliderSet = new Set(sliderArr);
+    this.calendarSet = new Set(calendarArr);
+    this.timeSet = new Set(timeArr);
+  }
+
+  returnMaxAndMinValue(data: any[], key: string, isMin: boolean) {
+    data = data.filter((obj) => !["", "-", null].includes(obj[key]));
+    const values = data.map((x) => x[key]);
+    let valueToReturn = isMin ? min(values) : max(values);
+    return valueToReturn;
+  }
+
+  returnMinAndMaxDate(data: any[], key: string) {
+    data = data.filter((obj) => !["", "-", null].includes(obj[key]));
+    let DateArr = data.map((obj) => dayjs(obj[key]));
+    let minDate = dayjs.min(DateArr);
+    let maxDate = dayjs.max(DateArr);
+
+
+    return [minDate, maxDate];
+  }
+
+  isTooltipActive(header: string[], sortMap: Map<string, SortType>): boolean {
+    let set: Set<string> = new Set(this.appliedFiltersArray);
+    let isSortMapForHeader0Active = sortMap.has(header[0]) && (sortMap.get(header[0]) != SortTypeEnum.DEFAULT);
+    let isSortMapForHeader1Active = sortMap.has(header[1]) && (sortMap.get(header[1]) != SortTypeEnum.DEFAULT);
+
+    if(header.length == 1){
+      return ( (sortMap.size > 0 && isSortMapForHeader0Active) || set.has(header[0]));
+    }
+
+    return ( (sortMap.size > 0 &&  sortMap.has(header[0]) && isSortMapForHeader0Active) || (sortMap.size > 0 &&  sortMap.has(header[1]) && isSortMapForHeader1Active) || set.has(header[0]) || set.has(header[1])); 
+
+  }
+
+  clearColumnFilter() {
+    if(this.tooltipSelectedMap.has(this.selectedRadio)){
+      this.tooltipSelectedMap.delete(this.selectedRadio);
+      let appliedFilterSet: Set<string> = new Set(this.appliedFiltersArray);
+      appliedFilterSet.delete(this.selectedRadio);
+      this.appliedFiltersArray = [...appliedFilterSet];  
+    }
+
+    if(this.annaSortService.columnSortState.has(this.selectedRadio)){
+      this.annaSortService.columnSortState.delete(this.selectedRadio);
+    }
+
+  }
+
+  setOptionValues(minValue: number, maxValue: number) {
+    return {
+      floor: minValue,
+      ceil: maxValue,
+      disabled: true,
+      translate: this.normalTranslateFunction
+    };
+  }
+
+  percentTranslateFunction = (data: number): string => {
+    
+    if (Math.abs(data) >= 1000) {
+      let isNegVal = data < 0;
+      const val = (Math.abs(data) / 1000).toFixed(1) + "k%";
+      return isNegVal ? "-" + val : val;
+
+    } else {
+      let isNegVal = data < 0;
+      let isWholeNum = parseInt(data.toString()) == data;
+      let val = isWholeNum ? Math.abs(data).toString() : Math.abs(data).toFixed(1); 
+      return isNegVal ? "-" + val + "%" : val + "%";
+    }
+
+  };
+
+  currencyTranslateFunction = (data: number): string => {
+    if (Math.abs(data) >= 1000) {
+      let isNegVal = data < 0;
+      const val = "$" + (Math.abs(data) / 1000).toFixed(1) + "k";
+      return isNegVal ? "-" + val : val;
+
+    } else {
+      let isNegVal = data < 0;
+      let isWholeNum = parseInt(data.toString()) == data;
+      let val = isWholeNum ? Math.abs(data).toString() : Math.abs(data).toFixed(1); 
+      return isNegVal ? "-$" + val : "$" + val;
+    }
+  };
+
+  normalTranslateFunction = (data: number): string => {
+    if (data >= 1000) {
+      const val = (data / 1000).toFixed(1) + "k";
+      return val;
+    } else if (data != Math.floor(data)) {
+      return data.toFixed(1).toString();
+    }
+    return data.toString();
+  };
+
+  findUniqueDatesWithData(data: any[]) {
+    let uniqueDates = uniq(data.map((u) => u["date"]));
+    let uniqueDatesInNgbDateFormat: NgbDateType[] = [];
+    uniqueDates.forEach((date: any) => {
+      uniqueDatesInNgbDateFormat.push(
+        this.dateTimeFormatService.convertToNgbDateStandardFormat(dayjs(date, "MM/DD/YY").format("MM/DD/YYYY"))
+      );
+    });
+    return uniqueDatesInNgbDateFormat;
+  }
+
+  reOrderAppliedFiltersArray(isHierarchialUserFiltered: boolean, date?: any) {
+    let isFiltered = true;
+    isFiltered = this.checkIfDataIsFiltered(isFiltered, isHierarchialUserFiltered, date);
+    this.removeOrChangeLatestFilterIndex(isFiltered);
+  }
+
+  checkIfDataIsFiltered(isFiltered: boolean, isHierarchialUserFiltered: boolean, date?: any) {
+    if (this.selectedRadio == "user" && !this.tooltipMap.has("user")) {
+      isFiltered = cloneDeep(isHierarchialUserFiltered);
+    } else if (this.selectedRadio == "StartTimeForFilter" || this.selectedRadio == "EndTimeForFilter" || this.selectedRadio == "time"
+      || this.selectedRadio == "start_time_for_filter" || this.selectedRadio == "end_time_for_filter" || this.selectedRadio == "startEndTimeMulti") {
+      isFiltered = !isEqual(
+        this.initialValueMap.get(this.selectedRadio),
+        this.tooltipSelectedMap.get(this.selectedRadio)
+      ) || !this.includeZeroTime || !this.includeMultiTime;
+    }
+    else if (this.selectedRadio == "startEndTime" || this.selectedRadio == "TimeBand") {
+      isFiltered = !isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) || !this.includeZeroTime || !this.includeMultiTime;
+    }
+    else if (this.sliderSet.has(this.selectedRadio)) {
+      isFiltered = !isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) && !isEqual(this.tooltipSelectedMap.get(this.selectedRadio), this.sliderData);
+      if (this.selectedRadio == "postedAdu" && this.subRadioButton == "notRequired") {
+        isFiltered = true;
+      }
+      if (!isFiltered && this.tooltipSelectedMap.has(this.selectedRadio)) {
+        this.tooltipSelectedMap.delete(this.selectedRadio);
+      }
+    } else if (
+      this.selectedRadio == "startDate" ||
+      this.selectedRadio == "endDate" ||
+      this.selectedRadio == "period" ||
+      this.selectedRadio == "AirDate" ||
+      this.selectedRadio === "flightStartDate" ||
+      this.selectedRadio === "flightEndDate" ||
+      this.selectedRadio == "date" ||
+      this.selectedRadio == "revisionStartDate"
+    ) {
+      isFiltered =
+        !isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) &&
+        !isEqual(this.tooltipSelectedMap.get(this.selectedRadio), this.flightDateRange);
+      if (!isFiltered && this.tooltipSelectedMap.has(this.selectedRadio)) {
+        this.tooltipSelectedMap.delete(this.selectedRadio);
+      }
+    } else {
+      let totalOptionsCount = this.tooltipMap.get(this.selectedRadio).filter((x: any) => !x.isHidden).length;
+      let selectedOptionsCount = this.tooltipMap.get(this.selectedRadio).filter((x: any) => !x.isHidden && x.isSelected).length;
+      isFiltered = selectedOptionsCount > 0 && selectedOptionsCount != totalOptionsCount ? true : false;
+    }
+    return isFiltered;
+  }
+
+  removeOrChangeLatestFilterIndex(isFiltered: boolean) {
+    let set = new Set(this.appliedFiltersArray);
+
+    if (isFiltered && !set.has(this.selectedRadio)) {
+      set.add(this.selectedRadio);
+    } else if (isFiltered && set.has(this.selectedRadio)) {
+      set.delete(this.selectedRadio);
+      set.add(this.selectedRadio);
+    } else {
+      set.delete(this.selectedRadio);
+    }
+    this.appliedFiltersArray = [...set];
+  }
+
+  filterData(originalData: any[], keyToSkip: string) {
+    let filteredData = [...originalData];
+
+    this.tooltipSelectedMap.forEach((value, key) => {
+      if (key != keyToSkip) {
+        if (this.sliderSet.has(key)) {
+          filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
+        }
+        else if (key === "startDate" || key === "endDate" || key === "AirDate" || key === "flightStartDate" || key === "flightEndDate" || key == "date" || key == "revisionStartDate") {
+          filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
+        } else if (key === "period" ) {
+          filteredData = filteredData.filter((obj) => this.getDataInTheDateRange(obj, value, key));
+        }
+        else if (key === "StartTimeForFilter" || key === "EndTimeForFilter"
+          || key === "start_time_for_filter" || key === "end_time_for_filter" || key == "time") {
+          filteredData = filteredData.filter((obj) => this.returnDataForFromAndToTimeRange(obj, value, key));
+        }
+        else if (key === "startEndTimeMulti" || key == "startEndTime" || key === "TimeBand") {
+          filteredData = filteredData.filter((obj) => this.returnDataForStartAndEndTimeRange(obj, value, key));
+        }
+        else if (value.length > 0) {
+          filteredData = filteredData.filter((u) => value.includes(u[key]));
+        }
+      }
+    });
+    return filteredData;
+  }
+
+  returnOrdersInTheRange(order: any, range: any, key: any) {
+    let isDateBetweenTheSelectedRange = dayjs(order[key]).isBetween(range.minSelectedDate, range.maxSelectedDate);
+    let isDateSameAsTheMinSelectedDate = dayjs(order[key]).isSame(range.minSelectedDate);
+    let isDateSameAsTheMaxSelectedDate = dayjs(order[key]).isSame(range.maxSelectedDate);
+    return isDateBetweenTheSelectedRange || isDateSameAsTheMinSelectedDate || isDateSameAsTheMaxSelectedDate;
+  }
+
+  returnDataForTimeRange(obj: any, selectedData: any) {
+    let format = "HH:mm:ss";
+    let selectedStartDate = dayjs(selectedData.startTime, format);
+    let selectedEndDate = dayjs(selectedData.endTime, format);
+    let startTime = dayjs(obj.startTime, format);
+    let endTime = dayjs(obj.endTime, format);
+
+    let isStartTimeSameAsSelectedStartTime = startTime.isSame(selectedStartDate);
+    let isStartTimeBetweenSelectedStartAndEndTime = startTime.isBetween(selectedStartDate, selectedEndDate);
+    let isEndTimeSameAsSelectedEndTime = endTime.isSame(selectedEndDate);
+    let isEndTimeBetweenSelectedStartAndEndTime = endTime.isBetween(selectedStartDate, selectedEndDate);
+
+    return (
+      (isStartTimeBetweenSelectedStartAndEndTime && isEndTimeBetweenSelectedStartAndEndTime) ||
+      (isStartTimeSameAsSelectedStartTime && isEndTimeSameAsSelectedEndTime) ||
+      (isStartTimeSameAsSelectedStartTime && isEndTimeBetweenSelectedStartAndEndTime) ||
+      (isStartTimeBetweenSelectedStartAndEndTime && isEndTimeSameAsSelectedEndTime)
+    );
+  }
+
+  returnDataForFromAndToTimeRange(obj: any, selectedData: any, key: any) {
+    let format = "HH:mm:ss";
+    let selectedFromTime = dayjs(selectedData.fromTime, format);
+    let selectedToTime = dayjs(selectedData.toTime, format);
+    let objTime = obj[key];
+    
+    if (["", "-", null].includes(objTime)) {
+      return false;
+    }
+    if (selectedData.includeMulti && obj[key] == "<multi>") {
+      return true;
+    }
+    if (!selectedData.includeMulti && obj[key] == "<multi>") {
+      return false;
+    }
+    if (selectedData.includeZero && obj[key] == "0") {
+      return true;
+    }
+    if (!selectedData.includeZero && obj[key] == "0") {
+      return false;
+    }
+    if (!selectedData.includeTimeRange) {
+      return false;
+    }
+
+
+    let dayjsTime = dayjs(objTime,format);
+    
+    let isObjTimeSameAsSelectedFromTime = dayjsTime.isSame(selectedFromTime);
+    let isObjTimeSameAsSelectedToTime = dayjsTime.isSame(selectedToTime);
+    let isObjTimeBetweenSelectedFromTimeAndToTime = dayjsTime.isBetween(selectedFromTime, selectedToTime);
+
+    return (
+      isObjTimeSameAsSelectedFromTime ||
+      isObjTimeSameAsSelectedToTime ||
+      isObjTimeBetweenSelectedFromTimeAndToTime
+    );
+  }
+
+  returnDataForStartAndEndTimeRange(obj: any, selectedData:any, key: string) {
+    let format = "HH:mm:ss";
+    let selectedFromTime = dayjs(selectedData.fromTime, format);
+    let selectedToTime = dayjs(selectedData.toTime, format);
+    
+    if(selectedData.includeMulti && obj[key][0] == "<multi>") {
+        return true;
+    }
+    
+    if(!selectedData.includeMulti && obj[key][0] == "<multi>") {
+        return false;
+    }
+
+    if(selectedData.includeZero && obj[key][0] == "0") {
+        return true;
+    }
+
+    if(!selectedData.includeZero && obj[key][0] == "0") {
+        return false;
+    }
+
+    if(!selectedData.includeTimeRange) {
+        return false;
+    }
+    
+    let startTime = dayjs(obj[key][1], format);
+    let endTime = dayjs(obj[key][2], format);
+
+    let isStartTimeSameAsSelectedStartTime = startTime.isSame(selectedFromTime);
+    let isStartTimeBetweenSelectedStartAndEndTime = startTime.isBetween(selectedFromTime, selectedToTime);
+    let isEndTimeSameAsSelectedEndTime = endTime.isSame(selectedToTime);
+    let isEndTimeBetweenSelectedStartAndEndTime = endTime.isBetween(selectedFromTime, selectedToTime);
+
+    return (
+        (isStartTimeBetweenSelectedStartAndEndTime && isEndTimeBetweenSelectedStartAndEndTime) ||
+        (isStartTimeSameAsSelectedStartTime && isEndTimeSameAsSelectedEndTime) ||
+        (isStartTimeSameAsSelectedStartTime && isEndTimeBetweenSelectedStartAndEndTime) ||
+        (isStartTimeBetweenSelectedStartAndEndTime && isEndTimeSameAsSelectedEndTime)
+    );
+
+}
+
+  getDataInTheDateRange(obj: any, value: any, key: any) {
+    let parsingFormat: string;
+    if (key === "period") {
+      parsingFormat = "YYYY-MM-DD";
+      
+      let dayjsStartDate = dayjs(obj.startDate);
+      let dayjsEndDate = dayjs(obj.endDate);
+      
+      let startDateIsBetweenSelDate = dayjsStartDate.isBetween(
+        value.fromDate,
+        value.toDate
+      );
+      let endDateIsBetweenSelDate = dayjsEndDate.isBetween(
+        value.fromDate,
+        value.toDate
+      );
+      
+      
+      let startDateIsSameAsSelStartDate = value.fromDate.isSame(dayjsStartDate);
+      let endDateIsSameAsSelEndDate = value.toDate.isSame(dayjsEndDate);
+
+      return (
+        (startDateIsBetweenSelDate || startDateIsSameAsSelStartDate) &&
+        (endDateIsBetweenSelDate || endDateIsSameAsSelEndDate)
+      );
+    } else if (key === "AirDate" || key === "flightStartDate" || key === "flightEndDate") {
+      parsingFormat = "MM/DD/YYYY";
+      let dateIsBetweenSelDate = dayjs(obj[key], parsingFormat).isBetween(value.minSelectedDate, value.maxSelectedDate);
+
+      let dateIsSameAsSelStartDate = dayjs(obj[key], parsingFormat).isSame(value.minSelectedDate);
+      let dateIsSameAsSelEndDate = dayjs(obj[key], parsingFormat).isSame(value.maxSelectedDate);
+
+      return dateIsBetweenSelDate || dateIsSameAsSelStartDate || dateIsSameAsSelEndDate;
+    }
+  }
+
+
+  public initializeTimeFilterData(clonedData: any[], key = "startEndTime") {
+    let startTimeArr = map(clonedData, "startTime");
+    let endTimeArr = map(clonedData, "endTime");
+  
+    startTimeArr.sort((a: any, b: any) => {
+        return this.dateTimeFormatService.sortByTimeAscending(a, b);
+    });
+  
+    endTimeArr.sort((a: any, b: any) => {
+        return this.dateTimeFormatService.sortByTimeDescending(a, b);
+    });
+  
+    let initialStartEndTime = {
+        startTime: startTimeArr[0],
+        endTime: endTimeArr[0],
+    };
+    this.initialValueMap.set(key, initialStartEndTime);
+  } 
+
+  returnColumnFilterStatus(data: any[], headerName: string | number) {
+
+    if(headerName == "startEndTime"){
+      let time = data.map(u => u[headerName][0]);
+      let uniqTime = uniq(time);
+      return uniqTime.length == 0;
+    }
+
+    return uniq(data.map((u) => u[headerName])).length > 1 ? false : true;
+  }
+  
+  getFilterOptionsData(data: any[], clonedData: any[], key?: string){
+    let appliedFilterSet = new Set(this.appliedFiltersArray);
+    key = key ? key : this.selectedRadio;
+    if(appliedFilterSet.has(key)){
+      return this.filterData(clonedData, key);
+    }
+    else{
+      return data;
+    }
+  }
+
+  reOrderAppliedFiltersState(clonedData: any[], value: any){
+    let isFiltered = true;
+    isFiltered = this.checkIfFilterIsApplied(clonedData,value);
+    this.removeOrChangeLatestFilterIndex(isFiltered);
+    return isFiltered;
+  }
+
+  checkIfFilterIsApplied(clonedData: any[],value: any){
+    let initialValueOfColumn = sortBy(clonedData.map(item => item[this.selectedRadio]));
+    let currentValueOfColumn = sortBy(this.applyFilter(clonedData,value).map(item => item[this.selectedRadio]));
+    return !isEqual(initialValueOfColumn, currentValueOfColumn);
+  }
+
+  applyFilter(data: any[],value: any){
+    let filteredData = data;
+    let key = this.selectedRadio;
+      if (this.sliderSet.has(key)) {
+        filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
+      }
+      else if (key === "startDate" || key === "endDate" || key === "AirDate" || key === "flightStartDate" || key === "flightEndDate" || key == "date" || key == "revisionStartDate") {
+        filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
+      } else if (key === "period" ) {
+        filteredData = filteredData.filter((obj) => this.getDataInTheDateRange(obj, value, key));
+      }
+      else if (key === "StartTimeForFilter" || key === "EndTimeForFilter"
+        || key === "start_time_for_filter" || key === "end_time_for_filter" || key == "time") {
+        filteredData = filteredData.filter((obj) => this.returnDataForFromAndToTimeRange(obj, value, key));
+      }
+      else if (key === "startEndTimeMulti" || key == "startEndTime" || key === "TimeBand") {
+        filteredData = filteredData.filter((obj) => this.returnDataForStartAndEndTimeRange(obj, value, key));
+      }
+      else if (value.length > 0) {
+        filteredData = filteredData.filter((u) => value.includes(u[key]));
+      }
+      return filteredData;  
+  }
+
+  isObjectInTheRange(obj: any, value: {fromDate: dayjs.Dayjs, toDate: dayjs.Dayjs},key:string){
+    let objVal = obj[key];
+    let dayjsDate = dayjs(objVal);
+    let isDateSameAsStartOfTheRange = value.fromDate.isSame(objVal);
+    let isDateSameAsEndOfTheRange = value.toDate.isSame(objVal);
+    let isDateBetweenTheStartAndEndOfRange = dayjsDate.isBetween(value.fromDate,value.toDate);
+    return isDateSameAsStartOfTheRange || isDateSameAsEndOfTheRange || isDateBetweenTheStartAndEndOfRange;
+  }
+
+  updateStateOfTheCurrentFilterTab(sortMap: Map<string, SortType>){
+    let activeKey = this.selectedRadio;
+    let keyArr: string[] = [];
+    Object.keys(this.isFilterSortActive).forEach(key => {
+      if(key.includes(activeKey)){
+        keyArr = key.split(",");
+        this.isFilterSortActive[key] =  this.isTooltipActive(keyArr, sortMap);
+      }
+    });
+
+  }
+
+  updateStateOfAllTheKeys(sortMap: Map<string, SortType>){
+     Object.keys(this.isFilterSortActive).forEach(key => {
+       let keyArr = key.split(",");
+       this.isFilterSortActive[key] = this.isTooltipActive(keyArr,sortMap);
+     })     
+  }
+    
+}

package/src/lib/anna-core-shared-lib/services/anna-generic-table.service.ts

@@ -0,0 +1,136 @@
+// Angular import statements
+import { Injectable } from "@angular/core";
+import { ActivatedRoute, Router } from '@angular/router';
+
+// Third party import statements
+import { Subject } from "rxjs";
+import { cloneDeep } from "lodash-es";
+
+//sub-entries of anna lib import statement
+import { AnnaFilterService } from "./anna-filter.service";
+import { AnnaSortService } from "./anna-sort.service";
+
+@Injectable({
+  providedIn: "root",
+})
+export class AnnaGtHelperService {
+
+  virtualScrollSubject = new Subject();
+  constructor(
+    private annaFilterService: AnnaFilterService,
+    private router: Router,
+    private route: ActivatedRoute,
+    private annaSortService: AnnaSortService){
+      console.log(this.annaFilterService)
+      console.log(this.annaSortService)
+    }
+
+  calculateNumberOfSkeletonColumnsForTable(tableHeaders: any[]): number[][] {
+    let numberOfSkeletonColumns: any[][] = [];
+    var headersInEachColumn = 0;
+    tableHeaders.forEach((column) => {
+        if (column.visible) {
+            headersInEachColumn = 0;
+            column.headerInfo.forEach(() => {
+            headersInEachColumn++;
+            })
+            numberOfSkeletonColumns.push(Array(headersInEachColumn).fill(0));
+        }
+    })
+    return numberOfSkeletonColumns;
+  }
+
+  initColumnFilterAndSorting() {
+    this.annaFilterService.tooltipSelectedMap = new Map();
+    this.annaFilterService.selectedRadio = null;
+    this.annaFilterService.appliedFiltersArray = [];
+    this.annaFilterService.initialValueMap = new Map();
+    this.annaSortService.columnSortState = new Map();
+    this.annaSortService.noSortingAppliedData = [];
+  }
+
+  
+  enableOrDisableClearAllBtn(): boolean {
+    let isFilterApplied = this.annaFilterService.appliedFiltersArray.length > 0;
+
+    let isSortApplied = false;
+    for (let val of this.annaSortService.columnSortState.values()) {
+      if (val == "ASC" || val == "DESC") {
+        isSortApplied = true;
+      }
+    }
+    return isFilterApplied || isSortApplied ? false : true;
+  }
+
+  updateFiltersInURL(){
+    let latestQueryParams = this.prepareQueryParamsOnFilter();
+    this.router.navigate([],{
+        queryParams: { filters: JSON.stringify(latestQueryParams) },
+        relativeTo: this.route.parent,
+        queryParamsHandling: 'merge'
+    });
+  }
+
+  prepareQueryParamsOnFilter() {
+    if(!this.annaFilterService.appliedFiltersArray.length && 
+      !this.annaFilterService.tooltipSelectedMap.size && 
+      !this.annaSortService.columnSortState.size) {
+      return null;
+    } 
+
+    let query = {
+      appliedFilters: this.annaFilterService.appliedFiltersArray,
+      selectedFilterData: JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap)),
+      sortState: JSON.stringify(Array.from(this.annaSortService.columnSortState))
+    }
+    return query;
+  }
+
+  initTableFilters(clonedTableData: any) {
+    this.annaFilterService.tooltipSelectedMap = new Map();
+    this.annaFilterService.selectedRadio = null;
+    this.annaFilterService.appliedFiltersArray = [];
+
+    this.annaSortService.columnSortState = new Map();
+
+    this.annaSortService.noSortingAppliedData = cloneDeep(clonedTableData);
+    this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
+  }
+
+  initFilters(){
+    this.annaFilterService.tooltipSelectedMap = new Map();
+    this.annaFilterService.appliedFiltersArray = [];
+  }
+
+  setDataAsPerPersistingFilter(isPersistingFilter: boolean, clonedTable: any, filters: any): any{
+    let usersTable;
+    if(isPersistingFilter){
+      usersTable = this.annaFilterService.filterData(clonedTable, "");
+      this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
+
+      this.annaSortService.columnSortState = new Map(JSON.parse(filters.sortState));
+      this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
+      usersTable = this.callSort(usersTable);
+    }
+    else {
+      usersTable = clonedTable;
+      this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
+    }
+    return usersTable;
+  }
+
+  callSort(usersTable: any): any {
+    for (let [key, value] of this.annaSortService.columnSortState) {
+      if (value == "ASC") {
+        usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, usersTable, key);
+      }
+      else if (value == "DESC") {
+        usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, usersTable, key);
+      }
+    }
+    return usersTable;
+  }
+
+
+
+}