@annalib/anna-core 38.0.2 → 38.0.4

package/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts

@@ -4,6 +4,7 @@ export interface IGtTableHeader {
     headerInfo: IHeaderInfo[];
     visible: boolean;
     width: string;
+    isFixedGroup?: boolean;
     rowspan?: number;
     colspan?: number;
     rowNumber?: number;
@@ -14,6 +15,20 @@ export type TDCellClass = "CENTRE";
 export interface IHeaderInfo {
     name: string;
     objectKey: string;
+    isVisible?: boolean;
+    visibleOrder?: number;
+    defaultShowTooltipIcon?: boolean;
+    defaultFilterConfig?: {
+        filter?: FILTERTYPE;
+        filterSortObjectKeys?: string[];
+        isSortRequired?: boolean[];
+        isFilterRequired?: boolean[];
+    };
+    activeFilterSortObjectKeys?: string[];
+    activeIsSortRequired?: boolean[];
+    activeIsFilterRequired?: boolean[];
+    customizeLabel?: string;
+    isChecked?: boolean;
     actionKey?: string;
     tooltipKey?: string;
     isDisabledKey?: string;

package/lib/anna-core-shared-lib/services/anna-date-time-format.service.d.ts

@@ -16,14 +16,14 @@ export declare class AnnaDateTimeFormatService {
     addZero(time: any): any;
     sortByTimeAscending(a: any, b: any): number;
     sortByTimeDescending(a: any, b: any): number;
-    compareTime(a: dayjs.Dayjs, b: dayjs.Dayjs, unit: UnitType, isAsc: boolean): 0 | 1 | -1;
+    compareTime(a: dayjs.Dayjs, b: dayjs.Dayjs, unit: UnitType, isAsc: boolean): 1 | 0 | -1;
     convertNgbDateToMoment(ngbDate: NgbDate | NgbDateType): string;
     compareDate(a: string, b: string, isAsc: boolean): number;
     static formatTwentyFourHourTimeToHHMMAFormat(value: any, date?: string): string;
     static formatTwelveHourTimeToHHMMAFormat(timeValue: any, date?: string): string;
     formatDateAndHHMMATimeToStandardFormat(dateAndTime: any): string;
     compare(a: number | string, b: number | string, isAsc: boolean): number;
-    sortDataByBroadcastTimeAsc(firstParamTime: string, secondParamTime: string, broadcastTime: string): 0 | 1 | -1;
+    sortDataByBroadcastTimeAsc(firstParamTime: string, secondParamTime: string, broadcastTime: string): 1 | 0 | -1;
     convertNgbDateToMomentInSpecificFormat(ngbDate: NgbDateType, format: string): string;
     getBroadcastWeek(startDate: any, format?: string): {
         start: dayjs.Dayjs;

package/lib/anna-core-shared-lib/services/customizable-columns.service.d.ts

@@ -0,0 +1,95 @@
+import { IGtTableHeader } from "../models/anna-non-editable-gt-models";
+import * as i0 from "@angular/core";
+export declare class CustomizableColumnsService {
+    /**
+     * Applies table preferences by updating table headers visibility and checked state.
+     * Each group is treated independently so we can keep filter metadata aligned with the rendered columns.
+     *
+     * @param tableHeaders List of header groups whose visibility state should be updated.
+     * @param selectedColumnNames Column keys coming from stored preferences.
+     */
+    applyColumnPreferences(tableHeaders: IGtTableHeader[], selectedColumnNames: string[]): void;
+    /**
+     * Ensures a header carries immutable copies of its default filter/tooltip configuration.
+     *
+     * @param header Header definition that needs default metadata cached once.
+     */
+    private preserveHeaderDefaults;
+    /**
+     * Determines whether a filter configuration contains actionable data.
+     *
+     * @param config Immutable default filter configuration to inspect.
+     * @returns True when filter-related arrays or filter definitions are present.
+     */
+    private hasFilterSettings;
+    /**
+     * Applies filter state for a header group based on visible headers and the selected filter header.
+     * The first visible column becomes the single filter owner to avoid duplicate filter icons.
+     *
+     * @param headerGroup Target header group whose aggregate visibility state changes.
+     * @param visibleHeaders Headers currently rendered in the UI for this group.
+     * @param firstHeaderWithFilter First visible header that carries filter metadata, if any.
+     * @param groupHasFilters Indicates whether any header in the group exposes filtering.
+     * @param headersWithFilters List of all headers that contain filter metadata (visible or hidden).
+     */
+    private alignGroupFilterState;
+    /**
+     * Applies filter configuration to header info and updates active filter states.
+     *
+     * @param header Target header whose mutable properties must stay in sync with defaults.
+     * @param config Filter configuration to apply (undefined clears filter data and icons).
+     */
+    private setHeaderFilterConfig;
+    /**
+     * Picks a header that owns the filter metadata to project on the visible columns.
+     * Since we use positional mapping (header position → filterSortObjectKeys index),
+     * we need a header that has filterSortObjectKeys to map from. We prefer the first visible
+     * header that has filterSortObjectKeys, otherwise fall back to any header with filterSortObjectKeys.
+     *
+     * @param preferredHeader First visible header that carries filter metadata, if available.
+     * @param headersWithFilters All headers that contain filter metadata (visible or hidden).
+     * @returns Header whose defaults should drive the filter UI (preferably one with filterSortObjectKeys).
+     */
+    private pickFilterSourceHeader;
+    /**
+     * Keeps filter metadata in sync with the columns that remain visible.
+     * Maps visible headers to their corresponding filter keys by position in the header group.
+     *
+     * @param defaultConfig Original filter configuration attached to the header.
+     * @param visibleHeaders Headers currently rendered in the UI for this group.
+     * @param headerGroup Header group containing all headers (used to determine header positions).
+     * @returns Filter configuration aligned with the current visibility state.
+     */
+    private buildVisibleFilterConfig;
+    /**
+     * Extracts selected (checked) column object keys from table headers.
+     *
+     * @param tableHeaders Table headers to evaluate.
+     * @returns Array of selected column object keys (only non-fixed columns).
+     */
+    collectSelectedColumnKeys(tableHeaders: IGtTableHeader[]): string[];
+    /**
+     * Gets the count of fixed header groups in the customizable columns list.
+     *
+     * @param tableHeaders Table headers to count fixed groups from.
+     * @returns Number of fixed header groups that should always remain visible.
+     */
+    countFixedHeaderGroups(tableHeaders: IGtTableHeader[]): number;
+    /**
+     * Checks if visible columns have changed between previous and new headers.
+     *
+     * @param previousHeaders Previous snapshot of header groups.
+     * @param newHeaders Updated header groups to compare against.
+     * @returns True if visible column keys differ, false otherwise.
+     */
+    haveVisibleColumnKeysChanged(previousHeaders: IGtTableHeader[], newHeaders: IGtTableHeader[]): boolean;
+    /**
+     * Extracts all visible column keys from table headers so diffs are quick and reliable.
+     *
+     * @param headers Complete set of header groups to inspect.
+     * @returns Set of object keys representing currently visible columns.
+     */
+    collectVisibleColumnKeys(headers: IGtTableHeader[]): Set<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomizableColumnsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CustomizableColumnsService>;
+}

package/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.d.ts

@@ -3,10 +3,11 @@ import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
 import { BehaviorSubject } from "rxjs";
 import { GtColumnIconEmittedData, RatingSellerGroupHierarchy } from "../../../anna-core-shared-lib/models/anna-generic-data-type.model";
 import { IWeekCalendar } from "../../../anna-core-shared-lib/models/anna-global-dropdown-config.model";
-import { EllipsisWithTableTooltip, ICustomizableColumn, IGtGeneralConfig, IGtTableHeader, IHeaderInfo, InnerHTMLTooltipAction, ITimeInputData, ITotalRowInfo } from "../../../anna-core-shared-lib/models/anna-non-editable-gt-models";
+import { EllipsisWithTableTooltip, IGtGeneralConfig, IGtTableHeader, IHeaderInfo, InnerHTMLTooltipAction, ITimeInputData, ITotalRowInfo } from "../../../anna-core-shared-lib/models/anna-non-editable-gt-models";
 import { AnnaDateTimeFormatService } from "../../../anna-core-shared-lib/services/anna-date-time-format.service";
 import { AnnaFilterService } from "../../../anna-core-shared-lib/services/anna-filter.service";
 import { AnnaSortService } from "../../../anna-core-shared-lib/services/anna-sort.service";
+import { CustomizableColumnsService } from "../../../anna-core-shared-lib/services/customizable-columns.service";
 import * as i0 from "@angular/core";
 interface TableTooltipType {
     tooltipTableHeader: string[];
@@ -21,6 +22,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     annaDateTimeFormatService: AnnaDateTimeFormatService;
     annaFilterService: AnnaFilterService;
     modalService: NgbModal;
+    private customizableColumnsService;
     showSkeletonLoading: boolean;
     tableHeaders: IGtTableHeader[];
     tableData: any[];
@@ -54,7 +56,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     multipleTablesPresent: boolean;
     showOrHideToggleForTotalRow: boolean;
     enableCustomizableColumns: boolean;
-    customizableColumnsList: ICustomizableColumn[];
     toggleCheckbox: EventEmitter<any>;
     toggleRowCheckbox: EventEmitter<any>;
     toggleHeaderCheckbox: EventEmitter<any>;
@@ -180,7 +181,8 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
         open: () => void;
         close: () => void;
     };
-    customizableColumnsListClone: ICustomizableColumn[];
+    tableHeadersClone: IGtTableHeader[];
+    private initialCustomizeSelectedColumns;
     customizeColumnsModalReference: any;
     customizeColumnsModal: TemplateRef<any>;
     statusNoteTooltip: any;
@@ -201,7 +203,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
         time: string;
     }[];
     selectedRowForTimeEdit: any;
-    constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService, modalService: NgbModal);
+    constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService, modalService: NgbModal, customizableColumnsService: CustomizableColumnsService);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
     detectChanges(): void;
@@ -277,9 +279,17 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     timeInputTooltipClickedInTableBody(event: ITimeInputData, rowData: any): void;
     timeSelectedInTableRow(event: string[][]): void;
     openCustomizeColumnsModal(): void;
-    selectUnselectCustomizeColumns(column: ICustomizableColumn): void;
+    selectUnselectCustomizeColumns(objectKey: string): void;
+    getSelectedColumnsCount(): number;
+    private getCustomizableColumnsCount;
+    private getSelectedCustomizableColumnsCount;
+    isSelectAllDisabled(): boolean;
+    isUnselectAllDisabled(): boolean;
+    selectAllCustomizeColumns(): void;
+    unselectAllCustomizeColumns(): void;
+    hasCustomizeSelectionChanged(): boolean;
     customizeColumns(customize: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNonEditableGenericTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": { "alias": "showSkeletonLoading"; "required": false; }; "tableHeaders": { "alias": "tableHeaders"; "required": true; }; "tableData": { "alias": "tableData"; "required": true; }; "clonedTableData": { "alias": "clonedTableData"; "required": true; }; "gtGeneralConfig": { "alias": "gtGeneralConfig"; "required": true; }; "totalRowInfo": { "alias": "totalRowInfo"; "required": false; }; "gtDimension": { "alias": "gtDimension"; "required": true; }; "extraHeaderRowForAdjustingColumnWidths": { "alias": "extraHeaderRowForAdjustingColumnWidths"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "maximumRowsWhichCanBeRenderedWithoutScroll": { "alias": "maximumRowsWhichCanBeRenderedWithoutScroll"; "required": false; }; "fixNumberOfRowsForPopup": { "alias": "fixNumberOfRowsForPopup"; "required": false; }; "fixRowsToRender": { "alias": "fixRowsToRender"; "required": false; }; "includeBorderInTableHeight": { "alias": "includeBorderInTableHeight"; "required": false; }; "downloadInProgress": { "alias": "downloadInProgress"; "required": false; }; "percentDone": { "alias": "percentDone"; "required": false; }; "starredInProgress": { "alias": "starredInProgress"; "required": false; }; "clickableRow": { "alias": "clickableRow"; "required": false; }; "setTableHeightWhenRowSizeIsFixed": { "alias": "setTableHeightWhenRowSizeIsFixed"; "required": false; }; "tableBorderBottomClassRequired": { "alias": "tableBorderBottomClassRequired"; "required": false; }; "hideSomeTds": { "alias": "hideSomeTds"; "required": false; }; "tdsHaveRowSpan": { "alias": "tdsHaveRowSpan"; "required": false; }; "multipleTablesPresent": { "alias": "multipleTablesPresent"; "required": false; }; "showOrHideToggleForTotalRow": { "alias": "showOrHideToggleForTotalRow"; "required": false; }; "enableCustomizableColumns": { "alias": "enableCustomizableColumns"; "required": false; }; "customizableColumnsList": { "alias": "customizableColumnsList"; "required": false; }; }, { "toggleCheckbox": "toggleCheckbox"; "toggleRowCheckbox": "toggleRowCheckbox"; "toggleHeaderCheckbox": "toggleHeaderCheckbox"; "undoIconClicked": "undoIconClicked"; "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "rowClicked": "rowClicked"; "radioButtonSelected": "radioButtonSelected"; "columnFilterOpened": "columnFilterOpened"; "columnFilterClosed": "columnFilterClosed"; "gtIconClicked": "gtIconClicked"; "gtSVGIconClicked": "gtSVGIconClicked"; "gtTextActionClicked": "gtTextActionClicked"; "gtViewDetailClicked": "gtViewDetailClicked"; "gtInnerHTMLClicked": "gtInnerHTMLClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; "totalRowIconClicked": "totalRowIconClicked"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; "editableInputEdited": "editableInputEdited"; "radioButtonMessageIconClicked": "radioButtonMessageIconClicked"; "statusNotePopupOpened": "statusNotePopupOpened"; "textPopupOpened": "textPopupOpened"; "digitOnlyInputChanged": "digitOnlyInputChanged"; "singleSelectDropdownValueEmit": "singleSelectDropdownValueEmit"; "timeSelected": "timeSelected"; "totalRowRadioButtonClicked": "totalRowRadioButtonClicked"; "totalRowRadioButtonIconClicked": "totalRowRadioButtonIconClicked"; "columnsCustomized": "columnsCustomized"; "acfiRateInputChanged": "acfiRateInputChanged"; "acfiRateCopyRequested": "acfiRateCopyRequested"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": { "alias": "showSkeletonLoading"; "required": false; }; "tableHeaders": { "alias": "tableHeaders"; "required": true; }; "tableData": { "alias": "tableData"; "required": true; }; "clonedTableData": { "alias": "clonedTableData"; "required": true; }; "gtGeneralConfig": { "alias": "gtGeneralConfig"; "required": true; }; "totalRowInfo": { "alias": "totalRowInfo"; "required": false; }; "gtDimension": { "alias": "gtDimension"; "required": true; }; "extraHeaderRowForAdjustingColumnWidths": { "alias": "extraHeaderRowForAdjustingColumnWidths"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "maximumRowsWhichCanBeRenderedWithoutScroll": { "alias": "maximumRowsWhichCanBeRenderedWithoutScroll"; "required": false; }; "fixNumberOfRowsForPopup": { "alias": "fixNumberOfRowsForPopup"; "required": false; }; "fixRowsToRender": { "alias": "fixRowsToRender"; "required": false; }; "includeBorderInTableHeight": { "alias": "includeBorderInTableHeight"; "required": false; }; "downloadInProgress": { "alias": "downloadInProgress"; "required": false; }; "percentDone": { "alias": "percentDone"; "required": false; }; "starredInProgress": { "alias": "starredInProgress"; "required": false; }; "clickableRow": { "alias": "clickableRow"; "required": false; }; "setTableHeightWhenRowSizeIsFixed": { "alias": "setTableHeightWhenRowSizeIsFixed"; "required": false; }; "tableBorderBottomClassRequired": { "alias": "tableBorderBottomClassRequired"; "required": false; }; "hideSomeTds": { "alias": "hideSomeTds"; "required": false; }; "tdsHaveRowSpan": { "alias": "tdsHaveRowSpan"; "required": false; }; "multipleTablesPresent": { "alias": "multipleTablesPresent"; "required": false; }; "showOrHideToggleForTotalRow": { "alias": "showOrHideToggleForTotalRow"; "required": false; }; "enableCustomizableColumns": { "alias": "enableCustomizableColumns"; "required": false; }; }, { "toggleCheckbox": "toggleCheckbox"; "toggleRowCheckbox": "toggleRowCheckbox"; "toggleHeaderCheckbox": "toggleHeaderCheckbox"; "undoIconClicked": "undoIconClicked"; "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "rowClicked": "rowClicked"; "radioButtonSelected": "radioButtonSelected"; "columnFilterOpened": "columnFilterOpened"; "columnFilterClosed": "columnFilterClosed"; "gtIconClicked": "gtIconClicked"; "gtSVGIconClicked": "gtSVGIconClicked"; "gtTextActionClicked": "gtTextActionClicked"; "gtViewDetailClicked": "gtViewDetailClicked"; "gtInnerHTMLClicked": "gtInnerHTMLClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; "totalRowIconClicked": "totalRowIconClicked"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; "editableInputEdited": "editableInputEdited"; "radioButtonMessageIconClicked": "radioButtonMessageIconClicked"; "statusNotePopupOpened": "statusNotePopupOpened"; "textPopupOpened": "textPopupOpened"; "digitOnlyInputChanged": "digitOnlyInputChanged"; "singleSelectDropdownValueEmit": "singleSelectDropdownValueEmit"; "timeSelected": "timeSelected"; "totalRowRadioButtonClicked": "totalRowRadioButtonClicked"; "totalRowRadioButtonIconClicked": "totalRowRadioButtonIconClicked"; "columnsCustomized": "columnsCustomized"; "acfiRateInputChanged": "acfiRateInputChanged"; "acfiRateCopyRequested": "acfiRateCopyRequested"; }, never, never, true, never>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "38.0.2",
+  "version": "38.0.4",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^19.0.0",
     "@angular/common": "^19.2.10",

package/public-api.d.ts

@@ -22,6 +22,7 @@ export * from "./lib/anna-core-shared-lib/services/anna-persisting-filter.servic
 export * from "./lib/anna-core-shared-lib/services/anna-regex-patterns.service";
 export * from "./lib/anna-core-shared-lib/services/anna-sort.service";
 export * from "./lib/anna-core-shared-lib/services/anna-spinner-loader.service";
+export * from "./lib/anna-core-shared-lib/services/customizable-columns.service";
 export * from "./lib/anna-core-shared-lib/services/update-station-id.service";
 export * from "./lib/anna-generic-table-lib/services/gt-table-related-common-functions.service";
 export * from "./lib/anna-core-shared-lib/models/anna-generic-data-type.model";

package/src/lib/anna-common-scss/_show-hide-total-row.scss

@@ -25,3 +25,16 @@
 #generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2) {
     padding-left: 16px !important;
 }
+
+// Apply padding to first column instead of second column for posting-and-ud-tracking-table
+:host.posting-and-ud-tracking-table {
+    #generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row {
+        td:nth-of-type(1) {
+            padding-left: 16px !important;
+        }
+
+        td:nth-of-type(2) {
+            padding-left: 8px !important;
+        }
+    }
+}