@eui/components 14.0.28 → 14.0.29

package/fesm2015/eui-components-eui-file-upload.mjs

@@ -17,7 +17,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import * as i1$1 from '@angular/common/http';
 import { HttpEventType } from '@angular/common/http';
 import { tap, filter, map } from 'rxjs/operators';
-import { pipe } from 'rxjs';
+import { pipe, zip, of, Observable } from 'rxjs';
 
 class EuiFileUploadProgressComponent {
     constructor() {
@@ -625,6 +625,323 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }] });
 
+const getMimeType = (header) => {
+    // convert Uint8Array to hex string
+    const hex = uint8ArrayToHexString(header);
+    // map hex string to mime type
+    if (hex.startsWith('89504e47')) {
+        return 'image/png';
+    }
+    if (hex.startsWith('464c4946')) {
+        return 'image/flif';
+    }
+    if (hex.startsWith('67696d7020786366')) {
+        return 'image/x-xcf';
+    }
+    if (hex.startsWith('49492a00')) {
+        return 'image/x-canon-cr2';
+    }
+    if (hex.startsWith('49492a00')) {
+        return 'image/x-canon-cr3';
+    }
+    if (hex.startsWith('49492a00')) {
+        return 'image/tiff';
+    }
+    if (hex.startsWith('424d')) {
+        return 'image/bmp';
+    }
+    if (hex.startsWith('69636e73')) {
+        return 'image/icns';
+    }
+    if (hex.startsWith('49491a0000004845415050')) {
+        return 'image/vnd.ms-photo';
+    }
+    if (hex.startsWith('38425053')) {
+        return 'image/vnd.adobe.photoshop';
+    }
+    if (hex.startsWith('06054b50')) {
+        return 'application/x-indesign';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/epub+zip';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/x-xpinstall';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/vnd.oasis.opendocument.text';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/vnd.oasis.opendocument.spreadsheet';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/vnd.oasis.opendocument.presentation';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/vnd.openxmlformats-officedocument.presentationml.presentation';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/zip';
+    }
+    if (hex.startsWith('7b2274797065223a226a736f6e227d')) {
+        return 'application/json';
+    }
+    if (hex.startsWith('7573746172')) {
+        return 'application/x-tar';
+    }
+    if (hex.startsWith('526172211a0700')) {
+        return 'application/x-rar-compressed';
+    }
+    if (hex.startsWith('1f8b08')) {
+        return 'application/gzip';
+    }
+    if (hex.startsWith('425a68')) {
+        return 'application/x-bzip2';
+    }
+    if (hex.startsWith('377abcaf271c')) {
+        return 'application/x-7z-compressed';
+    }
+    if (hex.startsWith('78da')) {
+        return 'application/x-apple-diskimage';
+    }
+    if (hex.startsWith('00000020667479706d70')) {
+        return 'video/mp4';
+    }
+    if (hex.startsWith('4d546864')) {
+        return 'audio/midi';
+    }
+    if (hex.startsWith('1a45dfa393428288')) {
+        return 'video/x-matroska';
+    }
+    if (hex.startsWith('1a45dfa3')) {
+        return 'video/webm';
+    }
+    if (hex.startsWith('00000014667479707174')) {
+        return 'video/quicktime';
+    }
+    if (hex.startsWith('52494646')) {
+        return 'video/vnd.avi';
+    }
+    if (hex.startsWith('52494646')) {
+        return 'audio/vnd.wave';
+    }
+    if (hex.startsWith('0a010301')) {
+        return 'audio/qcelp';
+    }
+    if (hex.startsWith('3026b2758e66cf11')) {
+        return 'audio/x-ms-asf';
+    }
+    if (hex.startsWith('3026b2758e66cf11')) {
+        return 'video/x-ms-asf';
+    }
+    if (hex.startsWith('3026b2758e66cf11')) {
+        return 'application/vnd.ms-asf';
+    }
+    if (hex.startsWith('000001ba')) {
+        return 'video/mpeg';
+    }
+    if (hex.startsWith('00000020667479703367')) {
+        return 'video/3gpp';
+    }
+    if (hex.startsWith('494433')) {
+        return 'audio/mpeg';
+    }
+    if (hex.startsWith('00000020667479704d344120')) {
+        return 'audio/mp4';
+    }
+    if (hex.startsWith('4f707573')) {
+        return 'audio/opus';
+    }
+    if (hex.startsWith('4f676753')) {
+        return 'video/ogg';
+    }
+    if (hex.startsWith('4f676753')) {
+        return 'audio/ogg';
+    }
+    if (hex.startsWith('4f676753')) {
+        return 'application/ogg';
+    }
+    if (hex.startsWith('664c6143')) {
+        return 'audio/x-flac';
+    }
+    if (hex.startsWith('4d414320')) {
+        return 'audio/ape';
+    }
+    if (hex.startsWith('7776706b')) {
+        return 'audio/wavpack';
+    }
+    if (hex.startsWith('2321414d520a')) {
+        return 'audio/amr';
+    }
+    if (hex.startsWith('255044462d312e')) {
+        return 'application/pdf';
+    }
+    if (hex.startsWith('7f454c46')) {
+        return 'application/x-elf';
+    }
+    if (hex.startsWith('4d5a')) {
+        return 'application/x-msdownload';
+    }
+    if (hex.startsWith('435753')) {
+        return 'application/x-shockwave-flash';
+    }
+    if (hex.startsWith('7b5c72746631')) {
+        return 'application/rtf';
+    }
+    if (hex.startsWith('0061736d')) {
+        return 'application/wasm';
+    }
+    if (hex.startsWith('774f4646')) {
+        return 'font/woff';
+    }
+    if (hex.startsWith('774f4632')) {
+        return 'font/woff2';
+    }
+    if (hex.startsWith('000100000008')) {
+        return 'application/vnd.ms-fontobject';
+    }
+    if (hex.startsWith('0001000000')) {
+        return 'font/ttf';
+    }
+    if (hex.startsWith('4f54544f00')) {
+        return 'font/otf';
+    }
+    if (hex.startsWith('000001000100')) {
+        return 'image/x-icon';
+    }
+    if (hex.startsWith('464c560105')) {
+        return 'video/x-flv';
+    }
+    if (hex.startsWith('25215053')) {
+        return 'application/postscript';
+    }
+    if (hex.startsWith('25215053')) {
+        return 'application/eps';
+    }
+    if (hex.startsWith('fd377a585a00')) {
+        return 'application/x-xz';
+    }
+    if (hex.startsWith('53514c69746520666f726d6174203300')) {
+        return 'application/x-sqlite3';
+    }
+    if (hex.startsWith('4e45531a00000001')) {
+        return 'application/x-nintendo-nes-rom';
+    }
+    if (hex.startsWith('504b0304')) {
+        return 'application/x-google-chrome-extension';
+    }
+    if (hex.startsWith('4d534346')) {
+        return 'application/vnd.ms-cab-compressed';
+    }
+    if (hex.startsWith('213c617263683e0a')) {
+        return 'application/x-deb';
+    }
+    if (hex.startsWith('1f8b08')) {
+        return 'application/x-unix-archive';
+    }
+    if (hex.startsWith('edabeedb')) {
+        return 'application/x-rpm';
+    }
+    if (hex.startsWith('1f9d90')) {
+        return 'application/x-compress';
+    }
+    if (hex.startsWith('4c5a4950')) {
+        return 'application/x-lzip';
+    }
+    if (hex.startsWith('d0cf11e0a1b11ae1')) {
+        return 'application/x-cfb';
+    }
+    if (hex.startsWith('4d49455f')) {
+        return 'application/x-mie';
+    }
+    if (hex.startsWith('4141523146')) {
+        return 'application/x-apache-arrow';
+    }
+    if (hex.startsWith('060e2b3402050101')) {
+        return 'application/mxf';
+    }
+    if (hex.startsWith('47')) {
+        return 'video/mp2t';
+    }
+    if (hex.startsWith('4250e4')) {
+        return 'application/x-blender';
+    }
+    if (hex.startsWith('425047fb')) {
+        return 'image/bpg';
+    }
+    if (hex.startsWith('ff4fff51')) {
+        return 'image/j2c';
+    }
+    if (hex.startsWith('0000000c6a5020200d0a')) {
+        return 'image/jp2';
+    }
+    if (hex.startsWith('6a5020200d0a870a')) {
+        return 'image/jpx';
+    }
+    if (hex.startsWith('6a5020200d0a870a')) {
+        return 'image/jpm';
+    }
+    if (hex.startsWith('0000000c6a5020200d0a')) {
+        return 'image/mj2';
+    }
+    if (hex.startsWith('464f524d')) {
+        return 'audio/aiff';
+    }
+    if (hex.startsWith('3c3f786d6c20')) {
+        return 'application/xml';
+    }
+    if (hex.startsWith('424f4f4b4d4f4249')) {
+        return 'application/x-mobipocket-ebook';
+    }
+    if (hex.startsWith('667479706174')) {
+        return 'image/heif';
+    }
+    if (hex.startsWith('667479706174')) {
+        return 'image/heif-sequence';
+    }
+    if (hex.startsWith('667479706174')) {
+        return 'image/heic';
+    }
+    if (hex.startsWith('667479706174')) {
+        return 'image/heic-sequence';
+    }
+    if (hex.startsWith('4b545820')) {
+        return 'image/ktx';
+    }
+    if (hex.startsWith('4449434d')) {
+        return 'application/dicom';
+    }
+    if (hex.startsWith('4d50434b')) {
+        return 'audio/x-musepack';
+    }
+    if (hex.startsWith('56656e64')) {
+        return 'text/calendar';
+    }
+    if (hex.startsWith('424547494e3a5643415244')) {
+        return 'text/vcard';
+    }
+    if (hex.startsWith('676c5458')) {
+        return 'model/gltf-binary';
+    }
+    if (hex.startsWith('d4c3b2a1')) {
+        return 'application/vnd.tcpdump.pcap';
+    }
+    if (hex.startsWith('464f524d')) {
+        return 'audio/x-voc';
+    }
+    if (hex.startsWith('64646f6c')) {
+        return 'audio/vnd.dolby.dd-raw';
+    }
+    return null;
+};
+const uint8ArrayToHexString = (uint8Array) => Array.prototype.map.call(uint8Array, (byte) => ('00' + byte.toString(16)).slice(-2)).join('');
+
 /**
  * @description
  * Validator that requires the maximum length of files that can be uploaded.
@@ -663,7 +980,7 @@ const maxSizeValidator = (maxSize) => (control) => {
             totalSize += file.size;
         });
     }
-    return control.value && totalSize > (maxSize * 1.024) ? { maxSize } : null;
+    return control.value && totalSize > maxSize * 1.024 ? { maxSize } : null;
 };
 /**
  * @description
@@ -674,22 +991,42 @@ const maxSizeValidator = (maxSize) => (control) => {
  *
  * ```typescript
  * const fileUpload = new FormControl(null, mimeTypeExtensionValidator(['image/jpeg'])),
- * console.log(fileUpload.errors); // { invalidFileExtension: ['image/jpeg'] }
+ * console.log(fileUpload.errors); // { invalidMimeFileType: ['image/jpeg'] }
  * ```
  *
- * @returns A validator function that returns an error map with the
- * `invalidFileExtension` if the validation check fails, otherwise `null`.
+ * @returns An Async validator function that returns an error map with the
+ * `invalidMimeFileType` if the validation check fails, otherwise `null`.
  */
 const mimeTypeExtensionValidator = (mimeTypes) => (control) => {
-    const invalidFileExtension = [];
     if (control.value) {
+        const fileErrorObservables = [];
+        // iterate over files
         control.value.forEach((file) => {
-            if (mimeTypes.indexOf(file.type) === -1) {
-                invalidFileExtension.push(file.name);
-            }
+            // push observable which will check the mime validation type
+            fileErrorObservables.push(validateFileMimeType(file, mimeTypes));
         });
+        return zip(...fileErrorObservables).pipe(map((fileErrors) => {
+            const errors = fileErrors.filter((fileError) => fileError !== null);
+            // Error should be { fileName: FileType }
+            return { invalidMimeFileType: errors };
+        }));
     }
-    return control.value && invalidFileExtension.length > 0 ? { invalidFileExtension } : null;
+    return of(null);
+};
+const validateFileMimeType = (file, mimeTypes) => {
+    return new Observable((subscriber) => {
+        const reader = new FileReader();
+        reader.onloadend = () => {
+            const buffer = reader.result;
+            const headerBytes = new Uint8Array(buffer).slice(0, 8);
+            const mime = getMimeType(headerBytes);
+            if (mimeTypes.indexOf(mime) === -1) {
+                subscriber.next({ [file.name]: mime });
+            }
+            subscriber.complete();
+        };
+        reader.readAsArrayBuffer(file);
+    });
 };
 
 class EuiUploadedFile {