@formio/js 5.4.1 → 5.4.2

package/lib/cjs/components/tabs/Tabs.js

@@ -94,10 +94,7 @@ class TabsComponent extends NestedComponent_1.default {
             [this.tabKey]: 'multiple',
             [this.tabLikey]: 'multiple',
         });
-        [
-            'change',
-            'error',
-        ].forEach((event) => this.on(event, this.handleTabsValidation.bind(this)));
+        ['change', 'error'].forEach((event) => this.on(event, this.handleTabsValidation.bind(this)));
         const superAttach = super.attach(element);
         this.refs[this.tabLinkKey].forEach((tabLink, index) => {
             this.addEventListener(tabLink, 'click', (event) => {
@@ -188,12 +185,7 @@ class TabsComponent extends NestedComponent_1.default {
             const element = Array.isArray(elements) || elements instanceof NodeList ? this.element : elements;
             super.clearErrorClasses(element);
         }
-        elements =
-            Array.isArray(elements) || elements instanceof NodeList
-                ? elements
-                : [
-                    elements,
-                ];
+        elements = Array.isArray(elements) || elements instanceof NodeList ? elements : [elements];
         elements.forEach((element) => {
             this.removeClass(element, 'is-invalid');
             this.removeClass(element, 'tab-error');
@@ -207,19 +199,12 @@ class TabsComponent extends NestedComponent_1.default {
         this.clearErrorClasses(this.refs[this.tabLinkKey]);
         const invalidTabsIndexes = this.tabs.reduce((invalidTabs, tab, tabIndex) => {
             const hasComponentWithError = tab.some((comp) => !!comp.error);
-            return hasComponentWithError
-                ? [
-                    ...invalidTabs,
-                    tabIndex,
-                ]
-                : invalidTabs;
+            return hasComponentWithError ? [...invalidTabs, tabIndex] : invalidTabs;
         }, []);
         if (!invalidTabsIndexes.length) {
             return;
         }
-        const invalidTabs = [
-            ...this.refs[this.tabLinkKey],
-        ].filter((_, tabIndex) => invalidTabsIndexes.includes(tabIndex));
+        const invalidTabs = [...this.refs[this.tabLinkKey]].filter((_, tabIndex) => invalidTabsIndexes.includes(tabIndex));
         this.setErrorClasses(invalidTabs);
     }
 }

package/lib/cjs/components/tabs/editForm/Tabs.edit.display.js

@@ -72,9 +72,7 @@ exports.default = [
                 label: 'Key',
                 allowCalculateOverride: true,
                 calculateValue: {
-                    _camelCase: [
-                        { var: 'row.label' },
-                    ],
+                    _camelCase: [{ var: 'row.label' }],
                 },
             },
         ],

package/lib/cjs/components/tags/Tags.js

@@ -31,11 +31,7 @@ class TagsComponent extends Input_1.default {
         return TagsComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                ...super.conditionOperatorsSettings.operators,
-                'includes',
-                'notIncludes',
-            ] });
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [...super.conditionOperatorsSettings.operators, 'includes', 'notIncludes'] });
     }
     static savedValueTypes(schema) {
         schema = schema || {};
@@ -88,7 +84,7 @@ class TagsComponent extends Input_1.default {
             shadowRoot: this.root ? this.root.shadowRoot : null,
             placeholder: hasPlaceholder,
             placeholderValue: hasPlaceholder
-                ? this.t(this.component.placeholder, { _userInput: true })
+                ? this.sanitize(this.t(this.component.placeholder, { _userInput: true }), true)
                 : null,
         });
         this.choices.itemList.element.tabIndex = element.tabIndex;
@@ -110,9 +106,7 @@ class TagsComponent extends Input_1.default {
                     this.choices.clearInput();
                 }
                 else {
-                    this.choices.setValue([
-                        value,
-                    ]);
+                    this.choices.setValue([value]);
                     this.choices.clearInput();
                     this.choices.hideDropdown(true);
                     this.updateValue(null, {
@@ -147,11 +141,7 @@ class TagsComponent extends Input_1.default {
                 if (typeof dataValue === 'string') {
                     dataValue = dataValue.split(this.delimiter).filter((result) => result);
                 }
-                const value = Array.isArray(dataValue)
-                    ? dataValue
-                    : [
-                        dataValue,
-                    ];
+                const value = Array.isArray(dataValue) ? dataValue : [dataValue];
                 this.choices.setValue(value.map((val) => this.sanitize(val, this.shouldSanitizeValue)));
             }
         }

package/lib/cjs/components/textarea/TextArea.js

@@ -149,7 +149,7 @@ class TextAreaComponent extends TextField_1.default {
                 case 'quill':
                     // Normalize the configurations for quill.
                     if (settings.hasOwnProperty('toolbarGroups') || settings.hasOwnProperty('toolbar')) {
-                        console.warn('The WYSIWYG settings are configured for CKEditor. For this renderer, you will need to use configurations for the Quill Editor. See https://quilljs.com/docs/configuration for more information.');
+                        console.warn(this.t('needConfigurationForQuill'));
                         settings = this.wysiwygDefault.quill;
                     }
                     // Add the quill editor.
@@ -224,7 +224,7 @@ class TextAreaComponent extends TextField_1.default {
     imageHandler(moduleInstance, range, files) {
         const quillInstance = moduleInstance.quill;
         if (!files || !files.length) {
-            console.warn('No files selected');
+            console.warn(this.t('noFilesSelected'));
             return;
         }
         quillInstance.enable(false);
@@ -250,7 +250,7 @@ class TextAreaComponent extends TextField_1.default {
             }), Quill.sources.USER);
         })
             .catch((error) => {
-            console.warn('Quill image upload failed');
+            console.warn(this.t('quillImageUploadFailed'));
             console.warn(error);
             quillInstance.enable(true);
         });
@@ -307,15 +307,8 @@ class TextAreaComponent extends TextField_1.default {
     }
     setContent(element, content, forceSanitize) {
         super.setContent(element, content, forceSanitize, {
-            addAttr: [
-                'allow',
-                'allowfullscreen',
-                'frameborder',
-                'scrolling',
-            ],
-            addTags: [
-                'iframe',
-            ],
+            addAttr: ['allow', 'allowfullscreen', 'frameborder', 'scrolling'],
+            addTags: ['iframe'],
         });
     }
     setReadOnlyValue(value, index) {
@@ -556,7 +549,7 @@ class TextAreaComponent extends TextField_1.default {
                     }
                     this.element.scrollIntoView();
                 }).catch((err) => {
-                    console.warn('An editor did not initialize properly when trying to focus:', err);
+                    console.warn(this.t('editorFocusError'), err);
                 });
                 break;
             }
@@ -565,7 +558,7 @@ class TextAreaComponent extends TextField_1.default {
                     this.editors[0].focus();
                     this.element.scrollIntoView();
                 }).catch((err) => {
-                    console.warn('An editor did not initialize properly when trying to focus:', err);
+                    console.warn(this.t('editorFocusError'), err);
                 });
                 break;
             }
@@ -573,7 +566,7 @@ class TextAreaComponent extends TextField_1.default {
                 (_c = this.editorsReady[0]) === null || _c === void 0 ? void 0 : _c.then(() => {
                     this.editors[0].focus();
                 }).catch((err) => {
-                    console.warn('An editor did not initialize properly when trying to focus:', err);
+                    console.warn(this.t('editorFocusError'), err);
                 });
                 break;
             }

package/lib/cjs/components/textarea/editForm/TextArea.edit.display.js

@@ -61,10 +61,7 @@ exports.default = [
         weight: 415,
         conditional: {
             json: {
-                '==': [
-                    { var: 'data.editor' },
-                    '',
-                ],
+                '==': [{ var: 'data.editor' }, ''],
             },
         },
     },
@@ -78,16 +75,10 @@ exports.default = [
             json: {
                 or: [
                     {
-                        '===': [
-                            { var: 'data.editor' },
-                            'quill',
-                        ],
+                        '===': [{ var: 'data.editor' }, 'quill'],
                     },
                     {
-                        '===': [
-                            { var: 'data.editor' },
-                            'ckeditor',
-                        ],
+                        '===': [{ var: 'data.editor' }, 'ckeditor'],
                     },
                 ],
             },
@@ -113,10 +104,7 @@ exports.default = [
         },
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.isUploadEnabled' },
-                    true,
-                ],
+                '===': [{ var: 'data.isUploadEnabled' }, true],
             },
         },
     },
@@ -130,10 +118,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.uploadStorage' },
-                    'url',
-                ],
+                '===': [{ var: 'data.uploadStorage' }, 'url'],
             },
         },
     },
@@ -170,10 +155,7 @@ exports.default = [
         weight: 415.5,
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.isUploadEnabled' },
-                    true,
-                ],
+                '===': [{ var: 'data.isUploadEnabled' }, true],
             },
         },
     },
@@ -190,22 +172,13 @@ exports.default = [
             json: {
                 and: [
                     {
-                        '===': [
-                            { var: 'data.editor' },
-                            'quill',
-                        ],
+                        '===': [{ var: 'data.editor' }, 'quill'],
                     },
                     {
-                        '===': [
-                            { var: 'data.isUploadEnabled' },
-                            true,
-                        ],
+                        '===': [{ var: 'data.isUploadEnabled' }, true],
                     },
                     {
-                        '===': [
-                            { var: 'data.uploadStorage' },
-                            'url',
-                        ],
+                        '===': [{ var: 'data.uploadStorage' }, 'url'],
                     },
                 ],
             },
@@ -230,16 +203,10 @@ exports.default = [
             json: {
                 or: [
                     {
-                        '===': [
-                            { var: 'data.editor' },
-                            'quill',
-                        ],
+                        '===': [{ var: 'data.editor' }, 'quill'],
                     },
                     {
-                        '===': [
-                            { var: 'data.editor' },
-                            'ace',
-                        ],
+                        '===': [{ var: 'data.editor' }, 'ace'],
                     },
                 ],
             },
@@ -262,22 +229,13 @@ exports.default = [
             json: {
                 or: [
                     {
-                        '===': [
-                            { var: 'data.editor' },
-                            'ace',
-                        ],
+                        '===': [{ var: 'data.editor' }, 'ace'],
                     },
                     {
-                        '===': [
-                            { var: 'data.editor' },
-                            'ckeditor',
-                        ],
+                        '===': [{ var: 'data.editor' }, 'ckeditor'],
                     },
                     {
-                        '===': [
-                            { var: 'data.editor' },
-                            'quill',
-                        ],
+                        '===': [{ var: 'data.editor' }, 'quill'],
                     },
                 ],
             },

package/lib/cjs/components/textfield/TextField.js

@@ -54,9 +54,7 @@ class TextFieldComponent extends Input_1.default {
             } });
     }
     static savedValueTypes(schema) {
-        return (utils_1.default.getComponentSavedTypes(schema) || [
-            utils_1.default.componentValueTypes.string,
-        ]);
+        return utils_1.default.getComponentSavedTypes(schema) || [utils_1.default.componentValueTypes.string];
     }
     get defaultSchema() {
         return TextFieldComponent.schema();
@@ -119,7 +117,9 @@ class TextFieldComponent extends Input_1.default {
                 defaultValue = defaultValue[0];
             }
             // Extract string if defaultValue is a mask object to prevent nesting
-            if (defaultValue && typeof defaultValue === 'object' && defaultValue.hasOwnProperty('value')) {
+            if (defaultValue &&
+                typeof defaultValue === 'object' &&
+                defaultValue.hasOwnProperty('value')) {
                 defaultValue = defaultValue.value;
             }
             value.value = defaultValue;

package/lib/cjs/components/textfield/editForm/TextField.edit.display.js

@@ -76,10 +76,7 @@ exports.default = [
         },
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.type' },
-                    'textfield',
-                ],
+                '===': [{ var: 'data.type' }, 'textfield'],
             },
         },
     },
@@ -108,10 +105,7 @@ exports.default = [
         as: 'json',
         conditional: {
             json: {
-                '!==': [
-                    { var: 'data.widget.type' },
-                    'input',
-                ],
+                '!==': [{ var: 'data.widget.type' }, 'input'],
             },
         },
     },

package/lib/cjs/components/time/Time.js

@@ -70,10 +70,7 @@ class TimeComponent extends TextField_1.default {
     }
     removeValue(index) {
         this.rawData = Array.isArray(this.rawData)
-            ? [
-                ...this.rawData.slice(0, index),
-                ...this.rawData.slice(index + 1),
-            ]
+            ? [...this.rawData.slice(0, index), ...this.rawData.slice(index + 1)]
             : this.emptyValue;
         super.removeValue(index);
     }

package/lib/cjs/components/time/editForm/Time.edit.display.js

@@ -28,10 +28,7 @@ exports.default = [
         defaultValue: 'HH:mm',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.inputType' },
-                    'text',
-                ],
+                '===': [{ var: 'data.inputType' }, 'text'],
             },
         },
     },

package/lib/cjs/formio.form.js

@@ -53,6 +53,7 @@ const EventEmitter_1 = __importDefault(require("./EventEmitter"));
 exports.EventEmitter = EventEmitter_1.default;
 const Webform_1 = __importDefault(require("./Webform"));
 exports.Webform = Webform_1.default;
+const i18n_1 = require("./utils/i18n");
 Formio_1.Formio.loadModules = (path = `${Formio_1.Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
     Formio_1.Formio.requireLibrary(name, name, path, true).then((modules) => {
         Formio_1.Formio.use(modules);
@@ -130,6 +131,9 @@ function registerModule(mod, defaultFn = null, options = {}) {
                     ? Formio_1.Formio.Licenses.addLicense(mod.library, options.license)
                     : Formio_1.Formio.Licenses.removeLicense(mod.library);
                 break;
+            case 'translations':
+                i18n_1.I18n.setDefaultTranslations(mod.translations);
+                break;
             default:
                 if (defaultFn) {
                     defaultFn(key, mod);
@@ -145,11 +149,7 @@ exports.registerModule = registerModule;
  */
 function useModule(defaultFn = null) {
     return (plugins, options = {}) => {
-        plugins = lodash_1.default.isArray(plugins)
-            ? plugins
-            : [
-                plugins
-            ];
+        plugins = lodash_1.default.isArray(plugins) ? plugins : [plugins];
         plugins.forEach((plugin) => {
             if (Array.isArray(plugin)) {
                 plugin.forEach((p) => registerModule(p, defaultFn, options));

package/lib/cjs/package.json

@@ -1,4 +1,4 @@
 {
     "type": "commonjs",
-    "version": "5.4.1"
+    "version": "5.4.2"
 }

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

@@ -94,7 +94,7 @@ class AddressProvider {
      */
     serialize(params) {
         return lodash_1.default.toPairs(params)
-            .map(([key, value,]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+            .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
             .join('&');
     }
     /**

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

@@ -131,9 +131,7 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
             if (countryCodes[region]) {
                 region = countryCodes[region];
             }
-            lodash_1.default.set(providerOptions, 'params.autocompleteOptions.componentRestrictions.country', [
-                region,
-            ]);
+            lodash_1.default.set(providerOptions, 'params.autocompleteOptions.componentRestrictions.country', [region]);
         }
     }
     /**

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

@@ -22,9 +22,7 @@ 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/cjs/providers/storage/azure.js

@@ -20,10 +20,7 @@ function azure(formio) {
             }, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback).then((response) => {
                 return {
                     storage: 'azure',
-                    name: xhr_1.default.path([
-                        dir,
-                        fileName,
-                    ]),
+                    name: xhr_1.default.path([dir, fileName]),
                     size: file.size,
                     type: file.type,
                     groupPermissions,
@@ -35,10 +32,12 @@ function azure(formio) {
         downloadFile(file) {
             return formio.makeRequest('file', `${formio.formUrl}/storage/azure?name=${xhr_1.default.trim(file.name)}`, 'GET');
         },
-        deleteFile(fileInfo, options) {
+        deleteFile(fileInfo, _options) {
             const name = xhr_1.default.trim(fileInfo.name);
             const key = xhr_1.default.trim(fileInfo.key);
-            return formio.makeRequest('', `${formio.formUrl}/storage/azure?name=${encodeURIComponent(name)}&key=${encodeURIComponent(key)}`, 'delete').then((response) => {
+            return formio
+                .makeRequest('', `${formio.formUrl}/storage/azure?name=${encodeURIComponent(name)}&key=${encodeURIComponent(key)}`, 'delete')
+                .then((response) => {
                 return {
                     success: true,
                     key: (response === null || response === void 0 ? void 0 : response.key) || key,

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

@@ -28,9 +28,7 @@ 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 = (0, uuid_1.v4)(blobObject);
                         const data = {
                             id,
@@ -40,9 +38,7 @@ 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');
@@ -75,16 +71,12 @@ 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();
@@ -114,9 +106,7 @@ 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/cjs/providers/storage/s3.js

@@ -53,11 +53,7 @@ function s3(formio) {
             return __awaiter(this, void 0, void 0, function* () {
                 const xhrCallback = (xhr, response, abortCallback) => __awaiter(this, void 0, void 0, function* () {
                     response.data.fileName = fileName;
-                    response.data.key = xhr_1.default.path([
-                        response.data.key,
-                        dir,
-                        fileName,
-                    ]);
+                    response.data.key = xhr_1.default.path([response.data.key, dir, fileName]);
                     if (response.signed) {
                         if (multipartOptions && Array.isArray(response.signed)) {
                             // patch abort callback
@@ -69,11 +65,7 @@ function s3(formio) {
                             }
                             try {
                                 const parts = yield this.uploadParts(file, response.signed, response.data.headers, response.partSizeActual, multipartOptions, abortSignal);
-                                yield (0, util_1.withRetries)(this.completeMultipartUpload, [
-                                    response,
-                                    parts,
-                                    multipartOptions,
-                                ], 3);
+                                yield (0, util_1.withRetries)(this.completeMultipartUpload, [response, parts, multipartOptions], 3);
                                 return;
                             }
                             catch (err) {
@@ -111,10 +103,7 @@ function s3(formio) {
                     name: fileName,
                     bucket: response.bucket,
                     key: response.data.key,
-                    url: xhr_1.default.path([
-                        response.url,
-                        response.data.key,
-                    ]),
+                    url: xhr_1.default.path([response.url, response.data.key]),
                     acl: response.data.acl,
                     size: file.size,
                     type: file.type,

package/lib/cjs/providers/storage/xhr.js

@@ -41,41 +41,32 @@ const XHR = {
     },
     upload(formio, type, xhrCallback, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback, multipartOptions) {
         return __awaiter(this, void 0, void 0, function* () {
-            // make request to Form.io server
-            const token = formio.getToken();
-            let response;
+            // Use makeRequest so portal plugins (e.g. x-remote-token) are applied.
+            let serverResponse;
             try {
-                response = yield fetch(`${formio.formUrl}/storage/${type}`, {
-                    method: 'POST',
-                    headers: Object.assign({ Accept: 'application/json', 'Content-Type': 'application/json; charset=UTF-8' }, (token ? { 'x-jwt-token': token } : {})),
-                    body: JSON.stringify({
-                        name: XHR.path([
-                            dir,
-                            fileName,
-                        ]),
-                        size: file.size,
-                        type: file.type,
-                        groupPermissions,
-                        groupId,
-                        multipart: multipartOptions,
-                    }),
+                serverResponse = yield formio.makeRequest('file', `${formio.formUrl}/storage/${type}`, 'POST', {
+                    name: XHR.path([dir, fileName]),
+                    size: file.size,
+                    type: file.type,
+                    groupPermissions,
+                    groupId,
+                    multipart: multipartOptions,
                 });
             }
             catch (err) {
-                // only throws on network errors
-                err.networkError = true;
-                throw err;
-            }
-            if (!response.ok) {
-                if (response.status === 504) {
-                    const error = new Error('Network request failed');
+                if (err === null || err === void 0 ? void 0 : err.networkError) {
+                    throw err;
+                }
+                if (err instanceof Error) {
+                    throw err;
+                }
+                const message = typeof err === 'string' ? err : (err === null || err === void 0 ? void 0 : err.message) || (err === null || err === void 0 ? void 0 : err.error);
+                const error = new Error(message || 'Unable to sign file.');
+                if ((err === null || err === void 0 ? void 0 : err.status) === 504) {
                     error.networkError = true;
-                    throw error;
                 }
-                const message = yield response.text();
-                throw new Error(message || 'Unable to sign file.');
+                throw error;
             }
-            const serverResponse = yield response.json();
             return yield XHR.makeXhrRequest(formio, xhrCallback, serverResponse, progressCallback, abortCallback);
         });
     },

package/lib/cjs/templates/Templates.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const index_1 = __importDefault(require("./index"));
+// GOTCHA(G-FJS03)
 const experimental_1 = require("@formio/core/experimental");
 experimental_1.Template.addTemplates(index_1.default);
 experimental_1.Template.defaultTemplates = experimental_1.Template.templates.bootstrap;