@annalib/anna-core 28.6.15 → 28.6.17

package/fesm2022/annalib-anna-core.mjs

@@ -1596,11 +1596,13 @@ class TooltipModelForColumnLevelFiltering {
     }
 }
 class RadioButtonModel {
-    constructor(key, value, sort, filter) {
+    constructor(key, value, sort, filter, showSplitedOptions = false, spitKey = ", ") {
         this.key = key;
         this.label = value;
         this.isSortRequired = sort;
         this.isFilterRequired = filter;
+        this.showSplitedOptions = showSplitedOptions;
+        this.splitKey = spitKey;
     }
 }
 var AllSelectedStatus;
@@ -1789,6 +1791,8 @@ class AnnaFilterService {
         this.tooltipMap = new Map();
         this.tooltipSelectedMap = new Map();
         this.appliedFiltersArray = [];
+        this.SPLITED_CHECKBOX_FILTER_KEY = "_SplitedCheckBoxOptions";
+        this.DEFAULT_SPLIT_SEPARATOR = ", ";
         this.sliderCurrencySet = new Set([
             "booked",
             "cpp",
@@ -2001,6 +2005,7 @@ class AnnaFilterService {
             "ViolatingSpotDate",
             "ViolatedSpotDate",
             "ActualWeekStartDate",
+            "LastFetchedDate",
         ];
         const timeArr = [
             "StartTimeForFilter",
@@ -2128,7 +2133,8 @@ class AnnaFilterService {
             this.selectedRadio === "GeneratedOn" ||
             this.selectedRadio === "Week" ||
             this.selectedRadio === "ActualWeekStartDate" ||
-            this.selectedRadio === "scheduledDate") {
+            this.selectedRadio === "scheduledDate" ||
+            this.selectedRadio === "LastFetchedDate") {
             isDataFiltered =
                 !isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) && !isEqual(this.tooltipSelectedMap.get(this.selectedRadio), this.flightDateRange);
             if (!isDataFiltered && this.tooltipSelectedMap.has(this.selectedRadio)) {
@@ -2178,6 +2184,11 @@ class AnnaFilterService {
             filteredData = this.checkIfSortingIsAppliedThenSortTheData(originalData);
         }
         this.tooltipSelectedMap.forEach((value, key) => {
+            const filterSplitedValues = key.includes(this.SPLITED_CHECKBOX_FILTER_KEY);
+            if (filterSplitedValues) {
+                // eslint-disable-next-line no-param-reassign
+                key = key.split(this.SPLITED_CHECKBOX_FILTER_KEY)[0];
+            }
             if (key !== keyToSkip && originalData.length > 0 && Object.keys(originalData[0]).includes(key)) {
                 if (this.sliderSet.has(key)) {
                     filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
@@ -2198,7 +2209,8 @@ class AnnaFilterService {
                     key === "ActualWeekStartDate" ||
                     key === "ViolatedSpotDate" ||
                     key === "ViolatingSpotDate" ||
-                    key === "scheduledDate") {
+                    key === "scheduledDate" ||
+                    key === "LastFetchedDate") {
                     filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
                 }
                 else if (key === "period") {
@@ -2220,7 +2232,7 @@ class AnnaFilterService {
                     filteredData = filteredData.filter((obj) => this.returnDataForStartAndEndTimeRange(obj, value, key));
                 }
                 else if (value.length > 0) {
-                    filteredData = filteredData.filter((u) => value.includes(u[key]));
+                    filteredData = filteredData.filter((u) => filterSplitedValues ? value.find((val) => u[key].includes(val)) : value.includes(u[key]));
                 }
             }
         });
@@ -2403,7 +2415,8 @@ class AnnaFilterService {
             key === "ActualWeekStartDate" ||
             key === "ViolatedSpotDate" ||
             key === "ViolatingSpotDate" ||
-            key === "scheduledDate") {
+            key === "scheduledDate" ||
+            key === "LastFetchedDate") {
             filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
         }
         else if (key === "period") {
@@ -2526,19 +2539,33 @@ class AnnaFilterService {
         currentColumnSortFilter = currentColumnSortFilter || SortTypeEnum.DEFAULT;
         return currentColumnSortFilter;
     }
-    createListForCheckboxFilter(header, optionData) {
-        const tooltipOptions = this.getTooltipModelFromOptionData(optionData, header);
+    createListForCheckboxFilter(header, optionData, showSplitedOptions = false, splitKey = this.DEFAULT_SPLIT_SEPARATOR) {
+        const tooltipOptions = this.getTooltipModelFromOptionData(optionData, header, showSplitedOptions, splitKey);
         this.selectUnselectListCheckbox(tooltipOptions, header);
         this.formatNullOptionToSpecifiedString(tooltipOptions, this.nullToBeFormatedIntoString);
         return tooltipOptions;
     }
-    getTooltipModelFromOptionData(optionData, header) {
-        const uniqOptionData = uniq(optionData.map((item) => item[header]));
+    getTooltipModelFromOptionData(optionData, header, showSplitedOptions = false, splitKey = this.DEFAULT_SPLIT_SEPARATOR) {
+        let uniqOptionData = [];
+        if (showSplitedOptions) {
+            let splittedOptions = [];
+            optionData.forEach((option) => {
+                splittedOptions = [...splittedOptions, ...option[header].split(splitKey)];
+            });
+            uniqOptionData = uniq(splittedOptions);
+        }
+        else {
+            uniqOptionData = uniq(optionData.map((item) => item[header]));
+        }
         return uniqOptionData.map((item, index) => new TooltipModel(item, index + 1));
     }
     selectUnselectListCheckbox(tooltipOptions, header) {
-        if (this.tooltipSelectedMap.has(header)) {
-            const selectedValueSet = new Set(this.tooltipSelectedMap.get(header));
+        const tooltipSelectedMapWithOriginalKeys = new Map();
+        this.tooltipSelectedMap.forEach((value, key) => {
+            tooltipSelectedMapWithOriginalKeys.set(key.split(this.SPLITED_CHECKBOX_FILTER_KEY)[0], value);
+        });
+        if (tooltipSelectedMapWithOriginalKeys.has(header)) {
+            const selectedValueSet = new Set(tooltipSelectedMapWithOriginalKeys.get(header));
             tooltipOptions.forEach((item) => {
                 item.isSelected = selectedValueSet.has(item.value);
             });
@@ -3182,6 +3209,21 @@ class AnnaFilterService {
             });
         });
     }
+    // for date type of filters we need to update tooltip selected map start and end date values to dayjs object.
+    updateDateFilterTooltipSelectedMap(keys) {
+        keys.forEach((key) => {
+            if (this.tooltipSelectedMap?.has(key)) {
+                const dateRange = this.tooltipSelectedMap.get(key);
+                if (dateRange?.fromDate && dateRange?.toDate) {
+                    const selectedDateObj = {
+                        fromDate: dayjs(dateRange.fromDate),
+                        toDate: dayjs(dateRange.toDate),
+                    };
+                    this.tooltipSelectedMap.set(key, selectedDateObj);
+                }
+            }
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFilterService, deps: [{ token: AnnaDateTimeFormatService }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFilterService, providedIn: "root" }); }
 }
@@ -3275,10 +3317,13 @@ class AnnaColumnCheckboxFilterComponent {
         this.searchItem = null;
         this.showSortComponent = activeTab.isSortRequired;
         this.showFilterComponent = activeTab.isFilterRequired;
+        this.showSplitedOptions = activeTab.showSplitedOptions;
+        this.splitKey = this.showSplitedOptions ? (activeTab.splitKey ?? this.annaFilterService.DEFAULT_SPLIT_SEPARATOR) : "";
         this.tempSortOrder = null;
         this.isFilterChanged = false;
         this.isSortChanged = false;
         this.annaFilterService.selectedRadio = header;
+        this.selectedRadioKey = `${header}${(this.showSplitedOptions) ? (this.annaFilterService.SPLITED_CHECKBOX_FILTER_KEY) : ""}`;
         if (reload) {
             setTimeout(() => {
                 this.createFilterTooltipData(activeTab, header);
@@ -3308,7 +3353,7 @@ class AnnaColumnCheckboxFilterComponent {
     }
     createListForCheckboxFilter(header) {
         const optionData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
-        const tooltipOptions = this.annaFilterService.createListForCheckboxFilter(header, optionData);
+        const tooltipOptions = this.annaFilterService.createListForCheckboxFilter(header, optionData, this.showSplitedOptions, this.splitKey);
         return tooltipOptions;
     }
     selectUnselectListCheckbox(tooltipOptions, header) {
@@ -3406,8 +3451,8 @@ class AnnaColumnCheckboxFilterComponent {
         if (this.showFilterComponent && this.isFilterChanged) {
             const currentSelectedValue = this.annaFilterService.getCheckboxCurrentSelectedValue(this.searchItem, this.tooltipOptions);
             this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedValue);
-            this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedValue);
-            this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
+            this.annaFilterService.tooltipSelectedMap.set(this.selectedRadioKey, currentSelectedValue);
+            this.tableData = this.annaFilterService.filterData(this.clonedTableData, "", false);
             this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
         }
     }
@@ -4747,8 +4792,6 @@ class AnnaNonEditableGenericTableComponent {
         // this.tooltipRadioTextMap.set("odValue", "$ OD");
         this.tooltipRadioTextMap.set("udValue", "Proj. $ UD");
         this.tooltipRadioTextMap.set("odValue", "Proj. $ OD");
-        this.tooltipRadioTextMap.set("buyerNames", "Buyers");
-        this.tooltipRadioTextMap.set("repUserNames", "Reps");
         this.tooltipRadioTextMap.set("InventoryCode", "Inventory Code");
         this.tooltipRadioTextMap.set("BuyerProgramName", "Buyer Program Name");
         this.tooltipRadioTextMap.set("StartTime", "Start Time");
@@ -4791,6 +4834,22 @@ class AnnaNonEditableGenericTableComponent {
         this.tooltipRadioTextMap.set("SellerProgInvCode", "Seller Pgm (Inv Code)");
         this.tooltipRadioTextMap.set("SellerProgramName", "Seller Program");
         this.tooltipRadioTextMap.set("buyerProgramName", "Buyer Program");
+        this.tooltipRadioTextMap.set("LastFetchedDate", "Last Fetched");
+        this.tooltipRadioTextMap.set("bookedDps", "Booked Dps");
+        this.tooltipRadioTextMap.set("totalBookedGrp", "Total Booked Grp");
+        this.tooltipRadioTextMap.set("totalBookedImps", "Total Booked Imps");
+        this.tooltipRadioTextMap.set("bookedGrpToDate", "Booked GRP To-Date");
+        this.tooltipRadioTextMap.set("bookedImpsToDate", "Booked IMPS To-Date");
+        this.tooltipRadioTextMap.set("goalGrpToDate", "Goal GRP To-Date");
+        this.tooltipRadioTextMap.set("goalImpsToDate", "Goal IMPS To-Date");
+        this.tooltipRadioTextMap.set("postedGrpToDate", "Posted GRP To-Date");
+        this.tooltipRadioTextMap.set("postedImpsToDate", "Posted IMPS To-Date");
+        this.tooltipRadioTextMap.set("udGrpToDate", "UD GRP To-Date");
+        this.tooltipRadioTextMap.set("udImpsToDate", "UD IMPS To-Date");
+        this.tooltipRadioTextMap.set("odGrpToDate", "OD GRP To-Date");
+        this.tooltipRadioTextMap.set("odImpsToDate", "OD IMPS To-Date");
+        this.tooltipRadioTextMap.set("scheduledADUs", "Scheduled ADUs");
+        this.tooltipRadioTextMap.set("postedADUs", "Posted ADUs");
     }
     selectOrUnselectCheckbox(rowData, columnKeys, isCheckboxSelected) {
         rowData[columnKeys] = !rowData[columnKeys];
@@ -4887,7 +4946,7 @@ class AnnaNonEditableGenericTableComponent {
         this.filterTabObjects = header.map((key, index) => {
             // change to display name
             const value = this.tooltipRadioTextMap.has(key) ? this.tooltipRadioTextMap.get(key) : key;
-            return new RadioButtonModel(key, value, columnHeader.isSortRequired[index], columnHeader.isFilterRequired[index]);
+            return new RadioButtonModel(key, value, columnHeader.isSortRequired[index], columnHeader.isFilterRequired[index], columnHeader?.showSplitedOptionsInFilter, columnHeader?.splitKey);
         });
     }
     disableEnableEachColumnTooltipIcon() {