cat-documents-ng 0.2.31 → 0.2.34

package/lib/document/components/document-container/document-container.component.d.ts

@@ -54,6 +54,7 @@ export declare class DocumentContainerComponent implements OnInit {
      * @type {Array}
      */
     folderList: FolderBlockModel[];
+    items: any;
     /**
      * Holds the subscription to manage observable cleanup.
      * @private

package/lib/document/components/document-list/document-list.component.d.ts

@@ -6,6 +6,8 @@ import { Message } from 'primeng/api';
 import { DocumentQuery } from '../../state/document.query';
 import { DocumentStore } from '../../state/document.store';
 import { PERMISSIONS } from '../../../../Shared/constant/PERMISSIONS';
+import { DocumentTableBuilderService, DocumentSection } from '../../services/document-table-builder.service';
+import { TableData } from '../../../../Shared/components/table-primary/table-primary.component';
 import * as i0 from "@angular/core";
 /**
  * This component is responsible for displaying and managing a list of documents.
@@ -17,6 +19,7 @@ export declare class DocumentListComponent implements OnInit {
     documentHttpService: DocumentHttpService;
     documentQuery: DocumentQuery;
     documentStore: DocumentStore;
+    private documentTableBuilder;
     onRefresh: EventEmitter<any>;
     /**
      * Represents the context ID for the document list.
@@ -96,6 +99,14 @@ export declare class DocumentListComponent implements OnInit {
      * @type {string | undefined}
      */
     fileName: string | undefined;
+    /**
+     * Document sections data for rendering tables
+     */
+    documentSections: DocumentSection[];
+    /**
+     * Table data for each section
+     */
+    sectionTables: TableData[];
     /**
      * Creates an instance of DocumentListComponent.
      * @class
@@ -104,7 +115,7 @@ export declare class DocumentListComponent implements OnInit {
      * @param {DocumentQuery} documentQuery - The service responsible for geting stored documents.
      * @param {DocumentStore} documentStore - The service responsible for storing documents.
      */
-    constructor(documentUploadService: DocumentUploadService, documentHttpService: DocumentHttpService, documentQuery: DocumentQuery, documentStore: DocumentStore);
+    constructor(documentUploadService: DocumentUploadService, documentHttpService: DocumentHttpService, documentQuery: DocumentQuery, documentStore: DocumentStore, documentTableBuilder: DocumentTableBuilderService);
     /**
      * Initializes the component by fetching the document type list.
      */
@@ -150,6 +161,14 @@ export declare class DocumentListComponent implements OnInit {
      */
     getDocumentTypeList(): void;
     handleOpenSideBar(isVisible: boolean): void;
+    /**
+     * Builds table data for all document sections
+     */
+    private buildSectionTables;
+    /**
+     * Gets completion count for a section
+     */
+    getCompletionCount(section: DocumentSection): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DocumentListComponent, "lib-document-list", never, { "contextId": { "alias": "contextId"; "required": false; }; "isUploadButtonVisible": { "alias": "isUploadButtonVisible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "documentList": { "alias": "documentList"; "required": false; }; }, { "onRefresh": "onRefresh"; }, never, ["*"], false, never>;
 }

package/lib/document/components/document-status/document-status.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { StatusDataModel } from '../../models/document-status.model';
+import { DocumentStore } from '../../state/document.store';
+import { DocumentQuery } from '../../state/document.query';
+import { DocumentService } from '../../services/document.service';
+import * as i0 from "@angular/core";
+export declare class DocumentStatusComponent implements OnInit, OnDestroy {
+    private documentStore;
+    private documentQuery;
+    private documentService;
+    statusData: StatusDataModel[];
+    selectedStatus: string | null;
+    private subscription;
+    constructor(documentStore: DocumentStore, documentQuery: DocumentQuery, documentService: DocumentService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    getTotalCount(): number;
+    getPercentage(count: number): number;
+    selectStatus(status: string): void;
+    isSelected(status: string): boolean;
+    setExampleSelections(): void;
+    clearAllSelections(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentStatusComponent, "lib-document-status", never, {}, {}, never, never, false, never>;
+}

package/lib/document/components/documents-menu/documents-menu.component.d.ts

@@ -1,6 +1,21 @@
+import { OnInit } from '@angular/core';
+import { DocumentStore } from '../../state/document.store';
+import { DocumentQuery } from '../../state/document.query';
 import * as i0 from "@angular/core";
-export declare class DocumentsMenuComponent {
+export declare class DocumentsMenuComponent implements OnInit {
+    private documentStore;
+    private documentQuery;
     items: any;
+    selectedMenuItem: string | null;
+    constructor(documentStore: DocumentStore, documentQuery: DocumentQuery);
+    ngOnInit(): void;
+    onMenuItemClick(event: any, item: any): void;
+    selectMenuItem(menuItemLabel: string): void;
+    unselectMenuItem(): void;
+    isMenuItemSelected(menuItemLabel: string): boolean;
+    getSelectedMenuItem(): string | null;
+    private getMenuItemCategory;
+    private handleUserListVisibility;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentsMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentsMenuComponent, "lib-documents-menu", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentsMenuComponent, "lib-documents-menu", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/document/components/folder-container/folder-container.component.d.ts

@@ -1,5 +1,7 @@
+import { OnInit } from '@angular/core';
 import { DocumentModel } from '../../models/document.model';
 import { FolderBlockModel } from '../../models/folder.model';
+import { DocumentQuery } from '../../state/document.query';
 import * as i0 from "@angular/core";
 /**
  * The `FolderContainerComponent` is responsible for rendering a container
@@ -8,7 +10,8 @@ import * as i0 from "@angular/core";
  * This component utilizes the `FOLDERPANEL` constant for folder panel data
  * and accepts a document list input of type `DocumentModel`.
  */
-export declare class FolderContainerComponent {
+export declare class FolderContainerComponent implements OnInit {
+    private documentQuery;
     /**
      * A list of documents passed as input to the component.
      * Represents the document data to be displayed in the folder container.
@@ -24,6 +27,16 @@ export declare class FolderContainerComponent {
      * @type {string}
      */
     contextId: string;
+    /**
+     * Flag to control user list visibility
+     */
+    showUserList: boolean;
+    constructor(documentQuery: DocumentQuery);
+    ngOnInit(): void;
+    /**
+     * Get the animation state for the user list
+     */
+    getUserListAnimationState(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FolderContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FolderContainerComponent, "lib-folder-container", never, { "documentList": { "alias": "documentList"; "required": false; }; "folderList": { "alias": "folderList"; "required": false; }; "contextId": { "alias": "contextId"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/document/components/user-list/user-list.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { DocumentService } from '../../services/document.service';
+import { DocumentStore } from '../../state/document.store';
+import { DocumentQuery } from '../../state/document.query';
+import * as i0 from "@angular/core";
+export interface UserData {
+    _id: string;
+    username: string;
+    approveDocumentCount: number;
+    pendingDocumentCount: number;
+    initials?: string;
+    color: string;
+}
+export declare class UserListComponent implements OnInit {
+    documentService: DocumentService;
+    private documentStore;
+    private documentQuery;
+    userData: UserData[];
+    selectedUser?: string;
+    userSelected: EventEmitter<string>;
+    constructor(documentService: DocumentService, documentStore: DocumentStore, documentQuery: DocumentQuery);
+    ngOnInit(): void;
+    getInitials(username: string): string;
+    getColorByIndex(index: number): string;
+    getColorValue(colorName: string): string;
+    onUserSelect(username: string, id: string): void;
+    selectUser(userId: string): void;
+    unselectUser(): void;
+    isUserSelected(userId: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserListComponent, "lib-user-list", never, {}, { "userSelected": "userSelected"; }, never, never, false, never>;
+}

package/lib/document/document.module.d.ts

@@ -10,26 +10,30 @@ import * as i8 from "./directives/document.directive";
 import * as i9 from "./directives/permission.directive";
 import * as i10 from "./components/linked-document/linked-document.component";
 import * as i11 from "./components/documents-menu/documents-menu.component";
-import * as i12 from "@angular/common";
-import * as i13 from "primeng/accordion";
-import * as i14 from "@angular/common/http";
-import * as i15 from "primeng/button";
-import * as i16 from "primeng/sidebar";
-import * as i17 from "primeng/fileupload";
-import * as i18 from "primeng/progressbar";
-import * as i19 from "primeng/badge";
-import * as i20 from "primeng/listbox";
-import * as i21 from "primeng/checkbox";
-import * as i22 from "primeng/timeline";
-import * as i23 from "primeng/inputtextarea";
-import * as i24 from "@angular/forms";
-import * as i25 from "ng2-pdf-viewer";
-import * as i26 from "primeng/dialog";
-import * as i27 from "primeng/dropdown";
-import * as i28 from "primeng/inputtext";
-import * as i29 from "primeng/menu";
-import * as i30 from "primeng/panelmenu";
-import * as i31 from "primeng/card";
+import * as i12 from "./components/user-list/user-list.component";
+import * as i13 from "./components/document-status/document-status.component";
+import * as i14 from "@angular/common";
+import * as i15 from "primeng/accordion";
+import * as i16 from "@angular/common/http";
+import * as i17 from "primeng/button";
+import * as i18 from "primeng/sidebar";
+import * as i19 from "primeng/fileupload";
+import * as i20 from "primeng/progressbar";
+import * as i21 from "primeng/badge";
+import * as i22 from "primeng/listbox";
+import * as i23 from "primeng/checkbox";
+import * as i24 from "primeng/timeline";
+import * as i25 from "primeng/inputtextarea";
+import * as i26 from "@angular/forms";
+import * as i27 from "ng2-pdf-viewer";
+import * as i28 from "primeng/dialog";
+import * as i29 from "primeng/dropdown";
+import * as i30 from "primeng/inputtext";
+import * as i31 from "primeng/menu";
+import * as i32 from "primeng/panelmenu";
+import * as i33 from "primeng/card";
+import * as i34 from "primeng/table";
+import * as i35 from "../../Shared/shared.module";
 /**
  * @module DocumentModule
  *
@@ -39,6 +43,6 @@ import * as i31 from "primeng/card";
  */
 export declare class DocumentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DocumentModule, [typeof i1.DocumentContainerComponent, typeof i2.FolderContainerComponent, typeof i3.FolderBlockComponent, typeof i4.DocumentListComponent, typeof i5.DocumentListItemComponent, typeof i6.DocumentUploadComponent, typeof i7.DocumentViewerComponent, typeof i8.DocumentDirective, typeof i9.HasPermissionDirective, typeof i10.LinkedDocumentComponent, typeof i11.DocumentsMenuComponent], [typeof i12.CommonModule, typeof i13.AccordionModule, typeof i14.HttpClientModule, typeof i15.ButtonModule, typeof i16.SidebarModule, typeof i17.FileUploadModule, typeof i18.ProgressBarModule, typeof i19.BadgeModule, typeof i20.ListboxModule, typeof i21.CheckboxModule, typeof i22.TimelineModule, typeof i23.InputTextareaModule, typeof i24.FormsModule, typeof i25.PdfViewerModule, typeof i26.DialogModule, typeof i27.DropdownModule, typeof i28.InputTextModule, typeof i29.MenuModule, typeof i30.PanelMenuModule, typeof i31.CardModule], [typeof i9.HasPermissionDirective, typeof i1.DocumentContainerComponent, typeof i7.DocumentViewerComponent, typeof i4.DocumentListComponent, typeof i8.DocumentDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DocumentModule, [typeof i1.DocumentContainerComponent, typeof i2.FolderContainerComponent, typeof i3.FolderBlockComponent, typeof i4.DocumentListComponent, typeof i5.DocumentListItemComponent, typeof i6.DocumentUploadComponent, typeof i7.DocumentViewerComponent, typeof i8.DocumentDirective, typeof i9.HasPermissionDirective, typeof i10.LinkedDocumentComponent, typeof i11.DocumentsMenuComponent, typeof i12.UserListComponent, typeof i13.DocumentStatusComponent], [typeof i14.CommonModule, typeof i15.AccordionModule, typeof i16.HttpClientModule, typeof i17.ButtonModule, typeof i18.SidebarModule, typeof i19.FileUploadModule, typeof i20.ProgressBarModule, typeof i21.BadgeModule, typeof i22.ListboxModule, typeof i23.CheckboxModule, typeof i24.TimelineModule, typeof i25.InputTextareaModule, typeof i26.FormsModule, typeof i27.PdfViewerModule, typeof i28.DialogModule, typeof i29.DropdownModule, typeof i30.InputTextModule, typeof i31.MenuModule, typeof i32.PanelMenuModule, typeof i33.CardModule, typeof i34.TableModule, typeof i35.SharedModule], [typeof i9.HasPermissionDirective, typeof i1.DocumentContainerComponent, typeof i7.DocumentViewerComponent, typeof i4.DocumentListComponent, typeof i8.DocumentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DocumentModule>;
 }

package/lib/document/models/document-status.model.d.ts

@@ -0,0 +1,6 @@
+export declare class StatusDataModel {
+    status?: string;
+    count?: number;
+    color?: string;
+    icon?: string;
+}

package/lib/document/services/document-http.service.d.ts

@@ -64,6 +64,15 @@ export declare class DocumentHttpService {
      * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
      */
     updateDocumentName(documentId: string, payload: any): Observable<DocumentModel>;
+    /**
+     * Fetches documents based on selection criteria (menu item, user ID, and status).
+     * This method sends an HTTP GET request with query parameters for the selected filters.
+     * @param {string | null} menuItem - The selected menu item filter.
+     * @param {string | null} userId - The selected user ID filter.
+     * @param {string | null} status - The selected status filter.
+     * @returns {Observable<any>} An observable that emits the filtered document data.
+     */
+    getDocumentsBySelection(menuItem: string | null, userId: string | null, status: string | null): Observable<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentHttpService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DocumentHttpService>;
 }

package/lib/document/services/document-table-builder.service.d.ts

@@ -0,0 +1,52 @@
+import { TableData } from '../../../Shared/components/table-primary/table-primary.component';
+import * as i0 from "@angular/core";
+export interface DocumentSection {
+    header: string;
+    description: string;
+    pendingDocument: number;
+    approvedDocument: number;
+    list: DocumentItem[];
+}
+export interface DocumentItem {
+    documentName: string;
+    documentType: string;
+    documentUrl: string;
+    status: string;
+    applicantName: string;
+    uploadedTime: string;
+}
+export declare class DocumentTableBuilderService {
+    constructor();
+    /**
+     * Builds table data for document sections
+     * @param sections Array of document sections
+     * @returns Array of TableData objects
+     */
+    buildDocumentSectionsTables(sections: DocumentSection[]): TableData[];
+    /**
+     * Builds table data for a single document section
+     * @param section Document section
+     * @returns TableData object
+     */
+    private buildTableForSection;
+    /**
+     * Builds a single table from document list
+     * @param documents Array of document items
+     * @returns TableData object
+     */
+    buildDocumentTable(documents: DocumentItem[]): TableData;
+    /**
+     * Gets completion count for a section
+     * @param section Document section
+     * @returns Completion string (e.g., "2/4")
+     */
+    getCompletionCount(section: DocumentSection): string;
+    /**
+     * Transforms document model to document item
+     * @param documents Array of DocumentModel
+     * @returns Array of DocumentItem
+     */
+    transformDocumentModelToItem(documents: any[]): DocumentItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentTableBuilderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DocumentTableBuilderService>;
+}

package/lib/document/services/document.service.d.ts

@@ -1,10 +1,22 @@
+import { Observable } from "rxjs";
 import { DocumentModel } from "../models/document.model";
+import { DocumentStore } from "../state/document.store";
+import { DocumentQuery } from "../state/document.query";
+import { DocumentHttpService } from "./document-http.service";
 import * as i0 from "@angular/core";
 /**
- * Service to manage the document data
+ * Service to manage the document data and selection state
  */
 export declare class DocumentService {
+    private documentStore;
+    private documentQuery;
+    private documentHttpService;
     private documentSubject$;
+    constructor(documentStore: DocumentStore, documentQuery: DocumentQuery, documentHttpService: DocumentHttpService);
+    /**
+     * Initialize watcher for selection state changes
+     */
+    private initializeSelectionWatcher;
     /**
      * Set the document data
      * @param document the document data
@@ -14,7 +26,51 @@ export declare class DocumentService {
      * Get the document data
      * @returns the document data
      */
-    get(): import("rxjs").Observable<DocumentModel | null>;
+    get(): Observable<DocumentModel | null>;
+    /**
+     * Set the selected menu item
+     * @param menuItem the selected menu item
+     */
+    setSelectedMenuItem(menuItem: string | null): void;
+    /**
+     * Set the selected user ID
+     * @param userId the selected user ID
+     */
+    setSelectedUserId(userId: string | null): void;
+    /**
+     * Set the selected status
+     * @param status the selected status
+     */
+    setSelectedStatus(status: string | null): void;
+    /**
+     * Set all selection state at once
+     * @param menuItem the selected menu item
+     * @param userId the selected user ID
+     * @param status the selected status
+     */
+    setSelectionState(menuItem: string | null, userId: string | null, status: string | null): void;
+    /**
+     * Clear all selection state
+     */
+    clearSelectionState(): void;
+    /**
+     * Set user list visibility
+     * @param show whether to show the user list
+     */
+    setShowUserList(show: boolean): void;
+    /**
+     * Get the current selection state
+     * @returns observable of the current selection state
+     */
+    getSelectionState(): Observable<{
+        menuItem: string | null;
+        userId: string | null;
+        status: string | null;
+    }>;
+    /**
+     * Manually trigger API call with current selection state
+     */
+    refreshDocumentsWithCurrentSelection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DocumentService>;
 }

package/lib/document/state/document.query.d.ts

@@ -35,6 +35,49 @@ export declare class DocumentQuery extends QueryEntity<DocumentState> {
      * @returns {Observable<DocumentModel[]>} Observable that emits the documets.
      */
     selectDocumets(): Observable<DocumentModel[]>;
+    /**
+     * Selects the currently selected menu item.
+     * @returns {Observable<string | null>} Observable that emits the currently selected menu item.
+     */
+    selectSelectedMenuItem(): Observable<string | null>;
+    /**
+     * Selects the currently selected user ID.
+     * @returns {Observable<string | null>} Observable that emits the currently selected user ID.
+     */
+    selectSelectedUserId(): Observable<string | null>;
+    /**
+     * Selects the currently selected status.
+     * @returns {Observable<string | null>} Observable that emits the currently selected status.
+     */
+    selectSelectedStatus(): Observable<string | null>;
+    /**
+     * Selects all selection state properties (menu item, user ID, status).
+     * @returns {Observable<{menuItem: string | null, userId: string | null, status: string | null}>} Observable that emits the current selection state.
+     */
+    selectSelectionState(): Observable<{
+        menuItem: string | null;
+        userId: string | null;
+        status: string | null;
+    }>;
+    /**
+     * Gets the current selection state values (synchronous).
+     * @returns {Object} The current selection state values.
+     */
+    getSelectionState(): {
+        menuItem: string | null;
+        userId: string | null;
+        status: string | null;
+    };
+    /**
+     * Selects the user list visibility state.
+     * @returns {Observable<boolean>} Observable that emits the current user list visibility.
+     */
+    selectShowUserList(): Observable<boolean>;
+    /**
+     * Gets the current user list visibility value (synchronous).
+     * @returns {boolean} The current user list visibility.
+     */
+    getShowUserList(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentQuery, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DocumentQuery>;
 }

package/lib/document/state/document.state.d.ts

@@ -26,6 +26,10 @@ export interface DocumentState extends EntityState<DocumentModel, string> {
     folders: FolderBlockModel[];
     messages: Message[];
     documentList: DocumentModel[];
+    selectedMenuItem: string | null;
+    selectedUserId: string | null;
+    selectedStatus: string | null;
+    showUserList: boolean;
 }
 /**
  * Creates the initial state for the `DocumentState` store.

package/lib/document/state/document.store.d.ts

@@ -22,6 +22,12 @@ export declare class DocumentStore extends EntityStore<DocumentState> {
     setParentDocumentTypeId(parentDocumentTypeId: string): void;
     setMessage(message: Message[]): void;
     setDocumentList(documents: DocumentModel[]): void;
+    setSelectedMenuItem(menuItem: string | null): void;
+    setSelectedUserId(userId: string | null): void;
+    setSelectedStatus(status: string | null): void;
+    setSelectionState(menuItem: string | null, userId: string | null, status: string | null): void;
+    clearSelectionState(): void;
+    setShowUserList(show: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DocumentStore>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cat-documents-ng",
-  "version": "0.2.31",
+  "version": "0.2.34",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0"

package/public-api.d.ts

@@ -2,5 +2,6 @@ export * from './lib/document/document.module';
 export * from './lib/document/components/document-container/document-container.component';
 export * from './lib/document/components/document-viewer/document-viewer.component';
 export * from './lib/document/components/document-list/document-list.component';
+export * from './lib/document/services/document-table-builder.service';
 export * from './lib/document/directives/document.directive';
 export * from './lib/document/directives/permission.directive';