@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/cjs/components/file/File.js

@@ -25,11 +25,11 @@ let htmlCanvasElement;
 if (typeof window !== 'undefined') {
     htmlCanvasElement = window.HTMLCanvasElement;
 }
-else if (typeof globalThis !== 'undefined') {
-    htmlCanvasElement = globalThis.HTMLCanvasElement;
+else if (typeof global !== 'undefined') {
+    htmlCanvasElement = global.HTMLCanvasElement;
 }
 if (htmlCanvasElement && !htmlCanvasElement.prototype.toBlob) {
-    Object.defineProperty(htmlCanvasElement.prototype, 'toBlob', {
+    Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
         value: function (callback, type, quality) {
             var canvas = this;
             setTimeout(function () {
@@ -37,11 +37,9 @@ if (htmlCanvasElement && !htmlCanvasElement.prototype.toBlob) {
                 for (var i = 0; i < len; i++) {
                     arr[i] = binStr.charCodeAt(i);
                 }
-                callback(new Blob([
-                    arr,
-                ], { type: type || 'image/png' }));
+                callback(new Blob([arr], { type: type || 'image/png' }));
             });
-        },
+        }
     });
 }
 const createRandomString = () => Math.random().toString(36).substring(2, 15);
@@ -74,25 +72,18 @@ class FileComponent extends Field_1.default {
         return FileComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                'isEmpty',
-                'isNotEmpty',
-            ] });
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
     }
     static savedValueTypes(schema) {
         schema = schema || {};
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.object,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];
     }
     init() {
         super.init();
         webViewCamera = navigator.camera || Camera;
-        const fileReaderSupported = typeof FileReader !== 'undefined';
+        const fileReaderSupported = (typeof FileReader !== 'undefined');
         const formDataSupported = typeof window !== 'undefined' ? Boolean(window.FormData) : false;
-        const progressSupported = typeof window !== 'undefined' && window.XMLHttpRequest
-            ? 'upload' in new XMLHttpRequest()
-            : false;
+        const progressSupported = (typeof window !== 'undefined' && window.XMLHttpRequest) ? ('upload' in new XMLHttpRequest) : false;
         this.support = {
             filereader: fileReaderSupported,
             formdata: formDataSupported,
@@ -143,10 +134,10 @@ class FileComponent extends Field_1.default {
         return Array.isArray(value) ? value : [];
     }
     get hasTypes() {
-        return (this.component.fileTypes &&
+        return this.component.fileTypes &&
             Array.isArray(this.component.fileTypes) &&
             this.component.fileTypes.length !== 0 &&
-            (this.component.fileTypes[0].label !== '' || this.component.fileTypes[0].value !== ''));
+            (this.component.fileTypes[0].label !== '' || this.component.fileTypes[0].value !== '');
     }
     get fileDropHidden() {
         return this._fileBrowseHidden;
@@ -247,11 +238,10 @@ class FileComponent extends Field_1.default {
             this.redraw();
             return;
         }
-        this.getFrame(videoPlayer).then((frame) => {
+        this.getFrame(videoPlayer)
+            .then((frame) => {
             frame.name = `photo-${Date.now()}.png`;
-            this.handleFilesToUpload([
-                frame,
-            ]);
+            this.handleFilesToUpload([frame]);
             this.cameraMode = false;
             this.redraw();
         });
@@ -380,7 +370,8 @@ class FileComponent extends Field_1.default {
         if (this.refs.fileBrowse) {
             this.addEventListener(this.refs.fileBrowse, 'click', (event) => {
                 event.preventDefault();
-                this.browseFiles(this.browseOptions).then((files) => {
+                this.browseFiles(this.browseOptions)
+                    .then((files) => {
                     this.handleFilesToUpload(files);
                 });
             });
@@ -407,13 +398,14 @@ class FileComponent extends Field_1.default {
         });
         this.refs.restoreFile.forEach((fileToRestore, index) => {
             this.addEventListener(fileToRestore, 'click', (event) => {
+                var _a;
                 event.preventDefault();
                 const fileInfo = this.filesToSync.filesToDelete[index];
                 delete fileInfo.status;
                 delete fileInfo.message;
                 this.filesToSync.filesToDelete.splice(index, 1);
                 this.dataValue.push(fileInfo);
-                this.triggerChange();
+                (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
                 this.redraw();
             });
         });
@@ -425,13 +417,9 @@ class FileComponent extends Field_1.default {
                         fileEntry.file((file) => {
                             const reader = new FileReader();
                             reader.onloadend = (evt) => {
-                                const blob = new Blob([
-                                    new Uint8Array(evt.target.result),
-                                ], { type: file.type });
+                                const blob = new Blob([new Uint8Array(evt.target.result)], { type: file.type });
                                 blob.name = file.name;
-                                this.handleFilesToUpload([
-                                    blob,
-                                ]);
+                                this.handleFilesToUpload([blob]);
                             };
                             reader.readAsArrayBuffer(file);
                         });
@@ -451,13 +439,9 @@ class FileComponent extends Field_1.default {
                         fileEntry.file((file) => {
                             const reader = new FileReader();
                             reader.onloadend = (evt) => {
-                                const blob = new Blob([
-                                    new Uint8Array(evt.target.result),
-                                ], { type: file.type });
+                                const blob = new Blob([new Uint8Array(evt.target.result)], { type: file.type });
                                 blob.name = file.name;
-                                this.handleFilesToUpload([
-                                    blob,
-                                ]);
+                                this.handleFilesToUpload([blob]);
                             };
                             reader.readAsArrayBuffer(file);
                         });
@@ -490,8 +474,7 @@ class FileComponent extends Field_1.default {
             if (!this.dataValue[index]) {
                 return;
             }
-            this.dataValue[index].fileType =
-                this.dataValue[index].fileType || this.component.fileTypes[0].label;
+            this.dataValue[index].fileType = this.dataValue[index].fileType || this.component.fileTypes[0].label;
             this.addEventListener(fileType, 'change', (event) => {
                 event.preventDefault();
                 const fileType = this.component.fileTypes.find((typeObj) => typeObj.value === event.target.value);
@@ -513,11 +496,9 @@ class FileComponent extends Field_1.default {
                 loadingImages.push(this.loadImage(this.dataValue[index]).then((url) => (image.src = url)));
             });
             if (loadingImages.length) {
-                Promise.all(loadingImages)
-                    .then(() => {
+                Promise.all(loadingImages).then(() => {
                     this.filesReadyResolve();
-                })
-                    .catch(() => this.filesReadyReject());
+                }).catch(() => this.filesReadyReject());
             }
             else {
                 this.filesReadyResolve();
@@ -525,9 +506,12 @@ class FileComponent extends Field_1.default {
         }
         return superAttach;
     }
+    /* eslint-disable max-len */
     fileSize(a, b, c, d, e) {
-        return `${((b = Math), (c = b.log), (d = 1024), (e = (c(a) / c(d)) | 0), a / b.pow(d, e)).toFixed(2)} ${e ? `${'kMGTPEZY'[--e]}B` : 'Bytes'}`;
+        return `${(b = Math, c = b.log, d = 1024, e = c(a) / c(d) | 0, a / b.pow(d, e)).toFixed(2)} ${e ? `${'kMGTPEZY'[--e]}B` : 'Bytes'}`;
     }
+    /* eslint-enable max-len */
+    /* eslint-disable max-depth */
     globStringToRegex(str) {
         str = str.replace(/\s/g, '');
         let regexp = '', excludes = [];
@@ -565,6 +549,7 @@ class FileComponent extends Field_1.default {
         }
         return { regexp, excludes };
     }
+    /* eslint-enable max-depth */
     translateScalars(str) {
         if (typeof str === 'string') {
             if (str.search(/kb/i) === str.length - 2) {
@@ -599,15 +584,13 @@ class FileComponent extends Field_1.default {
         let valid = true;
         if (pattern.regexp && pattern.regexp.length) {
             const regexp = new RegExp(pattern.regexp, 'i');
-            valid =
-                (!lodash_1.default.isNil(file.type) && regexp.test(file.type)) ||
-                    (!lodash_1.default.isNil(file.name) && regexp.test(file.name));
+            valid = (!lodash_1.default.isNil(file.type) && regexp.test(file.type)) ||
+                (!lodash_1.default.isNil(file.name) && regexp.test(file.name));
         }
         valid = pattern.excludes.reduce((result, excludePattern) => {
             const exclude = new RegExp(excludePattern, 'i');
-            return (result &&
-                (lodash_1.default.isNil(file.type) || exclude.test(file.type)) &&
-                (lodash_1.default.isNil(file.name) || exclude.test(file.name)));
+            return result && (lodash_1.default.isNil(file.type) || exclude.test(file.type)) &&
+                (lodash_1.default.isNil(file.name) || exclude.test(file.name));
         }, valid);
         return valid;
     }
@@ -618,7 +601,7 @@ class FileComponent extends Field_1.default {
         return file.size - 0.1 <= this.translateScalars(val);
     }
     abortRequest(id) {
-        const abortUpload = this.abortUploads.find((abortUpload) => abortUpload.id === id);
+        const abortUpload = this.abortUploads.find(abortUpload => abortUpload.id === id);
         if (abortUpload) {
             abortUpload.abort();
         }
@@ -628,7 +611,7 @@ class FileComponent extends Field_1.default {
         if (!target.id) {
             return;
         }
-        const [action, id,] = target.id.split('-');
+        const [action, id] = target.id.split('-');
         if (!action || !id || !this.actions[action]) {
             return;
         }
@@ -638,9 +621,7 @@ class FileComponent extends Field_1.default {
         return (0, utils_1.uniqueName)(file.name, this.component.fileNameTemplate, this.evalContext());
     }
     getInitFileToSync(file) {
-        const escapedFileName = file.name
-            ? file.name.replaceAll('<', '&lt;').replaceAll('>', '&gt;')
-            : file.name;
+        const escapedFileName = file.name ? file.name.replaceAll('<', '&lt;').replaceAll('>', '&gt;') : file.name;
         return {
             id: createRandomString(),
             // Get a unique name for this file to keep file collisions from occurring.
@@ -658,8 +639,9 @@ class FileComponent extends Field_1.default {
         };
     }
     handleSubmissionRevisions(file) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.root.form.submissionRevisions !== 'true') {
+            if (((_a = this.root) === null || _a === void 0 ? void 0 : _a.form.submissionRevisions) !== 'true') {
                 return '';
             }
             const bmf = new browser_md5_file_1.default();
@@ -678,8 +660,9 @@ class FileComponent extends Field_1.default {
     }
     validateFileName(file) {
         // Check if file with the same name is being uploaded
-        const fileWithSameNameUploading = this.filesToSync.filesToUpload.some((fileToSync) => { var _a; return ((_a = fileToSync.file) === null || _a === void 0 ? void 0 : _a.name) === file.name; });
-        const fileWithSameNameUploaded = lodash_1.default.some(this.dataValue, (fileStatus) => fileStatus.originalName === file.name);
+        const fileWithSameNameUploading = this.filesToSync.filesToUpload
+            .some(fileToSync => { var _a; return ((_a = fileToSync.file) === null || _a === void 0 ? void 0 : _a.name) === file.name; });
+        const fileWithSameNameUploaded = lodash_1.default.some(this.dataValue, fileStatus => fileStatus.originalName === file.name);
         return fileWithSameNameUploaded || fileWithSameNameUploading
             ? {
                 status: 'error',
@@ -738,45 +721,39 @@ class FileComponent extends Field_1.default {
         return this.validateFileSettings(file);
     }
     getGroupPermissions() {
+        var _a;
         let groupKey = null;
         let groupPermissions = null;
         //Iterate through form components to find group resource if one exists
-        this.root.everyComponent((element) => {
+        (_a = this.root) === null || _a === void 0 ? void 0 : _a.everyComponent((element) => {
             var _a, _b;
             if (((_a = element.component) === null || _a === void 0 ? void 0 : _a.submissionAccess) || ((_b = element.component) === null || _b === void 0 ? void 0 : _b.defaultPermission)) {
-                groupPermissions = !element.component.submissionAccess
-                    ? [
-                        {
-                            type: element.component.defaultPermission,
-                            roles: [],
-                        },
-                    ]
-                    : element.component.submissionAccess;
+                groupPermissions = !element.component.submissionAccess ? [
+                    {
+                        type: element.component.defaultPermission,
+                        roles: [],
+                    },
+                ] : element.component.submissionAccess;
                 groupPermissions.forEach((permission) => {
-                    groupKey = [
-                        'admin',
-                        'write',
-                        'create',
-                    ].includes(permission.type)
-                        ? element.component.key
-                        : null;
+                    groupKey = ['admin', 'write', 'create'].includes(permission.type) ? element.component.key : null;
                 });
             }
         });
         return { groupKey, groupPermissions };
     }
     triggerFileProcessor(file) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             let processedFile = null;
-            if (this.root.options.fileProcessor) {
+            if ((_a = this.root) === null || _a === void 0 ? void 0 : _a.options.fileProcessor) {
                 try {
                     if (this.refs.fileProcessingLoader) {
                         this.refs.fileProcessingLoader.style.display = 'block';
                     }
-                    const fileProcessorHandler = (0, fileProcessor_1.default)(this.fileService, this.root.options.fileProcessor);
+                    const fileProcessorHandler = (0, fileProcessor_1.default)(this.fileService, (_b = this.root) === null || _b === void 0 ? void 0 : _b.options.fileProcessor);
                     processedFile = yield fileProcessorHandler(file, this.component.properties);
                 }
-                catch (ignoreErr) {
+                catch (err) {
                     this.fileDropHidden = false;
                     return {
                         status: 'error',
@@ -829,9 +806,7 @@ class FileComponent extends Field_1.default {
             }
             if (this.component.storage && files && files.length) {
                 this.fileDropHidden = true;
-                return Promise.all([
-                    ...files,
-                ].map((file) => __awaiter(this, void 0, void 0, function* () {
+                return Promise.all([...files].map((file) => __awaiter(this, void 0, void 0, function* () {
                     yield this.prepareFileToUpload(file);
                     this.redraw();
                 })));
@@ -853,7 +828,7 @@ class FileComponent extends Field_1.default {
         this.filesToSync.filesToDelete.push(Object.assign(Object.assign({}, fileInfo), { status: 'info', message: this.autoSync
                 ? this.t('Ready to be removed from storage')
                 : this.t('Preparing file to remove') }));
-        const index = this.dataValue.findIndex((file) => file.name === fileInfo.name);
+        const index = this.dataValue.findIndex(file => file.name === fileInfo.name);
         this.splice(index);
         this.redraw();
     }
@@ -866,14 +841,7 @@ class FileComponent extends Field_1.default {
     deleteFile(fileInfo) {
         return __awaiter(this, void 0, void 0, function* () {
             const { options = {} } = this.component;
-            if (fileInfo &&
-                [
-                    'url',
-                    'indexeddb',
-                    's3',
-                    'azure',
-                    'googledrive',
-                ].includes(this.component.storage)) {
+            if (fileInfo && (['url', 'indexeddb', 's3', 'azure', 'googledrive'].includes(this.component.storage))) {
                 const { fileService } = this;
                 if (fileService && typeof fileService.deleteFile === 'function') {
                     return yield fileService.deleteFile(fileInfo, options);
@@ -913,14 +881,14 @@ class FileComponent extends Field_1.default {
         });
     }
     updateProgress(fileInfo, progressEvent) {
-        fileInfo.progress = parseInt((100.0 * progressEvent.loaded) / progressEvent.total);
+        fileInfo.progress = parseInt(100.0 * progressEvent.loaded / progressEvent.total);
         if (fileInfo.status !== 'progress') {
             fileInfo.status = 'progress';
             delete fileInfo.message;
             this.redraw();
         }
         else {
-            const progress = Array.prototype.find.call(this.refs.progress, (progressElement) => progressElement.id === fileInfo.id);
+            const progress = Array.prototype.find.call(this.refs.progress, progressElement => progressElement.id === fileInfo.id);
             progress.innerHTML = `<span class="visually-hidden">${fileInfo.progress}% ${this.t('Complete')}</span>`;
             progress.style.width = `${fileInfo.progress}%`;
             progress.ariaValueNow = fileInfo.progress.toString();
@@ -928,17 +896,16 @@ class FileComponent extends Field_1.default {
     }
     getMultipartOptions(fileToSync) {
         let count = 0;
-        return this.component.useMultipartUpload && this.component.multipart
-            ? Object.assign(Object.assign({}, this.component.multipart), { progressCallback: (total) => {
-                    count++;
-                    fileToSync.status = 'progress';
-                    fileToSync.progress = parseInt((100 * count) / total);
-                    delete fileToSync.message;
-                    this.redraw();
-                }, changeMessage: (message) => {
-                    fileToSync.message = message;
-                    this.redraw();
-                } }) : false;
+        return this.component.useMultipartUpload && this.component.multipart ? Object.assign(Object.assign({}, this.component.multipart), { progressCallback: (total) => {
+                count++;
+                fileToSync.status = 'progress';
+                fileToSync.progress = parseInt(100 * count / total);
+                delete fileToSync.message;
+                this.redraw();
+            }, changeMessage: (message) => {
+                fileToSync.message = message;
+                this.redraw();
+            } }) : false;
     }
     uploadFile(fileToSync) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -978,12 +945,11 @@ class FileComponent extends Field_1.default {
                 catch (response) {
                     fileToSync.status = 'error';
                     delete fileToSync.progress;
-                    fileToSync.message =
-                        typeof response === 'string'
-                            ? response
-                            : response.type === 'abort'
-                                ? this.t('Request was aborted')
-                                : response.toString();
+                    fileToSync.message = typeof response === 'string'
+                        ? response
+                        : response.type === 'abort'
+                            ? this.t('Request was aborted')
+                            : response.toString();
                     this.emit('fileUploadingEnd');
                     this.emit('fileUploadError', {
                         fileToSync,
@@ -1002,34 +968,30 @@ class FileComponent extends Field_1.default {
         });
     }
     syncFiles() {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             this.isSyncing = true;
             this.fileDropHidden = true;
             this.redraw();
             try {
-                const [filesToDelete = [], filesToUpload = [],] = yield Promise.all([
-                    this.delete(),
-                    this.upload(),
-                ]);
+                const [filesToDelete = [], filesToUpload = []] = yield Promise.all([this.delete(), this.upload()]);
                 this.filesToSync.filesToDelete = filesToDelete
-                    .filter((file) => { var _a; return ((_a = file.fileToSync) === null || _a === void 0 ? void 0 : _a.status) === 'error'; })
-                    .map((file) => file.fileToSync);
+                    .filter(file => { var _a; return ((_a = file.fileToSync) === null || _a === void 0 ? void 0 : _a.status) === 'error'; })
+                    .map(file => file.fileToSync);
                 this.filesToSync.filesToUpload = filesToUpload
-                    .filter((file) => { var _a; return ((_a = file.fileToSync) === null || _a === void 0 ? void 0 : _a.status) === 'error'; })
-                    .map((file) => file.fileToSync);
+                    .filter(file => { var _a; return ((_a = file.fileToSync) === null || _a === void 0 ? void 0 : _a.status) === 'error'; })
+                    .map(file => file.fileToSync);
                 if (!this.hasValue()) {
                     this.dataValue = [];
                 }
                 const data = filesToUpload
-                    .filter((file) => { var _a; return ((_a = file.fileToSync) === null || _a === void 0 ? void 0 : _a.status) === 'success'; })
-                    .map((file) => file.fileInfo);
+                    .filter(file => { var _a; return ((_a = file.fileToSync) === null || _a === void 0 ? void 0 : _a.status) === 'success'; })
+                    .map(file => file.fileInfo);
                 this.dataValue.push(...data);
-                this.triggerChange({
-                    modified: true,
-                });
+                (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
                 return Promise.resolve();
             }
-            catch (ignoreErr) {
+            catch (err) {
                 return Promise.reject();
             }
             finally {
@@ -1049,14 +1011,9 @@ class FileComponent extends Field_1.default {
         if (this.component.privateDownload) {
             fileInfo.private = true;
         }
-        fileService
-            .downloadFile(fileInfo, options)
-            .then((file) => {
+        fileService.downloadFile(fileInfo, options).then((file) => {
             if (file) {
-                if ([
-                    'base64',
-                    'indexeddb',
-                ].includes(file.storage)) {
+                if (['base64', 'indexeddb'].includes(file.storage)) {
                     (0, downloadjs_1.default)(file.url, file.originalName || file.name, file.type);
                 }
                 else {
@@ -1085,7 +1042,9 @@ class FileComponent extends Field_1.default {
                     return Promise.resolve();
                 }
                 yield this.syncFiles();
-                return this.shouldSyncFiles ? Promise.reject('Synchronization is failed') : Promise.resolve();
+                return this.shouldSyncFiles
+                    ? Promise.reject('Synchronization is failed')
+                    : Promise.resolve();
             }
             catch (error) {
                 return Promise.reject(error.message);

package/lib/cjs/components/file/editForm/File.edit.display.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
     {
         type: 'hidden',
@@ -15,15 +15,11 @@ exports.default = [
             json: {
                 in: [
                     {
-                        var: 'data.storage',
+                        var: 'data.storage'
                     },
-                    [
-                        's3',
-                        'azure',
-                        'googledrive',
-                    ],
+                    ['s3', 'azure', 'googledrive']
                 ],
-            },
-        },
+            }
+        }
     },
 ];