vc-create-dashboard 3.0.81 → 3.0.82

package/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.d.ts

@@ -68,6 +68,11 @@ export declare class ConfigureWidgetsComponent implements OnInit, OnChanges {
     riskWidgetsDisplayCount: number;
     constructor(dialog: DialogRef, configureWidgetsService: ConfigureWidgetsService, snackBar: SnackBarService);
     ngOnChanges(): void;
+    /** EDIT: show full widget catalog; check items present in getWidgets widgetArr. */
+    private applyEditModeWidgetCatalog;
+    /** CREATE: limit visible tiles to displayedWidgets when provided. */
+    private applyCreateModeWidgetVisibility;
+    private applySavedWidgetSelection;
     ngOnInit(): void;
     widgetsList: {
         COMPLIANCE: ({

package/lib/create-dashboard-container/create-dashboard.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { EditorConfig } from '@vcomply/editor';
 import { DatePickerComponent, IDatePickerConfig } from 'ng2-date-picker';
 import { CreateDashboardService } from './services/create-dashboard.service';
@@ -6,7 +6,6 @@ import { PaginationService } from './services/pagination.service';
 import { UserListConfiguration } from './user-list/user-list.config';
 import { CreateDashboardForm } from './create-dashboard-config';
 import { SnackBarService } from '../ui-kit/snack-bar/snack-bar.service';
-import { ConfigureWidgetsService } from './services/configure-widgets.service';
 import { PopoverService } from '../ui-kit/popover/popover.service';
 import { TextCountPipe } from './pipes/text-count.pipe';
 import { ListItem } from './program-list/interfaces/list-item.interface';
@@ -17,13 +16,13 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
     private cdr;
     private snackBar;
     popoverService: PopoverService;
-    private configureWidgetsService;
     private textCount;
     feature: any;
     activeSelector: string;
     disabled: boolean;
     mode: string;
     dashboardId: string;
+    dashboardDetails: any;
     /** API dashboard object from createDashboard response (used when navigating after create). */
     private createdDashboard;
     close: EventEmitter<any>;
@@ -38,9 +37,8 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
     usersList: any[];
     vLoader: boolean;
     userListLoaded: boolean;
+    groupListLoaded: boolean;
     rcListLoaded: boolean;
-    complianceCategoriesListLoaded: boolean;
-    riskCategoryListLoaded: boolean;
     hideToDate: boolean;
     listDetails: UserListConfiguration;
     dashboardDescription: EditorConfig;
@@ -53,12 +51,11 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
     openConfigureWidgets: boolean;
     selectedWidgets: any;
     displayedWidgets: any;
-    responsibilityCentersList: never[];
+    responsibilityCentersList: any[];
     datePickerOverlay: boolean;
     dayNames: string[];
     monthNames: string[];
     quarters: string[];
-    categoryListLoaded: boolean;
     showRiskWidgets: boolean;
     showComplianceWidgets: boolean;
     isManageRisk: boolean;
@@ -81,7 +78,6 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
         };
     };
     programListUrl: any;
-    programSelections: Record<string, any[]>;
     fromDatePickerConfig: IDatePickerConfig;
     toDatePickerConfig: IDatePickerConfig;
     isSmiley: boolean;
@@ -94,8 +90,13 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
     openedDatePicker: string;
     selectedPrograms: any;
     allProgamSelected: any[];
-    constructor(createDashboardService: CreateDashboardService, paginationService: PaginationService, cdr: ChangeDetectorRef, snackBar: SnackBarService, popoverService: PopoverService, configureWidgetsService: ConfigureWidgetsService, textCount: TextCountPipe);
-    ngOnChanges(): void;
+    private pendingEditRcIds;
+    private pendingEditRcEntries;
+    private editFormHydrated;
+    /** Tracks in-flight EDIT hydration HTTP calls; loader stays on until zero. */
+    private editHydrationCount;
+    constructor(createDashboardService: CreateDashboardService, paginationService: PaginationService, cdr: ChangeDetectorRef, snackBar: SnackBarService, popoverService: PopoverService, textCount: TextCountPipe);
+    ngOnChanges(changes: SimpleChanges): void;
     onKeydownHandler(event: KeyboardEvent): void;
     ngOnInit(): void;
     animateContainer(): void;
@@ -107,13 +108,12 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
      */
     activateSelector(type: any, event: boolean): void;
     onProgramSelectionChange(items: ListItem[]): void;
-    activeDeselector(): void;
     selectCategory(): void;
     checkDefaultProgramOnRemove(event: any): void;
     removeProgram(program: any): void;
-    private getProgramSelectionMap;
-    private flattenProgramSelectionMap;
-    private normalizeProgramCategories;
+    private syncProgramSelectionMapFromForm;
+    private hydrateProgramsFromDashboardData;
+    private applyFlatProgramCategories;
     private applyResponsibilityCategoryWidgetFilters;
     openFromDatePicker(): void;
     openToDatePicker(): void;
@@ -160,7 +160,29 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
     uniqueByProp(array: any, key: string): unknown[];
     saveSelectedList(type: string, selectedItems: any): void;
     remove(type: any, event: any, removeIndex?: any): void;
-    setList(list: any[], ids: any[], key: string): any;
+    setList(list: any[], ids: any[], key: string): any[];
+    private setListByIds;
+    private flattenRcTree;
+    private normalizeRcList;
+    private resolveRcFromTree;
+    private applyPreresolvedRcEntries;
+    private applyPendingResponsibilityCenters;
+    private beginEditHydration;
+    private finishEditHydration;
+    private tryCompleteEditHydration;
+    private wrapEditRequest;
+    private loadCustomDashboardDetailForEdit;
+    private mergeEditDashboardDetails;
+    private patchDashboardMetaFromDetail;
+    private syncProgramsForEdit;
+    private applyProgramsFromDashboardIds;
+    private ensureProgramSelectionMapForList;
+    private applyProgramSelectionMap;
+    private categoryMatchesId;
+    private loadProgramsForEdit;
+    /** Custom dashboards often store program ids only — resolve names for form chips. */
+    private resolveProgramIdsForEdit;
+    private buildEditDashboardData;
     submitted: boolean;
     /**
      * Returns id's from a particular list elements
@@ -173,7 +195,7 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
      */
     validateDashboard(): boolean;
     /**
-     * Makes an api call to create a policy
+     * Makes an api call to create a dashboad
      * @param dashboard contains dashboardForm data
      */
     submitDashboard(): false | undefined;
@@ -181,6 +203,10 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
     onSubmitDashboard(): void;
     saveDashboard(payload: any): void;
     private getCreatedDashboardCdid;
+    private hydrateEditForm;
+    private applyWidgetsFromGetWidgetsResponse;
+    /** EDIT mode only: GET getWidgets?dashboardId={cdid} */
+    private loadEditModeWidgets;
     editDashboard(): void;
     populateDashboardForm(data: any): void;
     ngAfterViewChecked(): void;
@@ -189,5 +215,5 @@ export declare class CreateDashboardComponent implements OnInit, OnChanges {
     documentClick(event: any): void;
     documentClickListener(target: any, openedElements: ElementRef, selectedDatePicker: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreateDashboardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreateDashboardComponent, "app-create-dashboard", never, { "feature": { "alias": "feature"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "dashboardId": { "alias": "dashboardId"; "required": false; }; "createdBy": { "alias": "createdBy"; "required": false; }; "configureWidget": { "alias": "configureWidget"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreateDashboardComponent, "app-create-dashboard", never, { "feature": { "alias": "feature"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "dashboardId": { "alias": "dashboardId"; "required": false; }; "dashboardDetails": { "alias": "dashboardDetails"; "required": false; }; "createdBy": { "alias": "createdBy"; "required": false; }; "configureWidget": { "alias": "configureWidget"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
 }

package/lib/create-dashboard-container/program-list/program-list/program-list.component.d.ts

@@ -42,6 +42,7 @@ export declare class ProgramListComponent<T extends ListItem> implements OnInit,
     ngOnInit(): void;
     /** Handle changes to inputs */
     ngOnChanges(changes: SimpleChanges): void;
+    private focusFirstProgramWithSelections;
     /** Fetch program list from API */
     getProgramList(): void;
     /**

package/lib/create-dashboard-container/program-list/program-list.module.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "./program-list/program-list.component";
 import * as i2 from "./pipes/check-selected-items.pipes";
 import * as i3 from "./list-container/list-container.component";
-import * as i4 from "../pipes/search-progra.pipe";
+import * as i4 from "../pipes/search-program.pipe";
 import * as i5 from "./information-block/information-block.component";
 import * as i6 from "@angular/common";
 import * as i7 from "@angular/forms";

package/lib/create-dashboard-container/services/create-dashboard.service.d.ts

@@ -35,12 +35,31 @@ export declare class CreateDashboardService {
      * Fetches the Dashboard details for data population to Edit the dashboard
      * @param id
      */
+    /** @deprecated Legacy Global-Dashboard edit fetch; custom dashboards use fetchCustomDashboardById + getWidgets. */
     fetchDashboard(id: any): import("rxjs").Observable<ArrayBuffer>;
-    updateDashboard(id: any, payload: any): import("rxjs").Observable<ArrayBuffer>;
+    /**
+     * Edit mode only — GET Global-Dashboard/getWidgets?dashboardId={cdid}
+     * @param cdid Custom dashboard id (e.g. 438F8KSK22), not numeric record id
+     */
+    fetchCustomDashboardWidgetDetails(cdid: string): import("rxjs").Observable<{
+        widgetArr: any[];
+        allWidgetsArray: any[];
+        activeWidgetArr: any[];
+    }>;
+    normalizeWidgetDetailsResponse(res: any): {
+        widgetArr: any[];
+        allWidgetsArray: any[];
+        activeWidgetArr: any[];
+    };
+    getSailsProgramList(): import("rxjs").Observable<ArrayBuffer>;
+    getProgramCategories(programId: string | number): import("rxjs").Observable<ArrayBuffer>;
+    /** Full custom dashboard payload (includes responsibilityCenterId, programId, etc.). */
+    fetchCustomDashboardById(id: string | number): import("rxjs").Observable<ArrayBuffer>;
     getUserInformation(): import("rxjs").Observable<ArrayBuffer>;
     _ID(): any;
     checkDuplicateDashboardName(payload: any): import("rxjs").Observable<ArrayBuffer>;
     createDashboard(payload: any): import("rxjs").Observable<ArrayBuffer>;
+    updateDashboard(payload: any, id: any): import("rxjs").Observable<ArrayBuffer>;
     saveWidgetDetails(payload: any): import("rxjs").Observable<ArrayBuffer>;
     buildPayload(payload: any): {
         dashboard: {

package/lib/create-dashboard-container/utils/dashboard-edit.utils.d.ts

@@ -0,0 +1,16 @@
+/** Shared helpers for custom dashboard create/edit form hydration. */
+export type ProgramSelectionMap = Record<string, any[]>;
+export declare function normalizeIdArray(value: unknown): number[];
+export declare function extractProgramIdsFromDashboard(data: any): number[];
+export declare function extractCategoryIdsFromDashboard(data: any): number[];
+export declare function extractRcIdsFromDashboard(data: any): number[];
+export declare function hasProgramSelectionInMap(map: ProgramSelectionMap | null | undefined): boolean;
+export declare function normalizeProgramCategories(categories: any[]): any[];
+export declare function flattenProgramSelectionMap(selections: ProgramSelectionMap): any[];
+export declare function normalizeProgramSelectionMap(map: ProgramSelectionMap): ProgramSelectionMap | null;
+export declare function resolveCategoryProgramId(cat: any, complianceCatalog?: any[]): string;
+export declare function buildProgramSelectionMapFromCategories(categories: any[], complianceCatalog?: any[]): ProgramSelectionMap;
+export declare function parseSailsProgramList(res: any): any[];
+export declare function getEditDashboardCdid(data: any, dashboardDetails: any, dashboardId: string): string;
+export declare function getSelectedProgramsMap(data: any): ProgramSelectionMap | undefined;
+export declare function filterActiveWidgets(widgets: any[]): any[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vc-create-dashboard",
-  "version": "3.0.81",
+  "version": "3.0.82",
   "peerDependencies": {
     "@angular/common": " 12.x || 13.x || 14.x || 15.x || 16.x || 17.x || 18.x || 19.x ",
     "@angular/core": " 12.x || 13.x || 14.x || 15.x || 16.x || 17.x || 18.x || 19.x "

package/esm2022/lib/create-dashboard-container/pipes/search-progra.pipe.mjs

@@ -1,37 +0,0 @@
-import { Pipe } from '@angular/core';
-import * as i0 from "@angular/core";
-export class SearchProgramPipe {
-    transform(items, ...args) {
-        let searchText = args[0];
-        const searchKey = args[1];
-        if (!items) {
-            return [];
-        }
-        if (!searchText) {
-            return items;
-        }
-        searchText = searchText?.toLowerCase();
-        if (items?.length) {
-            return items.filter((it) => {
-                if (!searchKey) {
-                    return JSON.stringify(it)?.toLowerCase()?.includes(searchText);
-                }
-                else if (searchKey) {
-                    return (it[searchKey]?.toString()?.toLowerCase()?.indexOf(searchText) > -1);
-                }
-            });
-        }
-        else {
-            return [];
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchProgramPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SearchProgramPipe, name: "searchProgram" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchProgramPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'searchProgram',
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLXByb2dyYS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL2NyZWF0ZS1kYXNoYm9hcmQtY29udGFpbmVyL3BpcGVzL3NlYXJjaC1wcm9ncmEucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFLcEQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixTQUFTLENBQUMsS0FBWSxFQUFFLEdBQUcsSUFBVztRQUNwQyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDekIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDVixPQUFPLEVBQUUsQ0FBQztTQUNYO1FBQ0QsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNmLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxVQUFVLEdBQUcsVUFBVSxFQUFFLFdBQVcsRUFBRSxDQUFDO1FBQ3ZDLElBQUksS0FBSyxFQUFFLE1BQU0sRUFBRTtZQUNqQixPQUFPLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFPLEVBQUUsRUFBRTtnQkFDOUIsSUFBSSxDQUFDLFNBQVMsRUFBRTtvQkFDZCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2lCQUNoRTtxQkFBTSxJQUFJLFNBQVMsRUFBRTtvQkFDcEIsT0FBTyxDQUNMLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxXQUFXLEVBQUUsRUFBRSxPQUFPLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQ25FLENBQUM7aUJBQ0g7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO2FBQU07WUFDTCxPQUFPLEVBQUUsQ0FBQztTQUNYO0lBQ0gsQ0FBQzt3R0F4QlUsaUJBQWlCO3NHQUFqQixpQkFBaUI7OzRGQUFqQixpQkFBaUI7a0JBSDdCLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLGVBQWU7aUJBQ3RCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AUGlwZSh7XG4gIG5hbWU6ICdzZWFyY2hQcm9ncmFtJyxcbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoUHJvZ3JhbVBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKGl0ZW1zOiBhbnlbXSwgLi4uYXJnczogYW55W10pOiBhbnlbXSB7XG4gICAgbGV0IHNlYXJjaFRleHQgPSBhcmdzWzBdO1xuICAgIGNvbnN0IHNlYXJjaEtleSA9IGFyZ3NbMV07XG4gICAgaWYgKCFpdGVtcykge1xuICAgICAgcmV0dXJuIFtdO1xuICAgIH1cbiAgICBpZiAoIXNlYXJjaFRleHQpIHtcbiAgICAgIHJldHVybiBpdGVtcztcbiAgICB9XG4gICAgc2VhcmNoVGV4dCA9IHNlYXJjaFRleHQ/LnRvTG93ZXJDYXNlKCk7XG4gICAgaWYgKGl0ZW1zPy5sZW5ndGgpIHtcbiAgICAgIHJldHVybiBpdGVtcy5maWx0ZXIoKGl0OiBhbnkpID0+IHtcbiAgICAgICAgaWYgKCFzZWFyY2hLZXkpIHtcbiAgICAgICAgICByZXR1cm4gSlNPTi5zdHJpbmdpZnkoaXQpPy50b0xvd2VyQ2FzZSgpPy5pbmNsdWRlcyhzZWFyY2hUZXh0KTtcbiAgICAgICAgfSBlbHNlIGlmIChzZWFyY2hLZXkpIHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgaXRbc2VhcmNoS2V5XT8udG9TdHJpbmcoKT8udG9Mb3dlckNhc2UoKT8uaW5kZXhPZihzZWFyY2hUZXh0KSA+IC0xXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBbXTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==