@annalib/anna-core 28.6.21 → 28.6.22

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, splitDelimiter = ", ") {
         this.key = key;
         this.label = value;
         this.isSortRequired = sort;
         this.isFilterRequired = filter;
+        this.showSplitedOptions = showSplitedOptions;
+        this.splitDelimiter = splitDelimiter;
     }
 }
 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",
@@ -2180,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);
@@ -2223,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]));
                 }
             }
         });
@@ -2530,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, splitDelimiter = this.DEFAULT_SPLIT_SEPARATOR) {
+        const tooltipOptions = this.getTooltipModelFromOptionData(optionData, header, showSplitedOptions, splitDelimiter);
         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, splitDelimiter = this.DEFAULT_SPLIT_SEPARATOR) {
+        let uniqOptionData = [];
+        if (showSplitedOptions) {
+            let splittedOptions = [];
+            optionData.forEach((option) => {
+                splittedOptions = [...splittedOptions, ...option[header].split(splitDelimiter)];
+            });
+            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);
             });
@@ -3294,10 +3317,13 @@ class AnnaColumnCheckboxFilterComponent {
         this.searchItem = null;
         this.showSortComponent = activeTab.isSortRequired;
         this.showFilterComponent = activeTab.isFilterRequired;
+        this.showSplitedOptions = activeTab.showSplitedOptions;
+        this.splitDelimiter = this.showSplitedOptions ? (activeTab.splitDelimiter ?? 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);
@@ -3327,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.splitDelimiter);
         return tooltipOptions;
     }
     selectUnselectListCheckbox(tooltipOptions, header) {
@@ -3425,7 +3451,7 @@ 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.annaFilterService.tooltipSelectedMap.set(this.selectedRadioKey, currentSelectedValue);
             this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
             this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
         }
@@ -4920,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[index], columnHeader?.splitDelimiter[index]);
         });
     }
     disableEnableEachColumnTooltipIcon() {