cat-documents-ng 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cat-documents-ng",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

package/projects/cat-document-lib/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "cat-document-lib",
+  "name": "cat-documents-ng",
   "version": "0.0.1",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
@@ -8,5 +8,9 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false
+  "typings": "index.d.ts",
+  "sideEffects": false,
+  "main": "bundles/cat-document-lib.umd.js",
+  "module": "fesm2015/cat-document-lib.js",
+  "es2015": "fesm2015/cat-document-lib.js"
 }

package/projects/cat-document-lib/src/lib/document/components/document-container/document-container.component.ts

@@ -29,9 +29,9 @@ export class DocumentContainerComponent implements OnInit{
   }
   /**
    * Get contextId in input.
-   * @type {number}
+   * @type {string}
    */
-  @Input() contextId : number = SHARED.INITIAL_VALUE;
+  @Input() contextId : string = SHARED.EMPTY;
   /**
    * The list of dummy documents.
    * @type {Array}

package/projects/cat-document-lib/src/lib/document/components/document-list/document-list.component.html

@@ -29,7 +29,7 @@
 <div class="grid">
   <div class="col-12">
     <p-sidebar [(visible)]="isSidebarVisible" position="right" [styleClass]="'right-sidebar'">
-      <lib-document-upload></lib-document-upload>
+      <lib-document-upload [contextId]="contextId"></lib-document-upload>
     </p-sidebar>
   </div>
 </div>

package/projects/cat-document-lib/src/lib/document/components/document-list/document-list.component.ts

@@ -16,6 +16,13 @@ import { SHARED } from '../../../../Shared/constant/SHARED';
   encapsulation: ViewEncapsulation.None
 })
 export class DocumentListComponent {
+
+  /**
+   * Represent contextId
+   * @type {string}
+   */
+  @Input() contextId : string = SHARED.EMPTY
+
   selectedDocument !: DocumentModel
   /**
    * Default visbility of sidebar

package/projects/cat-document-lib/src/lib/document/components/document-upload/document-upload.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, EventEmitter, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectorRef, Component, EventEmitter, Input, input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import { FileUpload } from 'primeng/fileupload';
 import { MessageService } from 'primeng/api';
 import { PrimeNGConfig } from 'primeng/api';
@@ -18,6 +18,13 @@ import { DocumentService } from '../../state/document.service';
   encapsulation: ViewEncapsulation.None
 })
 export class DocumentUploadComponent {
+
+  /**
+   * Represent contextId
+   * @type {string}
+   */
+  @Input() contextId: string = SHARED.EMPTY
+
   /**
    * Provide id of file after upload.
    * @type {*}
@@ -38,12 +45,6 @@ export class DocumentUploadComponent {
    */
   uploadedFiles: any[] = [];
 
-  /**
-   * Total size of the uploaded files in bytes.
-   * @type {number}
-   */
-  totalSize: number = SHARED.INITIAL_COUNT;
-
   /**
    * Percentage of the total size calculated for displaying upload progress.
    * @type {number}
@@ -78,6 +79,8 @@ export class DocumentUploadComponent {
     callback();
   }
 
+
+
   /**
    * Prepares the files for upload by creating a FormData object.
    * This method appends each file to the FormData for submission.
@@ -85,25 +88,25 @@ export class DocumentUploadComponent {
    * @returns {void}
    */
   handleTemplatedUpload(file: File) {
-    const formData = new FormData();
-    formData.append(SHARED.FILE, file, file.name);
+    let formData = this.handleCreateFormData(file)
     this.uploadService.create(formData)
       .subscribe({
-    /**
-     * Handles the successful upload event.
-     * Updates the list of uploaded files and emits the file ID.
-     * @param {any} event - The event emitted by the upload service on success.
-     */
+        /**
+         * Handles the successful upload event.
+         * Updates the list of uploaded files and emits the file ID.
+         * @param {any} event - The event emitted by the upload service on success.
+         */
         next: (event) => {
-          this.uploadedFiles.push(event)
+          this.uploadedFiles.push(event);
           this.fileProgress.set(event, 100);
           this.onInput.emit(event._id)
+          this.totalSizePercent = 100;
         },
-      /**
-       * Handles the error event during file upload.
-       * Updates the progress of the file to indicate failure.
-       * @param {any} error - The error object returned by the upload service.
-       */
+        /**
+         * Handles the error event during file upload.
+         * Updates the progress of the file to indicate failure.
+         * @param {any} error - The error object returned by the upload service.
+         */
         error: (error) => {
           this.fileProgress.set(file, SHARED.INITIAL_COUNT);
           this.messageService.add({
@@ -115,20 +118,29 @@ export class DocumentUploadComponent {
       });
   }
 
- /**
- * Handles the event when new files are selected.
- * Updates the uploaded files list and calculates the total file size and progress.
- * @param { { currentFiles: File[] } } event - The event containing the newly selected files.
- * @returns {void}
- */
- onSelectedFiles(event: { currentFiles: File[] }): void {
-  event.currentFiles.forEach((file: File) => {
-    this.totalSize += file.size;
-    this.handleTemplatedUpload(file);
-  });
-  this.totalSizePercent = this.totalSize / SHARED.TEN;
-  this.fileUploader.clear();
- }
+
+  /**
+   * Handle the creation of formdata.
+   * @param {File} file  - The file to append in formdata.
+   * @returns {*}
+   */
+  handleCreateFormData(file: File) {
+    const formData = new FormData();
+    formData.append(SHARED.FILE, file, file.name);
+    formData.append(SHARED.CONTEXT_ID, this.contextId)
+    return formData;
+  }
+  /**
+  * Handles the event when new files are selected.
+  * @param { { currentFiles: File[] } } event - The event containing the newly selected files.
+  * @returns {void}
+  */
+  onSelectedFiles(event: { currentFiles: File[] }): void {
+    event.currentFiles.forEach((file: File) => {
+      this.handleTemplatedUpload(file);
+    });
+    this.fileUploader.clear();
+  }
 
   /**
    * Formats the given file size in bytes into a readable format (e.g., KB, MB).
@@ -141,32 +153,29 @@ export class DocumentUploadComponent {
 
   /**
    * Handles the removal of a file from the uploaded files list.
-   * Resets the total size and upload progress after removing the file.
    * @param {File} file - The file to be removed.
    * @param {number} index - The index of the file in the uploaded files list.
    */
   handleDocumentRemove(file: File, index: number): void {
     this.uploadedFiles.splice(index, 1);
     this.fileProgress.delete(file);
-    this.totalSize -= file.size;
-    this.totalSizePercent = this.totalSize / SHARED.TEN;
     this.cdr.detectChanges();
   }
 
- /**
-  * Major progress for the progress bar.
-  * @param {File} file - File to check progress for.
-  * @returns {number} - The progress percentage for the file.
-  */
+  /**
+   * Major progress for the progress bar.
+   * @param {File} file - File to check progress for.
+   * @returns {number} - The progress percentage for the file.
+   */
   getProgress(file: File): number {
     return this.fileProgress.get(file) || SHARED.INITIAL_COUNT;
   }
 
- /**
-  * Triggers the file upload dialog.
-  * Opens the file explorer for selecting files.
-  * @returns {void}
-  */
+  /**
+   * Triggers the file upload dialog.
+   * Opens the file explorer for selecting files.
+   * @returns {void}
+   */
   triggerFileUpload() {
     this.fileUploader.choose();
   }

package/projects/cat-document-lib/src/public-api.ts

@@ -4,4 +4,5 @@
 
 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'
 

package/projects/cat-document-lib/src/shared/constant/SHARED.ts

@@ -97,6 +97,20 @@ export class SHARED {
    * @type {{}}
    */
   static EMPTY_ARRAY = []
+
+  /**
+   * Represent contextId.
+   * @static
+   * @type {string}
+   */
+  static CONTEXT_ID : string = 'contextId'
+  
+  /**
+   * Represent fileSize.
+   * @static
+   * @type {string}
+   */
+  static FILE_SIZE : string = 'fileSize'
 }
 
 /**