@corp-products/ui-components 4.2.8 → 4.3.0

package/index.d.ts

@@ -1,12 +1,12 @@
 import { Button } from 'primeng/button';
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, EventEmitter, PipeTransform, OnDestroy, AfterViewInit, SimpleChanges, Type, EnvironmentInjector, ApplicationRef, ViewContainerRef, OnChanges, ElementRef, Renderer2 } from '@angular/core';
+import { TemplateRef, OnInit, EventEmitter, PipeTransform, OnDestroy, AfterViewInit, OnChanges, SimpleChanges, Type, EnvironmentInjector, ApplicationRef, ViewContainerRef, ElementRef, Renderer2 } from '@angular/core';
 import { Params, Router, ActivatedRoute } from '@angular/router';
 import { DynamicDialogRef, DialogService, DynamicDialogConfig } from 'primeng/dynamicdialog';
 import { FormGroup, FormControl, ValidatorFn, AbstractControl, ValidationErrors } from '@angular/forms';
-import { AutoCompleteSelectEvent, AutoCompleteCompleteEvent } from 'primeng/autocomplete';
 import * as rxjs from 'rxjs';
 import { Subject, Observable } from 'rxjs';
+import { AutoCompleteSelectEvent, AutoCompleteCompleteEvent } from 'primeng/autocomplete';
 import { SelectButtonChangeEvent } from 'primeng/selectbutton';
 import { SelectChangeEvent } from 'primeng/select';
 import { MenuItem } from 'primeng/api';
@@ -345,6 +345,104 @@ declare class SwitchComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "stc-switch", never, { "label": { "alias": "label"; "required": false; }; "key": { "alias": "key"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
 }
 
+interface FileUploadResponse {
+    documentId: string;
+    [key: string]: any;
+}
+interface FileUploadState {
+    isUploading: boolean;
+    documentId: string | null;
+    hasFile: boolean;
+}
+interface AttachmentFile {
+    id: string;
+    fileName: string;
+    size: number;
+    mimeType: string;
+    createdDate?: string;
+    createdBy?: UserProfileData;
+    createdByDepartment?: Department;
+}
+interface UploadProgress {
+    fileId: string;
+    fileName: string;
+    progress: number;
+    status: UploadStatus;
+    error?: string;
+    response?: AttachmentFile;
+}
+interface Department {
+    id: string;
+    nameAr: string;
+    nameEn: string;
+}
+interface FileItem extends AttachmentFile {
+    progress?: number;
+    status?: UploadStatus;
+    error?: string;
+    file?: File;
+    isNew?: boolean;
+}
+interface DownloadRequest {
+    attachmentIds: string[];
+}
+interface FileTypeConfig {
+    icon: string;
+    iconPathCount: number;
+    colorClass?: string;
+}
+interface PdfPreviewState {
+    visible: boolean;
+    blob: Blob | null;
+    fileName: string;
+}
+interface Attachment {
+    id?: string;
+    nameFile: string;
+    size: number;
+    url?: string | ArrayBuffer | null;
+    file?: File;
+    isCanceled?: boolean;
+    uploadStatus?: UploadStatus;
+    status?: AttachmentStatusDisplay;
+    serverResponse?: unknown;
+    errorMessage?: string;
+}
+interface AttachmentStatusDisplay {
+    icon: string;
+    label: string;
+    labelClass?: string;
+    percentage?: number;
+    success?: boolean;
+}
+declare enum UploadStatus {
+    PENDING = "pending",
+    SUCCESS = "success",
+    UPLOADING = "uploading",
+    FAILED = "failed"
+}
+interface UserProfileData {
+    contact: Contact;
+    position: Position;
+    email: string;
+    profileImage: string;
+    nameEn: string;
+    nameAr: string;
+}
+interface Contact {
+    mobile: string;
+    work: string;
+}
+interface Position {
+    code: string;
+    name: string;
+}
+
+interface FileUploadConfig {
+    uploadFn: (file: File) => Observable<FileUploadResponse>;
+    acceptedTypes?: string;
+    maxFileSize?: number;
+}
 type InputType = 'text' | 'textarea' | 'number';
 type InputContentType = 'text' | 'email' | 'number';
 interface Dropdown<T = unknown> {
@@ -400,6 +498,7 @@ interface InputsMapData {
     minLengthToSearch?: number;
     delay?: number;
     allowedDomains?: string[] | undefined;
+    fileUpload?: FileUploadConfig;
 }
 interface InputsMap {
     [key: string]: InputsMapData;
@@ -411,6 +510,7 @@ interface DynamicFormData {
     title?: string;
     isReadOnlyForm?: boolean;
     formValidationErrorsKeys?: string[];
+    fileUpload?: FileUploadConfig;
 }
 interface DateRangeInterface {
     min?: Date | null;
@@ -445,12 +545,17 @@ declare class ConfirmationDialogComponent extends DynamicDialogRef implements On
     private readonly _subscription;
     dialogFormData: DynamicFormData;
     uploadedFile: any;
+    documentId: string | null;
+    uploadState: FileUploadState;
+    get hasFileUpload(): boolean;
+    get isConfirmDisabled(): boolean;
     ngOnDestroy(): void;
     ngOnInit(): void;
     submit(): void;
     close(): void;
     onPopFilesUploaded(file: any): void;
-    onFileDeleted(file: any): void;
+    onFileDeleted(): void;
+    onUploadStateChange(state: FileUploadState): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationDialogComponent, "app-confirm-dialog", never, {}, {}, never, never, true, never>;
 }
@@ -476,7 +581,7 @@ declare class AppAccordionComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AppAccordionComponent, "app-accordion", never, { "iconName": { "alias": "iconName"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "iconPathCount": { "alias": "iconPathCount"; "required": false; }; "title": { "alias": "title"; "required": true; }; "contentBorderTop": { "alias": "contentBorderTop"; "required": false; }; "accordionPanelBorder": { "alias": "accordionPanelBorder"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class DynamicFormComponent implements OnInit {
+declare class DynamicFormComponent implements OnInit, OnChanges {
     dynamicFormData: DynamicFormData;
     selectButtonChange: EventEmitter<{
         name: string;
@@ -507,19 +612,26 @@ declare class DynamicFormComponent implements OnInit {
         fileId: string;
         isNew: boolean;
     }>;
+    uploadStateChange: EventEmitter<FileUploadState>;
     inputsNames: string[];
     formGroup: FormGroup;
     inputsMap: InputsMap;
+    standaloneFileControl: FormControl<string | null>;
     readonly fieldType: typeof FormFieldTypeEnum;
     getFormControl: typeof FormUtils.getFormControl;
+    get fileUploadConfig(): FileUploadConfig | undefined;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private updateFormState;
-    getAcceptedTypes(): string;
+    getAcceptedTypes(fileUpload?: FileUploadConfig): string;
+    getMaxFileSize(fileUpload?: FileUploadConfig): number;
+    getFileUploadConfig(inputName: string): FileUploadConfig | undefined;
+    hasUploadFileField(): boolean;
     onFilesUploaded(file: any): void;
     onFileDeleted(file: any): void;
+    onUploadStateChange(state: FileUploadState): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "app-dynamic-form", never, { "dynamicFormData": { "alias": "dynamicFormData"; "required": true; }; }, { "selectButtonChange": "selectButtonChange"; "selectChange": "selectChange"; "selectClicked": "selectClicked"; "switchChange": "switchChange"; "autoCompleteSearch": "autoCompleteSearch"; "autoCompleteSelect": "autoCompleteSelect"; "popUpFilesUploaded": "popUpFilesUploaded"; "fileDeleted": "fileDeleted"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "app-dynamic-form", never, { "dynamicFormData": { "alias": "dynamicFormData"; "required": true; }; }, { "selectButtonChange": "selectButtonChange"; "selectChange": "selectChange"; "selectClicked": "selectClicked"; "switchChange": "switchChange"; "autoCompleteSearch": "autoCompleteSearch"; "autoCompleteSelect": "autoCompleteSelect"; "popUpFilesUploaded": "popUpFilesUploaded"; "fileDeleted": "fileDeleted"; "uploadStateChange": "uploadStateChange"; }, never, never, true, never>;
 }
 
 declare class UserAutocompleteCardComponent {
@@ -649,6 +761,7 @@ interface ConfirmationDialogData {
     hint?: string;
     inputForm?: any;
     breakpoints?: any;
+    fileUpload?: FileUploadConfig;
 }
 
 declare class ConfirmationDialogService {
@@ -720,6 +833,7 @@ declare class DualCalendarComponent implements OnInit, OnChanges, OnDestroy {
     gregorianModel: NgbDateStruct;
     hijriModel: NgbDateStruct;
     currentLang: i0.WritableSignal<"ar" | "en">;
+    disabledDays: number[];
     gregorianUTC: EventEmitter<string>;
     onClose: EventEmitter<boolean>;
     gregorianUTCValue: string;
@@ -746,7 +860,7 @@ declare class DualCalendarComponent implements OnInit, OnChanges, OnDestroy {
     formatHijri(h: NgbDate): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DualCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DualCalendarComponent, "app-dual-calendar", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "withTime": { "alias": "withTime"; "required": false; }; "isDatePickerShow": { "alias": "isDatePickerShow"; "required": false; }; "currentLang": { "alias": "currentLang"; "required": false; }; "isShown": { "alias": "isShown"; "required": false; }; "appedToBody": { "alias": "appedToBody"; "required": false; }; }, { "gregorianUTC": "gregorianUTC"; "onClose": "onClose"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DualCalendarComponent, "app-dual-calendar", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "withTime": { "alias": "withTime"; "required": false; }; "isDatePickerShow": { "alias": "isDatePickerShow"; "required": false; }; "currentLang": { "alias": "currentLang"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "isShown": { "alias": "isShown"; "required": false; }; "appedToBody": { "alias": "appedToBody"; "required": false; }; }, { "gregorianUTC": "gregorianUTC"; "onClose": "onClose"; }, never, never, true, never>;
 }
 
 declare const WEEKDAYS: {
@@ -793,89 +907,5 @@ declare class AlertDialogService {
 declare const dateRangeValidator: (fromKey: string, toKey: string) => ValidatorFn;
 declare const notFutureDateValidator: (dateKey: string) => ValidatorFn;
 
-interface AttachmentFile {
-    id: string;
-    fileName: string;
-    size: number;
-    mimeType: string;
-    createdDate?: string;
-    createdBy?: UserProfileData;
-    createdByDepartment?: Department;
-}
-interface UploadProgress {
-    fileId: string;
-    fileName: string;
-    progress: number;
-    status: UploadStatus;
-    error?: string;
-    response?: AttachmentFile;
-}
-interface Department {
-    id: string;
-    nameAr: string;
-    nameEn: string;
-}
-interface FileItem extends AttachmentFile {
-    progress?: number;
-    status?: UploadStatus;
-    error?: string;
-    file?: File;
-    isNew?: boolean;
-}
-interface DownloadRequest {
-    attachmentIds: string[];
-}
-interface FileTypeConfig {
-    icon: string;
-    iconPathCount: number;
-    colorClass?: string;
-}
-interface PdfPreviewState {
-    visible: boolean;
-    blob: Blob | null;
-    fileName: string;
-}
-interface Attachment {
-    id?: string;
-    nameFile: string;
-    size: number;
-    url?: string | ArrayBuffer | null;
-    file?: File;
-    isCanceled?: boolean;
-    uploadStatus?: UploadStatus;
-    status?: AttachmentStatusDisplay;
-    serverResponse?: unknown;
-    errorMessage?: string;
-}
-interface AttachmentStatusDisplay {
-    icon: string;
-    label: string;
-    labelClass?: string;
-    percentage?: number;
-    success?: boolean;
-}
-declare enum UploadStatus {
-    PENDING = "pending",
-    SUCCESS = "success",
-    UPLOADING = "uploading",
-    FAILED = "failed"
-}
-interface UserProfileData {
-    contact: Contact;
-    position: Position;
-    email: string;
-    profileImage: string;
-    nameEn: string;
-    nameAr: string;
-}
-interface Contact {
-    mobile: string;
-    work: string;
-}
-interface Position {
-    code: string;
-    name: string;
-}
-
 export { AlertDialogComponent, AlertDialogService, AppAccordionComponent, AppBreadcrumbComponent, AppButtonComponent, AppDropdownMenuComponent, AppTabsComponent, AutoCompleteComponent, BasicErrorKeysEnum, BottomSheetComponent, ConfirmationDialogComponent, ConfirmationDialogService, DatePickerComponent, DualCalendarComponent, DynamicFormComponent, DynamicSidebarService, DynamicSidebarV2Service, ErrorsWithValuesKeysEnum, FormFieldTypeEnum, FormUtils, FormValidationService, IcoMoonIconComponent, InputComponent, MONTHS_GREGORIAN, MONTHS_HIJRI, ReadMoreComponent, SelectButtonComponent, SelectComponent, SideBarComponent, SidebarConfigDefaults, SwitchComponent, UploadStatus, UserAutocompleteCardComponent, UserInfoComponent, ValidationErrorsPipe, WEEKDAYS, dateRangeValidator, emailStcValidator, getGregorianMonthName, getHijriMonthName, getWeekdayName, maxRepeatedCharsValidator, notFutureDateValidator, numbersOnlyValidator, saudiPhoneValidator };
-export type { AlertDialogData, AppButtonIconPos, AppButtonSeverity, AppButtonSize, AppButtonVariant, AppTabs, Attachment, AttachmentFile, AttachmentStatusDisplay, BreadCrumbExtraData, BreadCrumbPosition, BreadcrumbItem, ConfirmationDialogData, Contact, DateRangeInterface, Department, DownloadRequest, Dropdown, DropdownMenuItem, DropdownTextColor, DynamicFormData, DynamicSidebarV2Actions, DynamicSidebarV2Config, FileItem, FileTypeConfig, InputContentType, InputType, InputsMap, InputsMapData, LabelValue, OptionTemplateConfig, PdfPreviewState, Position, RoutedTab, SidebarActionConfig, SidebarActionV2Config, SidebarConfig, SidebarV2Actions, TemplateTab, UploadProgress, UserProfileData };
+export type { AlertDialogData, AppButtonIconPos, AppButtonSeverity, AppButtonSize, AppButtonVariant, AppTabs, Attachment, AttachmentFile, AttachmentStatusDisplay, BreadCrumbExtraData, BreadCrumbPosition, BreadcrumbItem, ConfirmationDialogData, Contact, DateRangeInterface, Department, DownloadRequest, Dropdown, DropdownMenuItem, DropdownTextColor, DynamicFormData, DynamicSidebarV2Actions, DynamicSidebarV2Config, FileItem, FileTypeConfig, FileUploadConfig, FileUploadResponse, FileUploadState, InputContentType, InputType, InputsMap, InputsMapData, LabelValue, OptionTemplateConfig, PdfPreviewState, Position, RoutedTab, SidebarActionConfig, SidebarActionV2Config, SidebarConfig, SidebarV2Actions, TemplateTab, UploadProgress, UserProfileData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corp-products/ui-components",
-  "version": "4.2.8",
+  "version": "4.3.0",
   "author": "shireen Omar",
   "description": "shared UI components across our apps",
   "peerDependencies": {