@syncfusion/ej2-inputs 28.2.3 → 28.2.9

package/dist/es6/ej2-inputs.es2015.js

@@ -9009,6 +9009,13 @@ let Uploader = class Uploader extends Component {
             this.element.value = '';
         }
         this.checkActionButtonStatus();
+        if (this.actionButtons && this.clearButton && this.uploadWrapper) {
+            const progressBarElements = this.uploadWrapper.querySelectorAll('.e-upload-progress-bar.e-upload-progress:not(.e-upload-success):not(.e-upload-fails)');
+            if (progressBarElements.length === 1 && selectedElement.contains(progressBarElements[0])
+                && this.clearButton.hasAttribute('disabled')) {
+                this.clearButton.removeAttribute('disabled');
+            }
+        }
     }
     removeFilesData(file, customTemplate) {
         let index;
@@ -9305,7 +9312,7 @@ let Uploader = class Uploader extends Component {
             this.updateInitialFileDetails(args, targetFiles, file, i, fileData, directory, paste);
         }
         eventArgs.filesData = fileData;
-        if (this.allowedExtensions.indexOf('*') > -1) {
+        if (!isNullOrUndefined(this.allowedExtensions) && this.allowedExtensions.indexOf('*') > -1) {
             this.allTypes = true;
         }
         if (this.enableHtmlSanitizer) {
@@ -9471,18 +9478,46 @@ let Uploader = class Uploader extends Component {
     isBlank(str) {
         return (!str || /^\s*$/.test(str));
     }
+    checkGenericExtension(genericType, fileExtension) {
+        const validExtensions = [];
+        switch (genericType.toLowerCase()) {
+            case 'image/*':
+                validExtensions.push('jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'svg', 'webp', 'heic');
+                break;
+            case 'audio/*':
+                validExtensions.push('mp3', 'wav', 'aac', 'flac', 'ogg', 'm4a');
+                break;
+            case 'video/*':
+                validExtensions.push('mp4', 'mov', 'avi', 'mkv', 'flv', 'wmv', 'webm', 'mpeg');
+                break;
+            case 'application/*':
+                validExtensions.push('doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'zip', 'rar', '7z', 'tar', 'pdf');
+                break;
+            case 'text/*':
+                validExtensions.push('txt', 'csv', 'html', 'css', 'js', 'json', 'xml', 'md');
+                break;
+        }
+        return validExtensions.includes(fileExtension.toLowerCase());
+    }
     checkExtension(files) {
         const dropFiles = files;
         if (!this.isBlank(this.allowedExtensions)) {
             const allowedExtensions = [];
-            const extensions = this.allowedExtensions.split(',');
+            const extensions = !isNullOrUndefined(allowedExtensions) ? this.allowedExtensions.split(',') : [''];
             for (const extension of extensions) {
                 allowedExtensions.push(extension.trim().toLocaleLowerCase());
             }
             for (let i = 0; i < files.length; i++) {
                 const checkFileType = files[i].type.indexOf('.') !== -1 ?
                     files[i].type.replace('.', '') : files[i].type;
-                if (allowedExtensions.indexOf(('.' + checkFileType).toLocaleLowerCase()) === -1) {
+                if (allowedExtensions[0].indexOf('/*') !== -1) {
+                    const isValidExtension = this.checkGenericExtension(allowedExtensions[0], checkFileType);
+                    if (!isValidExtension) {
+                        files[i].status = this.localizedTexts('invalidFileType');
+                        files[i].statusCode = '0';
+                    }
+                }
+                else if ((allowedExtensions.indexOf(('.' + checkFileType).toLocaleLowerCase()) === -1)) {
                     files[i].status = this.localizedTexts('invalidFileType');
                     files[i].statusCode = '0';
                 }
@@ -10256,6 +10291,15 @@ let Uploader = class Uploader extends Component {
         const progressBar = li.querySelector('.' + PROGRESSBAR);
         if (!isNullOrUndefined(progressBar)) {
             progressBar.classList.add(className);
+            if (this.actionButtons && this.clearButton && this.uploadWrapper) {
+                if (className === 'e-upload-progress' && !this.clearButton.hasAttribute('disabled')) {
+                    this.clearButton.setAttribute('disabled', 'disabled');
+                }
+                else if ((className === 'e-upload-success' || className === 'e-upload-fails') && this.uploadWrapper.querySelectorAll('.e-upload-progress-bar.e-upload-progress:not(.e-upload-success):not(.e-upload-fails)').length === 0 &&
+                    this.clearButton.hasAttribute('disabled')) {
+                    this.clearButton.removeAttribute('disabled');
+                }
+            }
         }
     }
     removeProgressbar(li, callType) {