@ieeesa-npm/presentation 0.25.1 → 0.25.2

package/lib/components/chips/chips.component.d.ts

@@ -238,6 +238,8 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 allowedFileFormat: string;
                 browseFiles: string;
                 uploadProgress: string;
+                upload: string;
+                mb: string;
             };
             ariaLabel: {
                 fileUpload: string;
@@ -274,6 +276,9 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                     "2064": string;
                 };
             };
+            limit: {
+                maxFileUpload: number;
+            };
         };
         list: {
             defaultIndentation: number;

package/lib/components/dynamic-form/dynamic-form.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, EventEmitter, OnInit, QueryList } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
 import { FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { FormModel } from '../../models/form.model';
 import { FieldConfig } from '../../models/field-config.model';
@@ -22,8 +22,9 @@ import * as i0 from "@angular/core";
  * @implements {OnInit}
  * @implements {AfterContentInit}
  */
-export declare class DynamicFormComponent implements OnInit, AfterContentInit {
+export declare class DynamicFormComponent implements OnInit, AfterContentInit, AfterViewInit {
     private fb;
+    private elementRef;
     formFields: QueryList<DynamicFormFieldDirective>;
     private _formGroups;
     /**
@@ -46,6 +47,9 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      */
     set searchResponse(value: any);
     get searchResponse(): any;
+    private _filesUploadedSuccessfullyCount;
+    get filesUploadedSuccessfullyCount(): number;
+    set filesUploadedSuccessfullyCount(value: number);
     colWidth: FormGrid;
     isLegendVisible: boolean;
     rightButtonLabel: string;
@@ -53,6 +57,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     isSubmitButtonDisabled: boolean;
     isLeftButtonDisabled: boolean;
     isLeftButtonNeeded: boolean;
+    isRightButtonNeeded: boolean;
     actionButtonAlign: AlignType;
     alignmentType: typeof AlignType;
     formSubmit: EventEmitter<any>;
@@ -81,7 +86,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formTimeSelected: EventEmitter<SelectedTime>;
     supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
-    formFileUpload: EventEmitter<File | FileList>;
+    formFileUpload: EventEmitter<FileList | File>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
     formColorPickerChange: EventEmitter<string>;
     formRadioOptionSelected: EventEmitter<RadioOption>;
@@ -94,7 +99,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formGroupArray: FormGroup[];
     formControlArray: any[];
     legendsArray: string[];
-    constructor(fb: FormBuilder);
+    constructor(fb: FormBuilder, elementRef: ElementRef);
     /**
      * Implementation of ngOnInit lifecycle hook method to create form group
      * @memberof DynamicFormComponent
@@ -105,6 +110,11 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     ngAfterContentInit(): void;
+    /**
+     * Sets the focus to the first field.
+     * @memberof DynamicFormComponent
+     */
+    ngAfterViewInit(): void;
     /**
      * Creates form group on the basis of formGroups configuration input
      * @return {void}
@@ -315,5 +325,5 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      */
     onCheckboxCTAButtonClick(event: IconButton): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "formFileUpload": "formFileUpload"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "formMultiSelectAutoCompleteClearSearchValue": "formMultiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, ["[component]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "filesUploadedSuccessfullyCount": { "alias": "filesUploadedSuccessfullyCount"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "isRightButtonNeeded": { "alias": "isRightButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "formFileUpload": "formFileUpload"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "formMultiSelectAutoCompleteClearSearchValue": "formMultiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, ["[component]"], true, never>;
 }

package/lib/components/file-upload/file-upload.component.d.ts

@@ -1,9 +1,11 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FormUtilityService } from '../../services/form-utility.service';
 import { FieldConfig } from '../../models/field-config.model';
 import { AllowedFileTypes } from '../../models/allowed-file-types.model';
 import { FileUploadService } from '../../services/file-upload.service';
+import { ViewFilesFormat } from '../../models/view-files-format.model';
+import { AlignType } from '../../models/align-type.model';
 import * as i0 from "@angular/core";
 /**
  * Provides functionality for uploading files to aws s3 bucket.
@@ -14,6 +16,7 @@ import * as i0 from "@angular/core";
 export declare class FileUploadComponent implements OnInit {
     formUtilityService: FormUtilityService;
     fileUploadService: FileUploadService;
+    fileField: ElementRef;
     constants: {
         ariaLabel: {
             clear: string;
@@ -229,6 +232,8 @@ export declare class FileUploadComponent implements OnInit {
                 allowedFileFormat: string;
                 browseFiles: string;
                 uploadProgress: string;
+                upload: string;
+                mb: string;
             };
             ariaLabel: {
                 fileUpload: string;
@@ -265,6 +270,9 @@ export declare class FileUploadComponent implements OnInit {
                     "2064": string;
                 };
             };
+            limit: {
+                maxFileUpload: number;
+            };
         };
         list: {
             defaultIndentation: number;
@@ -289,6 +297,8 @@ export declare class FileUploadComponent implements OnInit {
         allowedFileFormat: string;
         browseFiles: string;
         uploadProgress: string;
+        upload: string;
+        mb: string;
     };
     fileUploadAriaLabel: {
         fileUpload: string;
@@ -318,11 +328,14 @@ export declare class FileUploadComponent implements OnInit {
     group: FormGroup;
     isValidFileType: boolean;
     isValidFileSize: boolean;
+    isValidMaxFileUploadLimit: boolean;
     selectedFiles: FileList | File | any;
     selectedFileNames: string;
     isFormField: boolean;
     totalSize: number;
     uploadedFiles: FileList | File | any;
+    actionButtonAlign: AlignType;
+    alignmentType: typeof AlignType;
     formControlName: string;
     isFileSelected: boolean;
     supportMessage: string;
@@ -330,12 +343,22 @@ export declare class FileUploadComponent implements OnInit {
     isMultiFileUpload: boolean;
     isUploadInProgress: boolean;
     fileUploadHeading: string;
+    isAllowAnyFileType: boolean;
+    viewFilesFormat: ViewFilesFormat;
+    isUploadButtonNeeded: boolean;
     maxUploadFileSize: number;
     private uploadedSizeValue;
+    fileUploadErrorPosition: string;
+    maxFilesUploadLimit: number;
+    maxFilesUploadLimitErrorMessage: string;
+    private _filesUploadedSuccessfullyCount;
+    get filesUploadedSuccessfullyCount(): number;
+    set filesUploadedSuccessfullyCount(value: number);
     get uploadedSize(): number;
     set uploadedSize(value: number);
-    uploadSelectedFiles: EventEmitter<File | FileList>;
-    downloadSelectedFile: EventEmitter<File | FileList>;
+    uploadSelectedFiles: EventEmitter<FileList | File>;
+    downloadSelectedFile: EventEmitter<FileList | File>;
+    uploadButtonClicked: EventEmitter<any>;
     constructor(formUtilityService: FormUtilityService, fileUploadService: FileUploadService);
     /**
      * Initializes component properties and retrieves configuration.
@@ -348,7 +371,7 @@ export declare class FileUploadComponent implements OnInit {
      */
     getAllowedFileFormatSizeMessage(): void;
     /**
-     * Handles the selected of file(s) and emits FileUpload event emitter for uploading the file(s).
+     * Handles the selected file(s) and emits FileUpload event emitter for uploading the file(s).
      * @param {(File | FileList)} file
      * @memberof FileUploadComponent
      */
@@ -393,6 +416,15 @@ export declare class FileUploadComponent implements OnInit {
      * @memberof FileUploadComponent
      */
     trackByFn(index: number): number | string;
+    /**
+     * Triggers on browse element clicked
+     */
+    fileClick(): void;
+    /**
+     * Removes file from selectedFiles and selectedFileNames array
+     * @param index
+     */
+    removeFile(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ieeesa-file-upload", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "isFileSelected": { "alias": "isFileSelected"; "required": false; }; "supportMessage": { "alias": "supportMessage"; "required": false; }; "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; "isMultiFileUpload": { "alias": "isMultiFileUpload"; "required": false; }; "isUploadInProgress": { "alias": "isUploadInProgress"; "required": false; }; "fileUploadHeading": { "alias": "fileUploadHeading"; "required": false; }; "maxUploadFileSize": { "alias": "maxUploadFileSize"; "required": false; }; "uploadedSize": { "alias": "uploadedSize"; "required": false; }; }, { "uploadSelectedFiles": "uploadSelectedFiles"; "downloadSelectedFile": "downloadSelectedFile"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ieeesa-file-upload", never, { "maxFileSizeErrorMessage": { "alias": "maxFileSizeErrorMessage"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "isFileSelected": { "alias": "isFileSelected"; "required": false; }; "supportMessage": { "alias": "supportMessage"; "required": false; }; "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; "isMultiFileUpload": { "alias": "isMultiFileUpload"; "required": false; }; "isUploadInProgress": { "alias": "isUploadInProgress"; "required": false; }; "fileUploadHeading": { "alias": "fileUploadHeading"; "required": false; }; "isAllowAnyFileType": { "alias": "isAllowAnyFileType"; "required": false; }; "viewFilesFormat": { "alias": "viewFilesFormat"; "required": false; }; "isUploadButtonNeeded": { "alias": "isUploadButtonNeeded"; "required": false; }; "maxUploadFileSize": { "alias": "maxUploadFileSize"; "required": false; }; "fileUploadErrorPosition": { "alias": "fileUploadErrorPosition"; "required": false; }; "maxFilesUploadLimit": { "alias": "maxFilesUploadLimit"; "required": false; }; "maxFilesUploadLimitErrorMessage": { "alias": "maxFilesUploadLimitErrorMessage"; "required": false; }; "filesUploadedSuccessfullyCount": { "alias": "filesUploadedSuccessfullyCount"; "required": false; }; "uploadedSize": { "alias": "uploadedSize"; "required": false; }; }, { "uploadSelectedFiles": "uploadSelectedFiles"; "downloadSelectedFile": "downloadSelectedFile"; "uploadButtonClicked": "uploadButtonClicked"; }, never, never, true, never>;
 }

package/lib/components/tabs/tabs.component.d.ts

@@ -28,6 +28,7 @@ export declare class TabsComponent implements OnInit, OnDestroy {
     constants: any;
     modalConfigTexts: any;
     isViewOnly: string | boolean;
+    isMemberOfGroup: string | boolean;
     eventId: string;
     meetingId: string;
     actionType: any;
@@ -73,5 +74,5 @@ export declare class TabsComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "eventId": { "alias": "eventId"; "required": false; }; "meetingId": { "alias": "meetingId"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "routePaths": { "alias": "routePaths"; "required": false; }; "apiBaseURL": { "alias": "apiBaseURL"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "isMemberOfGroup": { "alias": "isMemberOfGroup"; "required": false; }; "eventId": { "alias": "eventId"; "required": false; }; "meetingId": { "alias": "meetingId"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "routePaths": { "alias": "routePaths"; "required": false; }; "apiBaseURL": { "alias": "apiBaseURL"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
 }

package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts

@@ -38,6 +38,9 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     set group(value: FormGroup);
     get group(): FormGroup;
+    private _filesUploadedSuccessfullyCount;
+    get filesUploadedSuccessfullyCount(): number;
+    set filesUploadedSuccessfullyCount(value: number);
     private _submitResponse;
     /**
      * Sets the submit response of form submit event
@@ -74,7 +77,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
     formColorPickerChange: EventEmitter<string>;
-    formFileUpload: EventEmitter<File | FileList>;
+    formFileUpload: EventEmitter<FileList | File>;
     formRadioOptionSelected: EventEmitter<RadioOption>;
     ctaButtonClick: EventEmitter<IconButton>;
     formMultiSelectAutoCompleteSearch: EventEmitter<string>;
@@ -99,5 +102,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formFileUpload": "formFileUpload"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "multiSelectAutoCompleteClearSearchValue": "multiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "filesUploadedSuccessfullyCount": { "alias": "filesUploadedSuccessfullyCount"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formFileUpload": "formFileUpload"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "multiSelectAutoCompleteClearSearchValue": "multiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, never, true, never>;
 }

package/lib/directives/file-upload/file-upload.directive.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 export declare class FileUploadDirective {
     allowedFileTypes: string[];
     isMultiFileUpload: boolean;
-    fileDropped: EventEmitter<File | FileList>;
+    fileDropped: EventEmitter<FileList | File>;
     /**
      * Binds the 'multiple' attribute based on the value of allowMultiple property.
      * @readonly

package/lib/models/field-config.model.d.ts

@@ -10,6 +10,8 @@ import { SlideToggleOption } from './slide-toggle-options.model';
 import { ColorFormat, ColorsAnimation } from './color-format.model';
 import { AllowedFileTypes } from './allowed-file-types.model';
 import { EditorConfig } from 'ngx-simple-text-editor';
+import { ViewFilesFormat } from './view-files-format.model';
+import { AlignType } from '../models/align-type.model';
 export interface FieldConfig {
     isSortNeeded?: boolean;
     disabled?: boolean;
@@ -84,4 +86,11 @@ export interface FieldConfig {
     canHideTextInput?: boolean;
     multiSelectAutoCompleteOptions?: AutoCompleteOption[];
     editorConfig?: EditorConfig;
+    isAllowAnyFileType?: boolean;
+    viewFilesFormat?: ViewFilesFormat;
+    isUploadButtonNeeded?: boolean;
+    actionButtonAlign?: AlignType;
+    fileUploadErrorPosition?: string;
+    maxFilesUploadLimit?: number;
+    maxFilesUploadLimitErrorMessage?: string;
 }

package/lib/models/file-upload-payload-model.d.ts

@@ -0,0 +1,3 @@
+export interface FileUploadPayload {
+    [key: string]: any;
+}

package/lib/models/file-upload-response.model.d.ts

@@ -0,0 +1,9 @@
+export interface FileUploadBodyResponse {
+    fileName: string;
+    preSignedUrl: string;
+}
+export interface FileUploadResponse {
+    status: boolean;
+    body: FileUploadBodyResponse[];
+    message: string;
+}

package/lib/models/tab.model.d.ts

@@ -2,4 +2,5 @@ export interface Tab {
     id: number | string;
     label: string;
     componentRef: any;
+    disabled?: boolean;
 }

package/lib/models/view-files-format.model.d.ts

@@ -0,0 +1,4 @@
+export declare enum ViewFilesFormat {
+    DEFAULT = "default",
+    BOTTOM = "bottom"
+}

package/lib/services/file-upload.service.d.ts

@@ -3,6 +3,8 @@ import { OnDestroy } from '@angular/core';
 import { AlertsService, HttpService, LoaderNotificationService } from '@ieeesa-npm/utility';
 import { FileUploadPresignedUrl } from '../models/file-upload-presigned-url-res.model';
 import { Observable, Subject } from 'rxjs';
+import { FileUploadPayload } from '@presentation/models/file-upload-payload-model';
+import { FileUploadBodyResponse, FileUploadResponse } from '@presentation/models/file-upload-response.model';
 import * as i0 from "@angular/core";
 /**
  * This service interacts with the server to obtain pre-signed URLs for file upload and uploads files to Amazon S3.
@@ -52,6 +54,10 @@ export declare class FileUploadService implements OnDestroy {
                 };
                 remove: {
                     id: number;
+                    /**
+                     * This service interacts with the server to obtain pre-signed URLs for file upload and uploads files to Amazon S3.
+                     * @class FileUploadService
+                     */
                     iconURL: string;
                     toolTip: string;
                     ariaLabel: string;
@@ -92,6 +98,11 @@ export declare class FileUploadService implements OnDestroy {
             endDateLabel: string;
             datePickerIcon: string;
         };
+        /**
+         * Gets pre-signed URL for the files to be uploaded in S3 bucket
+         * @param fileUploadPayload
+         * @param fileUploadAPIPath
+         */
         dropdown: {
             placeholderText: string;
         };
@@ -192,12 +203,7 @@ export declare class FileUploadService implements OnDestroy {
             ariaLabel: {
                 spinner: string;
             };
-        }; /**
-         * Retrieves presigned URL for downloading files to Amazon S3 bucket.
-         * @param {(File | FileList)} file
-         * @return {Observable<string>}
-         * @memberof FileUploadService
-         */
+        };
         defaultWelcomeBgColor: string;
         timePicker: {
             defaultTimeFormat: number;
@@ -233,6 +239,8 @@ export declare class FileUploadService implements OnDestroy {
                 allowedFileFormat: string;
                 browseFiles: string;
                 uploadProgress: string;
+                upload: string;
+                mb: string;
             };
             ariaLabel: {
                 fileUpload: string;
@@ -269,6 +277,9 @@ export declare class FileUploadService implements OnDestroy {
                     "2064": string;
                 };
             };
+            limit: {
+                maxFileUpload: number;
+            };
         };
         list: {
             defaultIndentation: number;
@@ -290,6 +301,8 @@ export declare class FileUploadService implements OnDestroy {
     fileByteArray: Uint8Array | undefined;
     httpClient: HttpClient;
     isFileUploading: boolean;
+    filesNamesUploadFailed: string[];
+    filesUploadedSuccessfullyCount: number;
     constructor(httpService: HttpService, handler: HttpBackend, alertService: AlertsService, loaderNotificationService: LoaderNotificationService);
     /**
      * Sets the base URL for API requests.
@@ -305,13 +318,28 @@ export declare class FileUploadService implements OnDestroy {
      */
     getFileUploadPresignedUrl(file: File | FileList, appId: string): Observable<FileUploadPresignedUrl>;
     /**
-     * Uploads file to AWS S3 using a presigned URL.
-     * @param {string} presignedUrl
-     * @param {(File | FileList)} file
+     * Gets pre-signed URL for the files to be uploaded in S3 bucket
+     * @param fileUploadPayload
+     * @param fileUploadAPIPath
+     */
+    getPreSignedURL(fileUploadPayload: FileUploadPayload, fileUploadAPIPath?: string): Observable<FileUploadResponse>;
+    /**
+     * Uploads file to AWS S3 using a pre-signed URL.
+     * @param {string} preSignedUrl
+     * @param files
+     * @param isMultipleFileUpload
      * @return {Observable<any>} -Returns an observable that emits the response after uploading the file to S3.
      * @memberof FileUploadService
      */
-    uploadFileToS3(presignedUrl: string, file: File | FileList): Observable<any>;
+    uploadFileToS3(preSignedUrl: FileUploadBodyResponse[] | string, files: File | FileList, isMultipleFileUpload?: boolean): Observable<any>;
+    /**
+     * Makes http call to AWS to upload file in S3 bucket
+     * @param preSignedUrl
+     * @param file
+     * @param fileType
+     * @param fileSize
+     */
+    httpCallToAWS(preSignedUrl: string, file: File, fileType: string, fileSize: number): Observable<any>;
     /**
      * Gets file upload progress.
      * @param {*} message
@@ -325,7 +353,7 @@ export declare class FileUploadService implements OnDestroy {
      * @return {*}
      * @memberof FileUploadService
      */
-    getEventMessage(event: HttpEvent<any>, file: File | FileList): string | true;
+    getEventMessage(event: HttpEvent<any>, file: File): string | true;
     /**
      * Converts file to byte array.
      * @param {File} file

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/public-api.d.ts

@@ -79,6 +79,7 @@ export * from './lib/models/table-actions.model';
 export * from './lib/models/table-schema.model';
 export * from './lib/models/breadcrumb.model';
 export * from './lib/models/tile.model';
+export * from './lib/models/file-upload-response.model';
 export * from './lib/models/filters-options.model';
 export * from './lib/models/profile-menu.model';
 export * from './lib/models/slide-toggle-options.model';
@@ -87,10 +88,12 @@ export * from './lib/models/card-button.model';
 export * from './lib/models/card-info.model';
 export * from './lib/models/color-format.model';
 export * from './lib/models/allowed-file-types.model';
+export * from './lib/models/file-upload-payload-model';
 export * from './lib/models/file-upload-presigned-url-res.model';
 export * from './lib/models/accordion-info.model';
 export * from './lib/models/inactive-tenant.model';
 export * from './lib/models/table-column-menu-info.model';
+export * from './lib/models/view-files-format.model';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/services/file-upload.service';

package/src/lib/assets/constants.json

@@ -548,7 +548,9 @@
       "allowedFileSize2": "mb only;",
       "allowedFileFormat": "Allowed file format(s): ",
       "browseFiles": "Browse Files",
-      "uploadProgress": "Uploading... please wait"
+      "uploadProgress": "Uploading... please wait",
+      "upload": "Upload",
+      "mb": "MB"
     },
     "ariaLabel": {
       "fileUpload": "Drag and Drop your files here or Click 'Browse Files'.",
@@ -586,6 +588,9 @@
         "2063": "File Name is required.",
         "2064": "Application Id or Domain is required."
       }
+    },
+    "limit": {
+      "maxFileUpload": 5
     }
   },
   "list": {