@bnsights/bbsf-controls 1.2.27 → 1.2.28

package/README.md

@@ -2,11 +2,11 @@
 
 BBSF Controls package is part of BBSF 3 packages. It has all the form controls that we use to build our application forms.
 
-For more info please visit [BBSF Controls documenation](https://bbsfadmin.bnsights.com/controls) or [BBSF documentation](https://bnsightsprojects.visualstudio.com/BBSF%203/_wiki/wikis/BBSF-3.wiki/65/BBSF-Documentation)
-
-## 🚀 NEW! Tree-Shakable Granular Modules (v2.0+)
-
-The package now supports **true tree-shaking** through granular modules for optimal bundle size!
+For more info please visit [BBSF Controls documenation](https://bbsfadmin.bnsights.com/controls) or [BBSF documentation](https://bnsightsprojects.visualstudio.com/BBSF%203/_wiki/wikis/BBSF-3.wiki/65/BBSF-Documentation)
+
+## 🚀 NEW! Tree-Shakable Granular Modules (v2.0+)
+
+The package now supports **true tree-shaking** through granular modules for optimal bundle size!
 
 ### 📦 Available Modules
 
@@ -400,6 +400,14 @@ If the issue persists, consider using a different HTML editor component that's c
 
 ## Change Log
 
+## 1.2.28 / 23-06-2026
+
+=====================
+
+- Added optional `FileUploadOptions` overrides for validation error message labels.
+- Supported host-provided localized labels for max file count, min file count, total size, file size, type tooltip, duplicate file, and required validation messages.
+- Threaded file upload options through validation helpers and applied the duplicate-file override message.
+
 ## 1.2.27 / 22-06-2026
 
 =====================

package/fesm2022/bnsights-bbsf-controls.mjs

@@ -106,95 +106,95 @@ class ErrorMassageValidation {
         control.setErrors({ minlength: true });
         control.markAsTouched();
     }
-    getErrorMassageValidation(error) {
+    getErrorMassageValidation(error, options) {
         let result = '';
         switch (error.key) {
             case 'required':
-                result = this.utilityService.getResourceValue('RequiredValidationKey');
+                result = options?.requiredErrorMsg || this.utilityService.getResourceValue('RequiredValidationKey');
                 break;
             case 'email':
-                result = this.utilityService.getResourceValue('EmailValidationKey');
+                result = options?.emailErrorMsg || this.utilityService.getResourceValue('EmailValidationKey');
                 break;
             case 'EmailValidationKey':
-                result = this.utilityService.getResourceValue('EmailValidationKey');
+                result = options?.emailErrorMsg || this.utilityService.getResourceValue('EmailValidationKey');
                 break;
             case 'URLValidationKey':
-                result = this.utilityService.getResourceValue('urlValidationError');
+                result = options?.urlErrorMsg || this.utilityService.getResourceValue('urlValidationError');
                 break;
             case 'pattern':
-                result = this.utilityService.getResourceValue('NumberValidationKey');
+                result = options?.numberErrorMsg || this.utilityService.getResourceValue('NumberValidationKey');
                 break;
             case 'maxlength':
-                result = `${this.utilityService.getResourceValue('MaxLenghtValidationKey')} ${error.value.requiredLength}`;
+                result = `${options?.maxLengthErrorMsg || this.utilityService.getResourceValue('MaxLenghtValidationKey')} ${error.value.requiredLength}`;
                 break;
             case 'minlength':
-                result = `${this.utilityService.getResourceValue('MinLenghtValidationKey')} ${error.value.requiredLength}`;
+                result = `${options?.minLengthErrorMsg || this.utilityService.getResourceValue('MinLenghtValidationKey')} ${error.value.requiredLength}`;
                 break;
             case 'min':
-                result = `${this.utilityService.getResourceValue('MinValueValidationKey')} ${error.value.min}`;
+                result = `${options?.minValueErrorMsg || this.utilityService.getResourceValue('MinValueValidationKey')} ${error.value.min}`;
                 break;
             case 'max':
-                result = `${this.utilityService.getResourceValue('MaxValueValidationKey')} ${error.value.max}`;
+                result = `${options?.maxValueErrorMsg || this.utilityService.getResourceValue('MaxValueValidationKey')} ${error.value.max}`;
                 break;
             case 'IntegerNumberValidationKey':
-                result = this.utilityService.getResourceValue('IntegerNumberValidationKey');
+                result = options?.integerNumberErrorMsg || this.utilityService.getResourceValue('IntegerNumberValidationKey');
                 break;
             case 'PositiveNumberValidationKey':
-                result = this.utilityService.getResourceValue('PositiveNumberValidationKey');
+                result = options?.positiveNumberErrorMsg || this.utilityService.getResourceValue('PositiveNumberValidationKey');
                 break;
             case 'validatePhoneNumber':
-                result = this.utilityService.getResourceValue('PhoneNumberValidationKey');
+                result = options?.phoneNumberErrorMsg || this.utilityService.getResourceValue('PhoneNumberValidationKey');
                 break;
             case 'mask':
-                result = `${this.utilityService.getResourceValue('MaskValidationKey')} ${error.value.requiredMask}`;
+                result = `${options?.maskErrorMsg || this.utilityService.getResourceValue('MaskValidationKey')} ${error.value.requiredMask}`;
                 break;
             case 'passwordComplexityHasNumber':
-                result = this.utilityService.getResourceValue('PasswordComplexityHasNumber');
+                result = options?.passwordHasNumberErrorMsg || this.utilityService.getResourceValue('PasswordComplexityHasNumber');
                 break;
             case 'ArabicLetterOnly':
-                result = this.utilityService.getResourceValue('ArabicLetterOnly');
+                result = options?.arabicLetterOnlyErrorMsg || this.utilityService.getResourceValue('ArabicLetterOnly');
                 break;
             case 'EnglishLetterOnly':
-                result = this.utilityService.getResourceValue('EnglishLetterOnly');
+                result = options?.englishLetterOnlyErrorMsg || this.utilityService.getResourceValue('EnglishLetterOnly');
                 break;
             case 'ArabicIsRequiredAndOnly50CharactersEnglish':
-                result = this.utilityService.getResourceValue('VAL_ArabicIsRequiredAndOnly50CharactersEnglish');
+                result = options?.arabicRequiredAndEnglishMax50ErrorMsg || this.utilityService.getResourceValue('VAL_ArabicIsRequiredAndOnly50CharactersEnglish');
                 break;
             case 'passwordComplexityHasCapitalLetter':
-                result = this.utilityService.getResourceValue('PasswordComplexityHasCapitalLetter');
+                result = options?.passwordHasCapitalLetterErrorMsg || this.utilityService.getResourceValue('PasswordComplexityHasCapitalLetter');
                 break;
             case 'passwordComplexityHasSmallLetter':
-                result = this.utilityService.getResourceValue('PasswordComplexityHasSmallLetter');
+                result = options?.passwordHasSmallLetterErrorMsg || this.utilityService.getResourceValue('PasswordComplexityHasSmallLetter');
                 break;
             case 'passwordComplexityHasSpecialLetter':
-                result = this.utilityService.getResourceValue('PasswordComplexityHasSpecialLetter');
+                result = options?.passwordHasSpecialLetterErrorMsg || this.utilityService.getResourceValue('PasswordComplexityHasSpecialLetter');
                 break;
             case 'MaxWordCountValidationKey':
-                result = `${this.utilityService.getResourceValue('MaxWordCountValidationKey')} ${error.value}`;
+                result = `${options?.maxWordCountErrorMsg || this.utilityService.getResourceValue('MaxWordCountValidationKey')} ${error.value}`;
                 break;
             case 'NewSelectionValidationKey':
-                result = this.utilityService.getResourceValue('NewSelectionValidationKey');
+                result = options?.newSelectionErrorMsg || this.utilityService.getResourceValue('NewSelectionValidationKey');
                 break;
             case 'MaxFileCountValidationKey':
-                result = `${this.utilityService.getResourceValue('MaxFileCountValidationKey')} ${error.value}`;
+                result = `${options?.maxFileCountErrorMsg || this.utilityService.getResourceValue('MaxFileCountValidationKey')} ${error.value}`;
                 break;
             case 'MinFileCountValidationKey':
-                result = `${this.utilityService.getResourceValue('MinFileCountValidationKey')} ${error.value}`;
+                result = `${options?.minFileCountErrorMsg || this.utilityService.getResourceValue('MinFileCountValidationKey')} ${error.value}`;
                 break;
             case 'MaxSizeForAllFilesInMB':
-                result = `${this.utilityService.getResourceValue('MaxSizeForAllFilesInMB')} ${error.value}`;
+                result = `${options?.maxSizeTotalErrorMsg || this.utilityService.getResourceValue('MaxSizeForAllFilesInMB')} ${error.value}`;
                 break;
             case 'FileMaxSizeInMB':
-                result = `${this.utilityService.getResourceValue('FileMaxSizeInMB')} ${error.value}`;
+                result = `${options?.maxFileSizeErrorMsg || this.utilityService.getResourceValue('FileMaxSizeInMB')} ${error.value}`;
                 break;
             case 'ToolTipTypeError':
-                result = `${this.utilityService.getResourceValue('ToolTipTypeError')} ${error.value}`;
+                result = `${options?.toolTipTypeErrorMsg || this.utilityService.getResourceValue('ToolTipTypeError')} ${error.value}`;
                 break;
             case 'InvalidEndDate':
-                result = this.utilityService.getResourceValue('InvalidEndDate');
+                result = options?.invalidEndDateErrorMsg || this.utilityService.getResourceValue('InvalidEndDate');
                 break;
             case 'InvalidStartDate':
-                result = this.utilityService.getResourceValue('InvalidStartDate');
+                result = options?.invalidStartDateErrorMsg || this.utilityService.getResourceValue('InvalidStartDate');
                 break;
             case 'DuplicateFileError':
                 result = error.value;
@@ -219,7 +219,7 @@ class ControlUtility {
         this.controlValidationService = controlValidationService;
         this.utilityService = utilityService;
     }
-    getErrorValidation(ErrorsItem, customValidation) {
+    getErrorValidation(ErrorsItem, customValidation, options) {
         let result = '';
         ErrorsItem.forEach(element => {
             if (element.key === 'customerError' && ErrorsItem.length === 1) {
@@ -235,7 +235,7 @@ class ControlUtility {
                 result = element.value;
             }
             else {
-                result = this.ErrorHandler.getErrorMassageValidation(element);
+                result = this.ErrorHandler.getErrorMassageValidation(element, options);
             }
         });
         return result;
@@ -305,7 +305,7 @@ class ControlUtility {
         //   UtilityService.showGlobalError();
         //   this.scrollToGlobalErrorMassage()
         // }
-        return this.getErrorValidation(ErrorList, options.customValidation);
+        return this.getErrorValidation(ErrorList, options.customValidation, options);
     }
     scrollToGlobalErrorMassage() {
         let element = document.getElementById('errorId');
@@ -7755,7 +7755,7 @@ class FileUploadComponent {
             const formControl = this.fileUploadFormControl;
             const resourceValue = this.UtilityService.getResourceValue('DuplicateFileError');
             // If resource value is the same as the key, it means the resource wasn't found
-            const errorMessage = (resourceValue && resourceValue !== 'DuplicateFileError') ? resourceValue : 'File(s) already exist';
+            const errorMessage = this.options?.duplicateFileErrorMsg || ((resourceValue && resourceValue !== 'DuplicateFileError') ? resourceValue : 'File(s) already exist');
             const errorObj = {
                 DuplicateFileError: `${errorMessage}: ${duplicateFileNames}`
             };
@@ -7794,7 +7794,7 @@ class FileUploadComponent {
             //keep existing valid files, remove only extra ones
             this.uploader.queue = this.uploader.queue.slice(0, max);
             this.maxFilesReached = true;
-            this.maxFilesValidationMsg = this.UtilityService.getResourceValue('MaxFileCountValidationKey') + max;
+            this.maxFilesValidationMsg = (this.options.maxFileCountErrorMsg || this.UtilityService.getResourceValue('MaxFileCountValidationKey')) + max;
         }
         else {
             this.maxFilesReached = false;