@bnsights/bbsf-controls 1.0.112 → 1.0.113

package/lib/Shared/Models/Attribute.d.ts

@@ -1,4 +1,4 @@
 export declare class Attribute {
-    Key: string;
+    key: string;
     value: any;
 }

package/lib/Shared/Models/CancelDTO.d.ts

@@ -1,5 +1,5 @@
 export declare class CancelDTO {
     constructor();
-    English: string;
-    Arabic: string;
+    english: string;
+    arabic: string;
 }

package/lib/Shared/Models/FileDTO.d.ts

@@ -1,19 +1,19 @@
-export interface FileDTO {
-    ID?: number;
-    IDEncyrpted?: string;
-    ID_GUID?: string;
-    MimeType?: string;
-    NameWithExtension?: string;
-    CorrelationId?: string;
-    Modified?: Date;
-    ModifiedBy?: string;
-    FontAwesomeClass?: string;
-    ProviderName?: string;
-    Tags?: string;
-    FileName: string;
-    FileType: string;
-    FileBase64: string;
-    Bytes?: any;
-    FileSizeInMB: number;
-    FileURL?: string;
+export declare class FileDTO {
+    iD?: number;
+    iDEncyrpted?: string;
+    iD_GUID?: string;
+    mimeType?: string;
+    nameWithExtension?: string;
+    correlationId?: string;
+    modified?: Date;
+    modifiedBy?: string;
+    fontAwesomeClass?: string;
+    providerName?: string;
+    tags?: string;
+    fileName: string;
+    fileType: string;
+    fileBase64: string;
+    bytes?: any;
+    fileSizeInMB: number;
+    fileURL?: string;
 }

package/lib/Shared/Models/FileUploadOptions.d.ts

@@ -16,4 +16,6 @@ export declare class FileUploadOptions extends ControlOptionsBase {
     maxSizeForAllFilesInMB: number;
     /** Set List of Custom Attribute to FileInput  */
     fileUploadAcceptsTypes: FileType[];
+    /** Ability to set Upload File Async */
+    isUploadFileAsync: boolean;
 }

package/lib/Shared/Models/FilterItem.d.ts

@@ -3,11 +3,11 @@ export declare class FilterItem {
     /** jQuery selector used to retrieve the parameter value*/
     jQuerySelector: string;
     /** FormControlName used to retrieve the  value Of Control*/
-    FormControlName: string;
+    formControlName: string;
     /**  The action parameter exact name (case sensitive)*/
-    ActionParameterName: string;
+    actionParameterName: string;
     /** Check If This Filter Is Form Control Or js Filter  */
-    IsFormControl: boolean;
+    isFormControl: boolean;
     /**Set Filter Type To Filter*/
-    FilterType: FilterType;
+    filterType: FilterType;
 }

package/lib/Shared/Models/UploadPersonalImage.d.ts

@@ -1,5 +1,5 @@
 export declare class UploadPersonalImage {
     constructor();
-    English: string;
-    Arabic: string;
+    english: string;
+    arabic: string;
 }

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

@@ -0,0 +1,11 @@
+import { RequestHandlerService } from '@bnsights/bbsf-utilities';
+import * as i0 from "@angular/core";
+export declare class FileUploadService {
+    private http;
+    apiUrl: string;
+    constructor(http: RequestHandlerService);
+    uploadFile(file: File): import("rxjs").Observable<any>;
+    deleteFile(id: string): import("rxjs").Observable<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FileUploadService>;
+}

package/lib/controls/DateTimePicker/DateTimePicker.component.d.ts

@@ -20,6 +20,7 @@ export declare class DateInputComponent implements OnInit {
     constructor(onChangeService: OnPagingFiltersChangeService, controlUtility: ControlUtility, controlContainer: ControlContainer, DateInputControlHost: FormGroupDirective, utilityService: UtilityService, controlValidationService: ControlValidationService, dateTimeAdapter: DateTimeAdapter<any>);
     group: FormGroup;
     options: DatePickerOptions;
+    DropdownTemplateVariable: any;
     onChange: EventEmitter<any>;
     datePickerFormControl: AbstractControl;
     markAllAsTouched: boolean;
@@ -46,6 +47,7 @@ export declare class DateInputComponent implements OnInit {
     checkIfStartDateBeForEndDate: () => {
         InvalidStartDate: boolean;
     };
+    checkIsPickerInFilter(): void;
     translateByKey(key: string): string;
     removeRequiredValidation: () => void;
     addRequiredValidation: () => void;
@@ -53,5 +55,5 @@ export declare class DateInputComponent implements OnInit {
     addCustomValidation: (customValidation: any) => void;
     isValid: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [null, null, { optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "BBSF-DateTimePicker", never, { "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "BBSF-DateTimePicker", never, { "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "DropdownTemplateVariable": { "alias": "DropdownTemplateVariable"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }

package/lib/controls/FileUplaod/FileUplaod.component.d.ts

@@ -2,12 +2,13 @@ import { OnInit, ElementRef, EventEmitter } from '@angular/core';
 import { FormGroup, AbstractControl, ControlContainer, FormGroupDirective } from '@angular/forms';
 import { FileUploadOptions } from '../../Shared/Models/FileUploadOptions';
 import { ControlUtility } from '../../Shared/services/ControlUtility';
-import { FileUploader, FileLikeObject } from 'ng2-file-upload';
+import { FileUploader, FileLikeObject, FileItem } from 'ng2-file-upload';
 import { FileUploadModel } from '../../Shared/Models/FileUploadModel';
 import { MultipleFileUploadModel } from '../../Shared/Models/MultipleFileUploadModel';
 import { ControlValidationService, UtilityService } from '@bnsights/bbsf-utilities';
 import { GlobalSettings } from '../../Shared/services/GlobalSettings.service';
 import { FileDTO } from '../../Shared/Models/FileDTO';
+import { FileUploadService } from '../../Shared/services/file-upload.service';
 import * as i0 from "@angular/core";
 export declare class FileUploadComponent implements OnInit {
     private controlContainer;
@@ -16,12 +17,14 @@ export declare class FileUploadComponent implements OnInit {
     UtilityService: UtilityService;
     private controlValidationService;
     private globalSettings;
+    private fileUploadService;
     static controlContainerstatic: any;
     fileInput: ElementRef;
     isSubmitted: boolean;
     group: FormGroup;
     options: FileUploadOptions;
     OnChange: EventEmitter<any>;
+    isUploadComplete: EventEmitter<any>;
     fileUploadFormControl: AbstractControl;
     validationMessage: string;
     validationCountMessage: string;
@@ -38,7 +41,7 @@ export declare class FileUploadComponent implements OnInit {
     multipleFileUploadModel: MultipleFileUploadModel;
     file: any;
     deletedFiles: FileDTO[];
-    constructor(controlContainer: ControlContainer, MultipleFileUplaodControlHost: FormGroupDirective, controlUtility: ControlUtility, UtilityService: UtilityService, controlValidationService: ControlValidationService, globalSettings: GlobalSettings);
+    constructor(controlContainer: ControlContainer, MultipleFileUplaodControlHost: FormGroupDirective, controlUtility: ControlUtility, UtilityService: UtilityService, controlValidationService: ControlValidationService, globalSettings: GlobalSettings, fileUploadService: FileUploadService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     resetError: () => void;
@@ -47,12 +50,13 @@ export declare class FileUploadComponent implements OnInit {
     fileOverAnother(event: any): void;
     isHideInput(): boolean;
     onFileChange(): void;
-    removeFromControlValue(item: any): void;
+    removeFromControlValue(item: FileItem): void;
     removeRequiredValidation: () => void;
     addRequiredValidation: () => void;
     removeCustomValidation: (customValidation: any) => void;
     addCustomValidation: (customValidation: any) => void;
     isValid: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "BBSF-FileUplaod", never, { "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "OnChange": "OnChange"; }, never, never, false, never>;
+    convertSizeToMB(size: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }, null, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "BBSF-FileUplaod", never, { "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "OnChange": "OnChange"; "isUploadComplete": "isUploadComplete"; }, never, never, false, never>;
 }

package/lib/controls/Paging/Paging.component.d.ts

@@ -46,8 +46,8 @@ export declare class PagingComponent<T> implements OnInit, OnDestroy {
     changePageSize(e: any): void;
     onScrollDown(): void;
     getItemList(page: any, IsFilterUpdated?: boolean): void;
-    ReinitializePaging: () => void;
-    UpdatePaging: () => void;
+    reinitializePaging: () => void;
+    updatePaging: () => void;
     castItems(objectArr: any[]): T[];
     setText(pagesNumber: number, itemsNumber: number): void;
     clearFilters(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnsights/bbsf-controls",
-  "version": "1.0.112",
+  "version": "1.0.113",
   "peerDependencies": {
     "@angular/animations": "^17.0.5",
     "@angular/cdk": "^17.0.2",
@@ -12,7 +12,7 @@
     "@angular/router": "^17.0.5"
   },
   "dependencies": {
-    "@bnsights/bbsf-utilities": "^1.0.43",
+    "@bnsights/bbsf-utilities": "^1.0.44",
     "@danielmoncada/angular-datetime-picker": "^17.0.0",
     "@fullcalendar/angular": "^6.1.10",
     "@fullcalendar/core": "^6.1.10",

package/src/lib/assets/Style-rtl.scss

@@ -174,4 +174,20 @@ input::-webkit-inner-spin-button {
 
 .form-control.input-icon-o {
   border-radius: 0 0.475rem 0.475rem 0 !important;
+}
+
+.form-group.bbsf-control.bbsf-file-upload {
+  .uploaded-items {
+    .btn-group {
+      .btn-download-file {
+        .file-name {
+          margin-right: 0.75rem;
+          margin-left: 0rem;
+        }
+      }
+
+    }
+
+
+  }
 }

package/src/lib/assets/sass/file-upload.scss

@@ -7,7 +7,7 @@
         align-items: center;
 
         &:hover {
-          background: #ebebeb;
+          background: initial;
         }
 
         svg {
@@ -23,6 +23,23 @@
           margin-left: 0.75rem;
         }
       }
+
+      .btn-progress-upload {
+        position: relative;
+
+        .upload {
+          position: absolute;
+          left: 0;
+          right: 0;
+          background-color: #5cb85ca1;
+          height: 100%;
+          border-radius: 0.475rem;
+        }
+
+        .file-uploaded.upload {
+          background-color: transparent;
+        }
+      }
     }
 
     .btn-danger {
@@ -30,5 +47,26 @@
       align-items: center;
       justify-content: center;
     }
+
+    .btn-download-file.btn.btn-danger {
+      border-color: #e2e2e2 !important;
+      background-color: #c2bfbf !important;
+
+      &:hover {
+        border-color: #d9214e !important;
+        background-color: #d9214e !important;
+
+      }
+    }
   }
 }
+
+.spinner-border.text-muted {
+  width: 18px;
+  height: 18px;
+}
+
+.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),
+.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm {
+  padding: calc(0.55rem + 1px) calc(1rem + 1px) !important;
+}

package/src/lib/assets/sass/image-upload.scss

@@ -1,4 +1,6 @@
-.form-group.bbsf-control.bbsf-image-upload, .form-group.bbsf-control.bbsf-file-upload, .form-group.bbsf-control.bbsf-profile-image-upload {
+.form-group.bbsf-control.bbsf-image-upload,
+.form-group.bbsf-control.bbsf-file-upload,
+.form-group.bbsf-control.bbsf-profile-image-upload {
   .bbsf-input-container {
     height: 140px;
     display: flex;
@@ -25,7 +27,7 @@
 
   .uploaded-items {
     display: flex;
-    align-items: center;
+    align-items: baseline;
     flex-wrap: wrap;
 
     .btn-group {
@@ -33,9 +35,6 @@
       margin-right: 0.4rem;
     }
 
-    .btn-group:last-child {
-      margin:0rem;
-    }
   }
 
   .svg-and-validation {
@@ -128,4 +127,4 @@
       }
     }
   }
-}
+}