@formio/js 5.4.1 → 5.4.2

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

@@ -37,9 +37,7 @@ 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' }));
             });
         },
     });
@@ -74,16 +72,11 @@ 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();
@@ -219,7 +212,7 @@ class FileComponent extends Field_1.default {
             this.videoStream = stream;
             const { videoPlayer } = this.refs;
             if (!videoPlayer) {
-                console.warn('Video player not found in template.');
+                console.warn(this.t('videoPlayerNotFound'));
                 this.cameraMode = false;
                 this.redraw();
                 return;
@@ -244,16 +237,14 @@ class FileComponent extends Field_1.default {
     takePicture() {
         const { videoPlayer } = this.refs;
         if (!videoPlayer) {
-            console.warn('Video player not found in template.');
+            console.warn(this.t('videoPlayerNotFound'));
             this.cameraMode = false;
             this.redraw();
             return;
         }
         this.getFrame(videoPlayer).then((frame) => {
             frame.name = `photo-${Date.now()}.png`;
-            this.handleFilesToUpload([
-                frame,
-            ]);
+            this.handleFilesToUpload([frame]);
             this.cameraMode = false;
             this.redraw();
         });
@@ -428,13 +419,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);
                         });
@@ -454,13 +441,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);
                         });
@@ -631,7 +614,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;
         }
@@ -656,7 +639,7 @@ class FileComponent extends Field_1.default {
             file,
             size: file.size,
             status: 'info',
-            message: this.t('Processing file. Please wait...'),
+            message: this.t('waitFileProcessing'),
             hash: '',
         };
     }
@@ -687,7 +670,7 @@ class FileComponent extends Field_1.default {
         return fileWithSameNameUploaded || fileWithSameNameUploading
             ? {
                 status: 'error',
-                message: this.t(`File with the same name is already ${fileWithSameNameUploading ? 'being ' : ''}uploaded`),
+                message: this.t(fileWithSameNameUploading ? 'fileWithDuplicatedNameInProgress' : 'fileWithDuplicatedNameLoaded'),
             }
             : {};
     }
@@ -696,7 +679,7 @@ class FileComponent extends Field_1.default {
         if (this.component.filePattern && !this.validatePattern(file, this.component.filePattern)) {
             return {
                 status: 'error',
-                message: this.t('File is the wrong type; it must be {{ pattern }}', {
+                message: this.t('wrongFileType', {
                     pattern: this.component.filePattern,
                 }),
             };
@@ -709,7 +692,7 @@ class FileComponent extends Field_1.default {
             if (!interpolatedMinSize) {
                 return {
                     status: 'error',
-                    message: 'Please, check the entered parameters',
+                    message: this.t('checkEnteredParameters'),
                 };
             }
             if (!this.validateMinSize(file, interpolatedMinSize)) {
@@ -727,7 +710,7 @@ class FileComponent extends Field_1.default {
             if (!interpolatedMaxSize) {
                 return {
                     status: 'error',
-                    message: 'Please, check the entered parameters',
+                    message: this.t('checkEnteredParameters'),
                 };
             }
             if (!this.validateMaxSize(file, interpolatedMaxSize)) {
@@ -746,7 +729,7 @@ class FileComponent extends Field_1.default {
         return !fileService
             ? {
                 status: 'error',
-                message: this.t('File Service not provided.'),
+                message: this.t('noFileService'),
             }
             : {};
     }
@@ -778,11 +761,7 @@ class FileComponent extends Field_1.default {
                     ]
                     : element.component.submissionAccess;
                 groupPermissions.forEach((permission) => {
-                    groupKey = [
-                        'admin',
-                        'write',
-                        'create',
-                    ].includes(permission.type)
+                    groupKey = ['admin', 'write', 'create'].includes(permission.type)
                         ? element.component.key
                         : null;
                 });
@@ -806,7 +785,7 @@ class FileComponent extends Field_1.default {
                     this.fileDropHidden = false;
                     return {
                         status: 'error',
-                        message: this.t('File processing has been failed.'),
+                        message: this.t('fileProcessingFailed'),
                     };
                 }
                 finally {
@@ -842,7 +821,7 @@ class FileComponent extends Field_1.default {
                 return this.filesToSync.filesToUpload.push(fileToSync);
             }
             if (this.autoSync) {
-                fileToSync.message = this.t('Ready to be uploaded into storage');
+                fileToSync.message = this.t('readyForUpload');
             }
             this.filesToSync.filesToUpload.push(Object.assign(Object.assign({}, fileToSync), { message: fileToSync.message, file: processedFile.file || file, url: this.interpolate(this.component.url, { file: fileToSync }), groupPermissions, groupResourceId: groupKey ? this.currentForm.submission.data[groupKey]._id : null }));
         });
@@ -855,9 +834,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();
                 })));
@@ -877,8 +854,8 @@ class FileComponent extends Field_1.default {
     }
     prepareFileToDelete(fileInfo) {
         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') }));
+                ? this.t('readyForRemovingFromStorage')
+                : this.t('preparingFileToRemove') }));
         const index = this.dataValue.findIndex((file) => file.name === fileInfo.name);
         this.splice(index);
         this.redraw();
@@ -893,13 +870,7 @@ class FileComponent extends Field_1.default {
         return __awaiter(this, void 0, void 0, function* () {
             const { options = {} } = this.component;
             if (fileInfo &&
-                [
-                    'url',
-                    'indexeddb',
-                    's3',
-                    'azure',
-                    'googledrive',
-                ].includes(this.component.storage)) {
+                ['url', 'indexeddb', 's3', 'azure', 'googledrive'].includes(this.component.storage)) {
                 const { fileService } = this;
                 if (fileService && typeof fileService.deleteFile === 'function') {
                     return yield fileService.deleteFile(fileInfo, options);
@@ -925,7 +896,7 @@ class FileComponent extends Field_1.default {
                     }
                     yield this.deleteFile(fileToSync);
                     fileToSync.status = 'success';
-                    fileToSync.message = this.t('Succefully removed');
+                    fileToSync.message = this.t('succefullyRemoved');
                 }
                 catch (response) {
                     fileToSync.status = 'error';
@@ -995,14 +966,14 @@ class FileComponent extends Field_1.default {
                             fileInfo,
                         };
                     }
-                    if (fileToSync.status === "success") {
-                        const uploadedFile = this.resolvedFiles.find(x => x.fileToSync.originalName === fileToSync.originalName);
+                    if (fileToSync.status === 'success') {
+                        const uploadedFile = this.resolvedFiles.find((x) => x.fileToSync.originalName === fileToSync.originalName);
                         return {
                             fileToSync: uploadedFile.fileToSync,
                             fileInfo: uploadedFile.fileInfo,
                         };
                     }
-                    const pendingFile = this.pendingfiles.find(x => x.name === fileToSync.name);
+                    const pendingFile = this.pendingfiles.find((x) => x.name === fileToSync.name);
                     if (pendingFile) {
                         fileInfo = yield pendingFile.fileInfoProm;
                     }
@@ -1011,9 +982,9 @@ class FileComponent extends Field_1.default {
                         this.pendingfiles.push({ name: fileToSync.name, fileInfoProm: promInfo });
                         fileInfo = yield promInfo;
                     }
-                    this.pendingfiles = this.pendingfiles.filter(x => x.name !== fileToSync.name);
+                    this.pendingfiles = this.pendingfiles.filter((x) => x.name !== fileToSync.name);
                     fileToSync.status = 'success';
-                    fileToSync.message = this.t('Succefully uploaded');
+                    fileToSync.message = this.t('succefullyUploaded');
                     fileInfo.originalName = fileToSync.originalName;
                     fileInfo.hash = fileToSync.hash;
                     this.emit('fileUploadingEnd', Promise.resolve(fileInfo));
@@ -1025,7 +996,7 @@ class FileComponent extends Field_1.default {
                         typeof response === 'string'
                             ? response
                             : response.type === 'abort'
-                                ? this.t('Request was aborted')
+                                ? this.t('requestAborted')
                                 : response.toString();
                     this.emit('fileUploadingEnd', Promise.reject(response));
                     this.emit(lodash_1.default.get(response, 'type') === 'abort' ? 'fileUploadCanceled' : 'fileUploadError', {
@@ -1036,9 +1007,11 @@ class FileComponent extends Field_1.default {
                 finally {
                     delete fileToSync.progress;
                     this.redraw();
-                    const fileExists = this.resolvedFiles.find(x => x.fileInfo.originalName === fileToSync.originalName);
-                    if (!fileExists && fileToSync.status !== 'error') {
-                        this.resolvedFiles.push({ fileToSync, fileInfo });
+                    if (fileInfo) {
+                        const fileExists = this.resolvedFiles.find(x => x.fileInfo.originalName === fileToSync.originalName);
+                        if (!fileExists && fileToSync.status !== 'error') {
+                            this.resolvedFiles.push({ fileToSync, fileInfo });
+                        }
                     }
                 }
                 return {
@@ -1055,7 +1028,7 @@ class FileComponent extends Field_1.default {
             this.fileDropHidden = true;
             this.redraw();
             try {
-                const [filesToDelete = [], filesToUpload = [],] = yield Promise.all([
+                const [filesToDelete = [], filesToUpload = []] = yield Promise.all([
                     this.delete(),
                     this.upload(),
                 ]);
@@ -1095,7 +1068,7 @@ class FileComponent extends Field_1.default {
         const { options = {} } = this.component;
         const { fileService } = this;
         if (!fileService) {
-            return alert('File Service not provided');
+            return alert(this.t('noFileService'));
         }
         if (this.component.privateDownload) {
             fileInfo.private = true;
@@ -1104,10 +1077,7 @@ class FileComponent extends Field_1.default {
             .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 {
@@ -1136,7 +1106,7 @@ 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(this.t('synchronizationFailed')) : Promise.resolve();
             }
             catch (error) {
                 return Promise.reject(error.message);

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

@@ -17,11 +17,7 @@ exports.default = [
                     {
                         var: 'data.storage',
                     },
-                    [
-                        's3',
-                        'azure',
-                        'googledrive',
-                    ],
+                    ['s3', 'azure', 'googledrive'],
                 ],
             },
         },

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

@@ -33,10 +33,7 @@ exports.default = [
         tooltip: "The <a href='https://docs.aws.amazon.com/AmazonS3/latest/userguide/mpuoverview.html'>S3 Multipart Upload API</a> is designed to improve the upload experience for larger objects (> 5GB).",
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.storage' },
-                    's3',
-                ],
+                '===': [{ var: 'data.storage' }, 's3'],
             },
         },
     },
@@ -68,10 +65,7 @@ exports.default = [
         ],
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.useMultipartUpload' },
-                    true,
-                ],
+                '===': [{ var: 'data.useMultipartUpload' }, true],
             },
         },
     },
@@ -85,10 +79,7 @@ exports.default = [
         tooltip: "See <a href='https://github.com/danialfarid/ng-file-upload#server-side' target='_blank'>https://github.com/danialfarid/ng-file-upload#server-side</a> for how to set up the server.",
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.storage' },
-                    'url',
-                ],
+                '===': [{ var: 'data.storage' }, 'url'],
             },
         },
     },
@@ -105,9 +96,7 @@ exports.default = [
                     {
                         var: 'data.storage',
                     },
-                    [
-                        'indexeddb',
-                    ],
+                    ['indexeddb'],
                 ],
             },
         },
@@ -125,9 +114,7 @@ exports.default = [
                     {
                         var: 'data.storage',
                     },
-                    [
-                        'indexeddb',
-                    ],
+                    ['indexeddb'],
                 ],
             },
         },
@@ -301,10 +288,7 @@ exports.default = [
         weight: 31,
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.storage' },
-                    'url',
-                ],
+                '===': [{ var: 'data.storage' }, 'url'],
             },
         },
     },
@@ -318,10 +302,7 @@ exports.default = [
         weight: 40,
         conditional: {
             json: {
-                '==': [
-                    { var: 'data.image' },
-                    true,
-                ],
+                '==': [{ var: 'data.image' }, true],
             },
         },
     },
@@ -343,10 +324,7 @@ exports.default = [
         weight: 38,
         conditional: {
             json: {
-                '==': [
-                    { var: 'data.webcam' },
-                    true,
-                ],
+                '==': [{ var: 'data.webcam' }, true],
             },
         },
     },

package/lib/cjs/components/form/Form.js

@@ -34,9 +34,7 @@ class FormComponent extends Component_1.default {
         };
     }
     static savedValueTypes() {
-        return [
-            utils_1.componentValueTypes.object,
-        ];
+        return [utils_1.componentValueTypes.object];
     }
     init() {
         super.init();
@@ -222,7 +220,7 @@ class FormComponent extends Component_1.default {
     }
     render() {
         if (this.builderMode) {
-            return super.render(this.component.label || 'Nested form');
+            return super.render(this.t(this.component.label || 'nestedForm'));
         }
         const subform = this.subForm ? this.subForm.render() : this.renderTemplate('loading');
         return super.render(subform);
@@ -235,13 +233,13 @@ class FormComponent extends Component_1.default {
      */
     getValueAsString(value, options) {
         if (!value) {
-            return 'No data provided';
+            return this.t('noDataProvided');
         }
         if (!value.data && value._id) {
             return value._id;
         }
         if (!value.data || !Object.keys(value.data).length) {
-            return 'No data provided';
+            return this.t('noDataProvided');
         }
         if (options === null || options === void 0 ? void 0 : options.email) {
             let result = `
@@ -710,7 +708,7 @@ class FormComponent extends Component_1.default {
                 : {};
             this.subForm.setUrl(submissionUrl, Object.assign(Object.assign({}, this.options), options));
             this.subForm.loadSubmission().catch((err) => {
-                console.error(`Unable to load subform submission ${submission._id}:`, err);
+                console.error(this.t('subformSubmissionLoadingError', { submissionId: submission._id }), err);
             });
         }
         else {

package/lib/cjs/components/html/HTML.js

@@ -54,11 +54,7 @@ class HTMLComponent extends Component_1.default {
         return content;
     }
     get singleTags() {
-        return [
-            'br',
-            'img',
-            'hr',
-        ];
+        return ['br', 'img', 'hr'];
     }
     checkRefreshOn(changed) {
         super.checkRefreshOn(changed);

package/lib/cjs/components/number/Number.js

@@ -48,9 +48,7 @@ class NumberComponent extends Input_1.default {
     }
     static savedValueTypes(schema) {
         schema = schema || {};
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.number,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.number];
     }
     constructor(...args) {
         var _a, _b, _c;
@@ -72,7 +70,7 @@ class NumberComponent extends Input_1.default {
             if (this.component.thousandsSeparator ||
                 ((_c = this.options.properties) === null || _c === void 0 ? void 0 : _c.thousandsSeparator) ||
                 this.options.thousandsSeparator) {
-                console.warn('In order for thousands separator to work properly, you must set the delimiter to true in the component json');
+                console.warn(this.t('noDelimiterSet'));
             }
             this.delimiter = '';
         }

package/lib/cjs/components/panel/editForm/Panel.edit.display.js

@@ -92,10 +92,7 @@ exports.default = [
                 defaultValue: true,
                 customConditional({ data = {}, buildingForm = {} }) {
                     const formSettings = buildingForm.settings || {};
-                    return ![
-                        data.breadcrumb,
-                        formSettings.wizardBreadcrumbsType,
-                    ].includes('none');
+                    return ![data.breadcrumb, formSettings.wizardBreadcrumbsType].includes('none');
                 },
             },
             {
@@ -107,10 +104,7 @@ exports.default = [
                 tooltip: 'Determines if the breadcrumb bar is clickable or not for visited tabs.',
                 conditional: {
                     json: {
-                        '===': [
-                            { var: 'data.breadcrumbClickable' },
-                            false,
-                        ],
+                        '===': [{ var: 'data.breadcrumbClickable' }, false],
                     },
                 },
             },
@@ -216,10 +210,7 @@ exports.default = [
         input: true,
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.collapsible' },
-                    true,
-                ],
+                '===': [{ var: 'data.collapsible' }, true],
             },
         },
     },

package/lib/cjs/components/password/Password.js

@@ -26,10 +26,7 @@ class PasswordComponent extends TextField_1.default {
         };
     }
     get defaultSchema() {
-        return lodash_1.default.omit(PasswordComponent.schema(), [
-            'protected',
-            'tableView',
-        ]);
+        return lodash_1.default.omit(PasswordComponent.schema(), ['protected', 'tableView']);
     }
     get inputInfo() {
         const info = super.inputInfo;

package/lib/cjs/components/radio/Radio.js

@@ -14,9 +14,7 @@ class RadioComponent extends ListComponent_1.default {
             inputType: 'radio',
             label: 'Radio',
             key: 'radio',
-            values: [
-                { label: '', value: '' },
-            ],
+            values: [{ label: '', value: '' }],
             data: {
                 url: '',
             },
@@ -60,23 +58,12 @@ class RadioComponent extends ListComponent_1.default {
             return types;
         }
         if (dataType === 'object') {
-            return [
-                object,
-                array,
-            ];
+            return [object, array];
         }
         if (utils_1.componentValueTypes[dataType]) {
-            return [
-                utils_1.componentValueTypes[dataType],
-            ];
+            return [utils_1.componentValueTypes[dataType]];
         }
-        return [
-            boolean,
-            string,
-            number,
-            object,
-            array,
-        ];
+        return [boolean, string, number, object, array];
     }
     constructor(component, options, data) {
         super(component, options, data);
@@ -417,6 +404,9 @@ class RadioComponent extends ListComponent_1.default {
             if (changed) {
                 this.previousValue = this.dataValue;
             }
+            if (!this.visible) {
+                this.previousValue = this.emptyValue;
+            }
             return changed;
         }
         // If they clicked on the radio that is currently selected, it needs to reset the value.

package/lib/cjs/components/radio/editForm/Radio.edit.data.js

@@ -23,9 +23,7 @@ exports.default = [
         },
         onChange(context) {
             if (context && context.flags && context.flags && context.flags.modified) {
-                context.data.values = [
-                    { label: '', value: '' },
-                ];
+                context.data.values = [{ label: '', value: '' }];
             }
         },
     },
@@ -37,9 +35,7 @@ exports.default = [
         tooltip: 'The radio button values that can be picked for this field. Values are text submitted with the form data. Labels are text that appears next to the radio buttons on the form.',
         weight: 10,
         reorder: true,
-        defaultValue: [
-            { label: '', value: '' },
-        ],
+        defaultValue: [{ label: '', value: '' }],
         components: [
             {
                 label: 'Label',
@@ -78,10 +74,7 @@ exports.default = [
         ],
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'values',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'values'],
             },
         },
     },
@@ -109,10 +102,7 @@ exports.default = [
         key: 'template',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'url',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'url'],
             },
         },
     },

package/lib/cjs/components/recaptcha/ReCaptcha.js

@@ -32,10 +32,7 @@ class ReCaptchaComponent extends Component_1.default {
         return [];
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                'isEmpty',
-                'isNotEmpty',
-            ] });
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
     }
     static get serverConditionSettings() {
         return ReCaptchaComponent.conditionOperatorsSettings;
@@ -62,7 +59,7 @@ class ReCaptchaComponent extends Component_1.default {
                 this.recaptchaApiReady = Formio_1.Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
             }
             else {
-                console.warn('There is no Site Key specified in settings in form JSON');
+                console.warn(this.t('noSiteKey'));
             }
         }
     }
@@ -77,7 +74,7 @@ class ReCaptchaComponent extends Component_1.default {
         return __awaiter(this, void 0, void 0, function* () {
             const siteKey = (0, get_1.default)((_a = this.root) === null || _a === void 0 ? void 0 : _a.form, 'settings.recaptcha.siteKey');
             if (!siteKey) {
-                console.warn('There is no Site Key specified in settings in form JSON');
+                console.warn(this.t('noSiteKey'));
                 return;
             }
             if (!this.recaptchaApiReady) {