@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/mjs/components/well/editForm/Well.edit.display.js

@@ -1,35 +1,35 @@
 export default [
     {
         key: 'labelPosition',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'placeholder',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'description',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'autofocus',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tooltip',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tabindex',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tableView',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'hideLabel',
-        ignore: true
+        ignore: true,
     },
     {
         weight: 0,
@@ -40,9 +40,9 @@ export default [
         placeholder: 'Field Label',
         tooltip: 'The label for this field.',
         validate: {
-            required: true
+            required: true,
         },
         autofocus: true,
-        overrideEditForm: true
+        overrideEditForm: true,
     },
 ];

package/lib/mjs/formio.form.d.ts

@@ -24,4 +24,5 @@ import Licenses from './licenses';
 import EventEmitter from './EventEmitter';
 import Webform from './Webform';
 import { DefaultEvaluator } from './utils';
-export { Components, Displays, Providers, Widgets, Templates, Utils, Form, Formio, Licenses, EventEmitter, Webform, DefaultEvaluator };
+import { FormOptions } from './Form';
+export { Components, Displays, Providers, Widgets, Templates, Utils, Form, Formio, Licenses, EventEmitter, Webform, DefaultEvaluator, FormOptions };

package/lib/mjs/formio.form.js

@@ -6,15 +6,13 @@ import Displays from './displays/Displays';
 import Templates from './templates/Templates';
 import Providers from './providers';
 import Widgets from './widgets';
-import Form from './Form';
-import Utils from './utils';
+import Form, { FormOptions } from './Form';
+import Utils, { Evaluator, registerEvaluator, DefaultEvaluator } from './utils';
 import Licenses from './licenses';
 import EventEmitter from './EventEmitter';
 import Webform from './Webform';
-import { Evaluator, registerEvaluator, DefaultEvaluator } from './utils';
 Formio.loadModules = (path = `${Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
-    Formio.requireLibrary(name, name, path, true)
-        .then((modules) => {
+    Formio.requireLibrary(name, name, path, true).then((modules) => {
         Formio.use(modules);
     });
 };
@@ -107,10 +105,14 @@ export function registerModule(mod, defaultFn = null, options = {}) {
  */
 export function useModule(defaultFn = null) {
     return (plugins, options = {}) => {
-        plugins = _.isArray(plugins) ? plugins : [plugins];
+        plugins = _.isArray(plugins)
+            ? plugins
+            : [
+                plugins,
+            ];
         plugins.forEach((plugin) => {
             if (Array.isArray(plugin)) {
-                plugin.forEach(p => registerModule(p, defaultFn, options));
+                plugin.forEach((p) => registerModule(p, defaultFn, options));
             }
             else {
                 registerModule(plugin, defaultFn, options);
@@ -127,4 +129,4 @@ export function useModule(defaultFn = null) {
 Formio.use = useModule();
 export { Formio as FormioCore } from './Formio';
 // Export the components.
-export { Components, Displays, Providers, Widgets, Templates, Utils, Form, Formio, Licenses, EventEmitter, Webform, DefaultEvaluator };
+export { Components, Displays, Providers, Widgets, Templates, Utils, Form, Formio, Licenses, EventEmitter, Webform, DefaultEvaluator, FormOptions, };

package/lib/mjs/i18n.d.ts

@@ -8,6 +8,10 @@ declare namespace _default {
         namespace en {
             let translation: any;
         }
+        namespace de {
+            let translation_1: any;
+            export { translation_1 as translation };
+        }
     }
 }
 export default _default;

package/lib/mjs/i18n.js

@@ -1,4 +1,5 @@
 import enTranslation from './translations/en';
+import deTranslation from './translations/de';
 import { fastCloneDeep } from './utils';
 export default {
     lng: 'en',
@@ -8,7 +9,10 @@ export default {
     contextSeparator: '._.',
     resources: {
         en: {
-            translation: fastCloneDeep(enTranslation)
-        }
-    }
+            translation: fastCloneDeep(enTranslation),
+        },
+        de: {
+            translation: fastCloneDeep(deTranslation),
+        },
+    },
 };

package/lib/mjs/package.json

@@ -1,5 +1,5 @@
 {
     "type": "module",
-    "version": "5.2.3"
+    "version": "5.3.0-rc.0"
     
 }

package/lib/mjs/providers/address/AddressProvider.js

@@ -87,7 +87,9 @@ export class AddressProvider {
      * @returns {string} The serialized parameters.
      */
     serialize(params) {
-        return _.toPairs(params).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join('&');
+        return _.toPairs(params)
+            .map(([key, value,]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+            .join('&');
     }
     /**
      * @private
@@ -124,10 +126,9 @@ export class AddressProvider {
      */
     search(query, options = {}) {
         const requestOptions = this.getRequestOptions(options);
-        const params = requestOptions.params = requestOptions.params || {};
+        const params = (requestOptions.params = requestOptions.params || {});
         params[this.queryProperty] = query;
-        return this.makeRequest(requestOptions)
-            .then((result) => this.responseProperty ? _.get(result, this.responseProperty, []) : result);
+        return this.makeRequest(requestOptions).then((result) => this.responseProperty ? _.get(result, this.responseProperty, []) : result);
     }
     /**
      * @public
@@ -135,6 +136,8 @@ export class AddressProvider {
      * @returns {string} The display value of the address.
      */
     getDisplayValue(address) {
-        return this.displayValueProperty ? _.get(address, this.displayValueProperty, '') : String(address);
+        return this.displayValueProperty
+            ? _.get(address, this.displayValueProperty, '')
+            : String(address);
     }
 }

package/lib/mjs/providers/address/GoogleAddressProvider.d.ts

@@ -26,7 +26,7 @@
  */
 export class GoogleAddressProvider extends AddressProvider {
     /**
-     
+  
      * @param {ProviderOptions} options - The options for the provider.
      */
     constructor(options?: ProviderOptions);
@@ -50,11 +50,11 @@ export class GoogleAddressProvider extends AddressProvider {
     _autocompleteOptions: AutocompleteOptions | undefined;
     /**
      * Sets the autocomplete options based on the provider options.
-     
+  
      */
     setAutocompleteOptions(): void;
     /**
-     
+  
      * Converts the region to autocomplete option if it exists.
      * @param {ProviderOptions} options - The provider options.
      */

package/lib/mjs/providers/address/GoogleAddressProvider.js

@@ -45,7 +45,7 @@ export class GoogleAddressProvider extends AddressProvider {
         return 'Google Maps';
     }
     /**
-     
+  
      * @param {ProviderOptions} options - The options for the provider.
      */
     constructor(options = {}) {
@@ -85,7 +85,7 @@ export class GoogleAddressProvider extends AddressProvider {
     }
     /**
      * Sets the autocomplete options based on the provider options.
-     
+  
      */
     setAutocompleteOptions() {
         let options = _.get(this.options, 'params.autocompleteOptions', {});
@@ -96,7 +96,7 @@ export class GoogleAddressProvider extends AddressProvider {
         this.autocompleteOptions = options;
     }
     /**
-     
+  
      * Converts the region to autocomplete option if it exists.
      * @param {ProviderOptions} options - The provider options.
      */
@@ -120,18 +120,27 @@ export class GoogleAddressProvider extends AddressProvider {
         if (region && !_.has(options, 'params.autocompleteOptions')) {
             region = region.toUpperCase().trim();
             // providing compatibility with ISO 3166-1 Alpha-2 county codes (for checking compatibility https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)
-            const countryCodes = { 'UK': 'GB' };
+            const countryCodes = { UK: 'GB' };
             if (countryCodes[region]) {
                 region = countryCodes[region];
             }
-            _.set(providerOptions, 'params.autocompleteOptions.componentRestrictions.country', [region]);
+            _.set(providerOptions, 'params.autocompleteOptions.componentRestrictions.country', [
+                region,
+            ]);
         }
     }
     /**
      * @returns {string[]} The required address properties.
      */
     getRequiredAddressProperties() {
-        return ['address_components', 'formatted_address', 'geometry', 'place_id', 'plus_code', 'types'];
+        return [
+            'address_components',
+            'formatted_address',
+            'geometry',
+            'place_id',
+            'plus_code',
+            'types',
+        ];
     }
     /**
      * Adds the required provider options to the options.
@@ -140,8 +149,8 @@ export class GoogleAddressProvider extends AddressProvider {
     addRequiredProviderOptions(options) {
         const addressProperties = this.getRequiredAddressProperties();
         if (_.isArray(options.fields) && options.fields.length > 0) {
-            options.fields.forEach(optionalField => {
-                if (!addressProperties.some(addressProp => optionalField === addressProp)) {
+            options.fields.forEach((optionalField) => {
+                if (!addressProperties.some((addressProp) => optionalField === addressProp)) {
                     addressProperties.push(optionalField);
                 }
             });
@@ -152,7 +161,7 @@ export class GoogleAddressProvider extends AddressProvider {
         place = place || {};
         const filteredPlace = {};
         if (this.autocompleteOptions) {
-            this.autocompleteOptions.fields.forEach(field => {
+            this.autocompleteOptions.fields.forEach((field) => {
                 if (place[field]) {
                     filteredPlace[field] = place[field];
                 }
@@ -191,12 +200,14 @@ export class GoogleAddressProvider extends AddressProvider {
             return;
         }
         const existingScript = document.querySelector(`script[src^="${GOOGLE_MAPS_JS_URL}"]`);
-        if (existingScript && options.params?.key && !existingScript.attributes.src.value.endsWith(options.params.key)) {
+        if (existingScript &&
+            options.params?.key &&
+            !existingScript.attributes.src.value.endsWith(options.params.key)) {
             const googleMapsScripts = document.querySelectorAll(`script[src^="${GOOGLE_MAPS_BASE_URL}"]`) ?? [];
-            googleMapsScripts.forEach(script => script.parentNode.removeChild(script));
+            googleMapsScripts.forEach((script) => script.parentNode.removeChild(script));
             delete Formio.libraries[this.getLibraryName()];
-            delete global?.google?.maps;
-            delete global[`${this.getLibraryName()}Callback`];
+            delete globalThis?.google?.maps;
+            delete globalThis[`${this.getLibraryName()}Callback`];
         }
     }
 }

package/lib/mjs/providers/processor/fileProcessor.js

@@ -20,7 +20,9 @@ const fileProcessor = (formio, config) => (file, options) => new Promise((resolv
     xhr.onload = () => {
         if (xhr.status >= 200 && xhr.status < 300) {
             const mimetype = xhr.getResponseHeader('Content-Type') || file.type;
-            resolve(new File([xhr.response], file.name, { type: mimetype }));
+            resolve(new File([
+                xhr.response,
+            ], file.name, { type: mimetype }));
         }
         else {
             reject(xhr.response || 'Unable to process file');

package/lib/mjs/providers/storage/azure.js

@@ -15,7 +15,10 @@ function azure(formio) {
             }, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback).then((response) => {
                 return {
                     storage: 'azure',
-                    name: XHR.path([dir, fileName]),
+                    name: XHR.path([
+                        dir,
+                        fileName,
+                    ]),
                     size: file.size,
                     type: file.type,
                     groupPermissions,
@@ -30,7 +33,7 @@ function azure(formio) {
         deleteFile: function deleteFile(fileInfo) {
             var url = `${formio.formUrl}/storage/azure?name=${XHR.trim(fileInfo.name)}&key=${XHR.trim(fileInfo.key)}`;
             return formio.makeRequest('', url, 'delete');
-        }
+        },
     };
 }
 azure.title = 'Azure File Services';

package/lib/mjs/providers/storage/dropbox.js

@@ -7,7 +7,7 @@ import { setXhrHeaders } from './xhr';
 function dropbox(formio) {
     return {
         uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {
-            return new Promise(((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 // Send the file with data.
                 const xhr = new XMLHttpRequest();
                 if (typeof progressCallback === 'function') {
@@ -48,14 +48,13 @@ function dropbox(formio) {
                     xhr.setRequestHeader('x-jwt-token', token);
                 }
                 xhr.send(fd);
-            }));
+            });
         },
         downloadFile(file) {
             const token = formio.getToken();
-            file.url =
-                `${formio.formUrl}/storage/dropbox?path_lower=${file.path_lower}${token ? `&x-jwt-token=${token}` : ''}`;
+            file.url = `${formio.formUrl}/storage/dropbox?path_lower=${file.path_lower}${token ? `&x-jwt-token=${token}` : ''}`;
             return Promise.resolve(file);
-        }
+        },
     };
 }
 dropbox.title = 'Dropbox';

package/lib/mjs/providers/storage/googleDrive.js

@@ -8,7 +8,7 @@ import { setXhrHeaders } from './xhr';
 function googledrive(formio) {
     return {
         uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {
-            return new Promise(((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 // Send the file with data.
                 const xhr = new XMLHttpRequest();
                 if (typeof progressCallback === 'function') {
@@ -48,13 +48,12 @@ function googledrive(formio) {
                     xhr.setRequestHeader('x-jwt-token', token);
                 }
                 xhr.send(fd);
-            }));
+            });
         },
         downloadFile(file, component) {
             const token = formio.getToken();
             // Constructed the url with the fileId, fileName, displayImage, imageSize if applicable
-            file.url =
-                `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}${component.image ? '&displayImage=true' : ''}${component.imageSize ? `&imageSize=${component.imageSize}` : ''}`;
+            file.url = `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}${component.image ? '&displayImage=true' : ''}${component.imageSize ? `&imageSize=${component.imageSize}` : ''}`;
             return Promise.resolve(file);
         },
         deleteFile: function deleteFile(fileInfo) {

package/lib/mjs/providers/storage/index.js

@@ -10,5 +10,5 @@ export default {
     url,
     azure,
     indexeddb,
-    googledrive
+    googledrive,
 };

package/lib/mjs/providers/storage/indexeddb.js

@@ -9,7 +9,7 @@ function indexeddb() {
         name: 'indexeddb',
         uploadFile(file, fileName, dir, progressCallback, url, options) {
             if (!('indexedDB' in window)) {
-                console.log('This browser doesn\'t support IndexedDB');
+                console.log("This browser doesn't support IndexedDB");
                 return;
             }
             return new Promise((resolve) => {
@@ -26,7 +26,9 @@ function indexeddb() {
                 const reader = new FileReader();
                 return new Promise((resolve, reject) => {
                     reader.onload = () => {
-                        const blobObject = new Blob([file], { type: file.type });
+                        const blobObject = new Blob([
+                            file,
+                        ], { type: file.type });
                         const id = uuidv4(blobObject);
                         const data = {
                             id,
@@ -36,7 +38,9 @@ function indexeddb() {
                             type: file.type,
                             url,
                         };
-                        const trans = db.transaction([options.indexeddbTable], 'readwrite');
+                        const trans = db.transaction([
+                            options.indexeddbTable,
+                        ], 'readwrite');
                         const addReq = trans.objectStore(options.indexeddbTable).put(data, id);
                         addReq.onerror = function (e) {
                             console.log('error storing data');
@@ -69,12 +73,16 @@ function indexeddb() {
                 };
             }).then((db) => {
                 return new Promise((resolve, reject) => {
-                    const trans = db.transaction([options.indexeddbTable], 'readonly');
+                    const trans = db.transaction([
+                        options.indexeddbTable,
+                    ], 'readonly');
                     const store = trans.objectStore(options.indexeddbTable).get(file.id);
                     store.onsuccess = () => {
                         trans.oncomplete = () => {
                             const result = store.result;
-                            const dbFile = new File([store.result.data], file.name, {
+                            const dbFile = new File([
+                                store.result.data,
+                            ], file.name, {
                                 type: store.result.type,
                             });
                             const reader = new FileReader();
@@ -104,7 +112,9 @@ function indexeddb() {
                 };
             }).then((db) => {
                 return new Promise((resolve, reject) => {
-                    const trans = db.transaction([options.indexeddbTable], 'readwrite');
+                    const trans = db.transaction([
+                        options.indexeddbTable,
+                    ], 'readwrite');
                     const store = trans.objectStore(options.indexeddbTable).delete(file.id);
                     store.onsuccess = () => {
                         trans.oncomplete = () => {

package/lib/mjs/providers/storage/s3.js

@@ -15,7 +15,11 @@ function s3(formio) {
         async uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions) {
             const xhrCallback = async (xhr, response, abortCallback) => {
                 response.data.fileName = fileName;
-                response.data.key = XHR.path([response.data.key, dir, fileName]);
+                response.data.key = XHR.path([
+                    response.data.key,
+                    dir,
+                    fileName,
+                ]);
                 if (response.signed) {
                     if (multipartOptions && Array.isArray(response.signed)) {
                         // patch abort callback
@@ -27,7 +31,11 @@ function s3(formio) {
                         }
                         try {
                             const parts = await this.uploadParts(file, response.signed, response.data.headers, response.partSizeActual, multipartOptions, abortSignal);
-                            await withRetries(this.completeMultipartUpload, [response, parts, multipartOptions], 3);
+                            await withRetries(this.completeMultipartUpload, [
+                                response,
+                                parts,
+                                multipartOptions,
+                            ], 3);
                             return;
                         }
                         catch (err) {
@@ -65,10 +73,13 @@ function s3(formio) {
                 name: fileName,
                 bucket: response.bucket,
                 key: response.data.key,
-                url: XHR.path([response.url, response.data.key]),
+                url: XHR.path([
+                    response.url,
+                    response.data.key,
+                ]),
                 acl: response.data.acl,
                 size: file.size,
-                type: file.type
+                type: file.type,
             };
         },
         async completeMultipartUpload(serverResponse, parts, multipart) {
@@ -79,9 +90,9 @@ function s3(formio) {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
-                    ...(token ? { 'x-jwt-token': token } : {})
+                    ...(token ? { 'x-jwt-token': token } : {}),
                 },
-                body: JSON.stringify({ parts, uploadId: serverResponse.uploadId, key: serverResponse.key })
+                body: JSON.stringify({ parts, uploadId: serverResponse.uploadId, key: serverResponse.key }),
             });
             const message = await response.text();
             if (!response.ok) {
@@ -100,9 +111,9 @@ function s3(formio) {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
-                    ...(token ? { 'x-jwt-token': token } : {})
+                    ...(token ? { 'x-jwt-token': token } : {}),
                 },
-                body: JSON.stringify({ uploadId, key })
+                body: JSON.stringify({ uploadId, key }),
             }).catch((err) => console.error('Error while aborting multipart upload:', err));
         },
         uploadParts(file, urls, headers, partSize, multipart, abortSignal) {

package/lib/mjs/providers/storage/uploadAdapter.js

@@ -9,8 +9,7 @@ class FormioUploadAdapter {
         this.component = component;
     }
     upload() {
-        return this.loader.file
-            .then(file => new Promise((resolve, reject) => {
+        return this.loader.file.then((file) => new Promise((resolve, reject) => {
             const { uploadStorage, uploadUrl, uploadOptions, uploadDir, fileKey } = this.component.component;
             const uploadParams = [
                 uploadStorage,
@@ -22,18 +21,23 @@ class FormioUploadAdapter {
                 uploadOptions,
                 fileKey,
                 null,
-                null
+                null,
             ];
-            this.fileService.uploadFile(...uploadParams, () => this.component.emit('fileUploadingStart')).then((result) => {
+            this.fileService
+                .uploadFile(...uploadParams, () => this.component.emit('fileUploadingStart'))
+                .then((result) => {
                 return this.fileService.downloadFile(result);
-            }).then((result) => {
+            })
+                .then((result) => {
                 return resolve({
-                    default: result.url
+                    default: result.url,
                 });
-            }).catch((err) => {
+            })
+                .catch((err) => {
                 console.warn('An Error occured while uploading file', err);
                 reject(err);
-            }).finally(() => {
+            })
+                .finally(() => {
                 this.component.emit('fileUploadingEnd');
             });
         }));
@@ -46,9 +50,11 @@ class FormioUploadAdapter {
         }
     }
 }
-const getFormioUploadAdapterPlugin = (fileService, component) => (editor) => {
-    editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
-        return new FormioUploadAdapter(loader, fileService, component);
+const getFormioUploadAdapterPlugin = (fileService, component) => {
+    return function (editor) {
+        editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
+            return new FormioUploadAdapter(loader, fileService, component);
+        };
     };
 };
 export { getFormioUploadAdapterPlugin };

package/lib/mjs/providers/storage/url.js

@@ -26,7 +26,7 @@ function url(formio) {
     const xhrRequest = (url, name, query, data, options, progressCallback, abortCallback) => {
         return new Promise((resolve, reject) => {
             const xhr = new XMLHttpRequest();
-            const json = (typeof data === 'string');
+            const json = typeof data === 'string';
             const fd = new FormData();
             if (typeof progressCallback === 'function') {
                 xhr.upload.onprogress = progressCallback;
@@ -44,14 +44,16 @@ function url(formio) {
                     // Need to test if xhr.response is decoded or not.
                     let respData = {};
                     try {
-                        respData = (typeof xhr.response === 'string') ? JSON.parse(xhr.response) : {};
-                        respData = (respData && respData.data) ? respData.data : respData;
+                        respData = typeof xhr.response === 'string' ? JSON.parse(xhr.response) : {};
+                        respData = respData && respData.data ? respData.data : respData;
                     }
-                    catch (err) {
+                    catch (ignoreErr) {
                         respData = {};
                     }
                     // Get the url of the file.
-                    let respUrl = respData.hasOwnProperty('url') ? respData.url : `${xhr.responseURL}/${name}`;
+                    let respUrl = respData.hasOwnProperty('url')
+                        ? respData.url
+                        : `${xhr.responseURL}/${name}`;
                     // If they provide relative url, then prepend the url.
                     if (respUrl && respUrl[0] === '/') {
                         respUrl = `${url}${respUrl}`;
@@ -94,12 +96,12 @@ function url(formio) {
                 return xhrRequest(url, name, {
                     baseUrl: encodeURIComponent(formio.projectUrl),
                     project: form ? form.project : '',
-                    form: form ? form._id : ''
+                    form: form ? form._id : '',
                 }, {
                     [fileKey]: file,
                     name,
-                    dir
-                }, options, progressCallback, abortCallback).then(response => {
+                    dir,
+                }, options, progressCallback, abortCallback).then((response) => {
                     // Store the project and form url along with the metadata.
                     response.data = response.data || {};
                     response.data.baseUrl = formio.projectUrl;
@@ -111,7 +113,7 @@ function url(formio) {
                         url: response.url,
                         size: file.size,
                         type: file.type,
-                        data: response.data
+                        data: response.data,
                     };
                 });
             };
@@ -145,11 +147,11 @@ function url(formio) {
                 if (formio.submissionId && file.data) {
                     file.data.submission = formio.submissionId;
                 }
-                return xhrRequest(file.url, file.name, {}, JSON.stringify(file)).then(response => response.data);
+                return xhrRequest(file.url, file.name, {}, JSON.stringify(file)).then((response) => response.data);
             }
             // Return the original as there is nothing to do.
             return Promise.resolve(file);
-        }
+        },
     };
 }
 url.title = 'Url';