@formio/js 5.1.0-dev.6058.189ce78 → 5.1.0-dev.6059.845a6e3

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

@@ -102,8 +102,7 @@ class FormComponent extends Component_1.default {
         return this.createSubForm();
     }
     get dataReady() {
-        var _a;
-        return ((_a = this.subForm) === null || _a === void 0 ? void 0 : _a.dataReady) || this.subFormReady || Promise.resolve();
+        return this.subFormReady || Promise.resolve();
     }
     get defaultValue() {
         // Not not provide a default value unless the subform is ready so that it will initialize correctly.
@@ -218,7 +217,7 @@ class FormComponent extends Component_1.default {
     /* eslint-enable max-statements */
     render() {
         if (this.builderMode) {
-            return super.render(this.t(this.component.label || 'nestedForm'));
+            return super.render(this.component.label || 'Nested form');
         }
         const subform = this.subForm ? this.subForm.render() : this.renderTemplate('loading');
         return super.render(subform);
@@ -231,13 +230,13 @@ class FormComponent extends Component_1.default {
      */
     getValueAsString(value, options) {
         if (!value) {
-            return this.t('noDataProvided');
+            return 'No data provided';
         }
         if (!value.data && value._id) {
             return value._id;
         }
         if (!value.data || !Object.keys(value.data).length) {
-            return this.t('noDataProvided');
+            return 'No data provided';
         }
         if (options === null || options === void 0 ? void 0 : options.email) {
             let result = (`
@@ -659,7 +658,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(this.t('subformSubmissionLoadingError', { submissionId: submission._id }), err);
+                console.error(`Unable to load subform submission ${submission._id}:`, err);
             });
         }
         else {
@@ -674,9 +673,6 @@ class FormComponent extends Component_1.default {
      */
     onSetSubFormValue(submission, flags) {
         this.subForm.setValue(submission, flags);
-        if (flags === null || flags === void 0 ? void 0 : flags.fromSubmission) {
-            this.subForm.submissionReadyResolve(submission);
-        }
     }
     isEmpty(value = this.dataValue) {
         return value === null || lodash_1.default.isEqual(value, this.emptyValue) || (this.areAllComponentsEmpty(value === null || value === void 0 ? void 0 : value.data) && !(value === null || value === void 0 ? void 0 : value._id));

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

@@ -47,7 +47,7 @@ exports.default = [
         },
         searchField: 'title__regex',
         template: '<span>{{ item._vid }}</span>',
-        valueProperty: 'revisionId',
+        valueProperty: '_id',
         authenticate: true,
         label: 'Form Revision',
         key: 'revision',
@@ -69,7 +69,7 @@ exports.default = [
         input: true,
         weight: 20,
         key: 'reference',
-        label: 'Submit as reference',
-        tooltip: 'When "Submit as reference" is enabled, the form submission will be recorded against the Parent Form as well as the Child Form. When a submission recorded with "Submit as reference" is edited, the update is applied to each submission made against the Parent Form and Child Form.'
+        label: 'Save as reference',
+        tooltip: 'Using this option will save this field as a reference and link its value to the value of the origin record.'
     }
 ];

package/lib/cjs/components/hidden/Hidden.d.ts

@@ -10,6 +10,7 @@ export default class HiddenComponent extends Input {
     };
     get inputInfo(): any;
     labelIsHidden(): boolean;
+    get emptyValue(): string;
     setValue(value: any, flags?: {}): boolean;
 }
 import Input from '../_classes/input/Input';

package/lib/cjs/components/hidden/Hidden.js

@@ -48,7 +48,7 @@ class HiddenComponent extends Input_1.default {
         return true;
     }
     get emptyValue() {
-        return null;
+        return '';
     }
     setValue(value, flags = {}) {
         return this.updateValue(value, flags);

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

@@ -56,7 +56,7 @@ class NumberComponent extends Input_1.default {
         }
         else {
             if (this.component.thousandsSeparator || ((_c = this.options.properties) === null || _c === void 0 ? void 0 : _c.thousandsSeparator) || this.options.thousandsSeparator) {
-                console.warn(this.t('noDelimiterSet'));
+                console.warn('In order for thousands separator to work properly, you must set the delimiter to true in the component json');
             }
             this.delimiter = '';
         }
@@ -170,21 +170,14 @@ class NumberComponent extends Input_1.default {
         if (typeof input === 'string') {
             input = input.split(this.delimiter).join('').replace(this.decimalSeparator, '.');
         }
-        let value;
-        if (!lodash_1.default.isNaN(input)) {
+        let value = parseFloat(input);
+        if (!lodash_1.default.isNaN(value)) {
             // Format scientific notation
-            if (/[0-9]+[eE]/.test(String(input))) {
-                // Convert to exponential notation will depend on the decimal limit set in the component
-                // Example: 1.23e-5 will be converted to 1.23e-5 if decimal limit is set to 2
-                // Example: 1.23e5 will be converted to 1.23e+5 if decimal limit is set to 2
-                // if decimal limit is 3, 1.23e5 will be converted to 1.230e+5
-                // if decimal limit is not set, 1.23e5 will be converted to 1.23000000000000000000e+5
-                value = parseFloat(input);
+            if (/e/i.test(String(value))) {
                 value = value.toExponential(this.decimalLimit);
             }
             else {
-                value = parseFloat(input);
-                value = !lodash_1.default.isNaN(value) ? String(value).replace('.', this.decimalSeparator) : null;
+                value = String(value).replace('.', this.decimalSeparator);
             }
         }
         else {

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

@@ -293,16 +293,6 @@ class RadioComponent extends ListComponent_1.default {
         if (method.toUpperCase() === 'GET') {
             body = null;
         }
-        const limit = this.component.limit || 100;
-        const skip = this.isScrollLoading ? this.selectOptions.length : 0;
-        // Allow for url interpolation.
-        url = this.sanitize(this.interpolate(url, {
-            formioBase: Formio_1.Formio.getBaseUrl(),
-            search,
-            limit,
-            skip,
-            page: Math.abs(Math.floor(skip / limit))
-        }), this.shouldSanitizeValue);
         // Set ignoreCache if it is
         options.ignoreCache = this.component.ignoreCache;
         // Make the request.

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

@@ -58,7 +58,7 @@ class ReCaptchaComponent extends Component_1.default {
                 this.recaptchaApiReady = Formio_1.Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
             }
             else {
-                console.warn(this.t('noSiteKey'));
+                console.warn('There is no Site Key specified in settings in form JSON');
             }
         }
     }
@@ -72,7 +72,7 @@ class ReCaptchaComponent extends Component_1.default {
         return __awaiter(this, void 0, void 0, function* () {
             const siteKey = (0, get_1.default)(this.root.form, 'settings.recaptcha.siteKey');
             if (!siteKey) {
-                console.warn(this.t('noSiteKey'));
+                console.warn('There is no Site Key specified in settings in form JSON');
                 return;
             }
             if (!this.recaptchaApiReady) {

package/lib/cjs/components/select/Select.d.ts

@@ -126,6 +126,7 @@ export default class SelectComponent extends ListComponent {
     get isLoadingAvailable(): any;
     onScroll(): void;
     attachRefreshOnBlur(): void;
+    addPlaceholderItem(placeholderValue: any): void;
     update(): void;
     addCurrentChoices(values: any, items: any, keyValue: any): any;
     getValueAsString(data: any, options: any): any;

package/lib/cjs/components/select/Select.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
 const Formio_1 = require("../../Formio");
 const ListComponent_1 = __importDefault(require("../_classes/list/ListComponent"));
+const Input_1 = __importDefault(require("../_classes/input/Input"));
 const Form_1 = __importDefault(require("../../Form"));
 const utils_1 = require("../../utils/utils");
 const ChoicesWrapper_1 = __importDefault(require("../../utils/ChoicesWrapper"));
@@ -529,13 +530,13 @@ class SelectComponent extends ListComponent_1.default {
             skip,
         };
         // Allow for url interpolation.
-        url = this.sanitize(this.interpolate(url, {
+        url = this.interpolate(url, {
             formioBase: Formio_1.Formio.getBaseUrl(),
             search,
             limit,
             skip,
             page: Math.abs(Math.floor(skip / limit))
-        }), this.shouldSanitizeValue);
+        });
         // Add search capability.
         if (this.component.searchField && search) {
             const searchValue = Array.isArray(search)
@@ -592,7 +593,7 @@ class SelectComponent extends ListComponent_1.default {
             component: this.component,
             message: err.toString(),
         });
-        console.warn(this.t('loadResourcesError', { componentKey: this.key }));
+        console.warn(`Unable to load resources for ${this.key}`);
     }
     /**
      * Get the request headers for this select dropdown.
@@ -726,7 +727,7 @@ class SelectComponent extends ListComponent_1.default {
             }
         }
         else if (this.component.dataSrc === 'url' || this.component.dataSrc === 'resource') {
-            this.addOption('', `${this.t('loading')}...`);
+            this.addOption('', this.t('loading...'));
         }
     }
     get active() {
@@ -767,10 +768,10 @@ class SelectComponent extends ListComponent_1.default {
             distance: 1000,
         };
         return Object.assign({ removeItemButton: this.component.disabled ? false : lodash_1.default.get(this.component, 'removeItemButton', true), itemSelectText: '', classNames: {
-                containerOuter: ['choices', 'form-group', 'formio-choices'],
-                containerInner: this.transform('class', 'form-control ui fluid selection dropdown').split(' '),
-            }, addItemText: false, allowHTML: true, placeholder: !!this.component.placeholder, placeholderValue: placeholderValue, noResultsText: this.t('noResultsFound'), noChoicesText: this.t('noChoices'), searchPlaceholderValue: this.t('typeToSearch'), shouldSort: false, position: (this.component.dropdown || 'auto'), searchEnabled: useSearch, searchChoices: !this.component.searchField, searchFields: lodash_1.default.get(this, 'component.searchFields', ['label']), shadowRoot: this.root ? this.root.shadowRoot : null, fuseOptions: this.component.useExactSearch
-                ? Object.assign({ tokenize: true, matchAllTokens: true }, commonFuseOptions) : Object.assign({}, lodash_1.default.get(this, 'component.fuseOptions', {}), Object.assign({ include: 'score', threshold: lodash_1.default.get(this, 'component.selectThreshold', 0.3) }, commonFuseOptions)), valueComparer: lodash_1.default.isEqual, resetScrollPosition: false, duplicateItemsAllowed: false }, customOptions);
+                containerOuter: 'choices form-group formio-choices',
+                containerInner: this.transform('class', 'form-control ui fluid selection dropdown')
+            }, addItemText: false, allowHTML: true, placeholder: !!this.component.placeholder, placeholderValue: placeholderValue, noResultsText: this.t('No results found'), noChoicesText: this.t('No choices to choose from'), searchPlaceholderValue: this.t('Type to search'), shouldSort: false, position: (this.component.dropdown || 'auto'), searchEnabled: useSearch, searchChoices: !this.component.searchField, searchFields: lodash_1.default.get(this, 'component.searchFields', ['label']), shadowRoot: this.root ? this.root.shadowRoot : null, fuseOptions: this.component.useExactSearch
+                ? Object.assign({ tokenize: true, matchAllTokens: true }, commonFuseOptions) : Object.assign({}, lodash_1.default.get(this, 'component.fuseOptions', {}), Object.assign({ include: 'score', threshold: lodash_1.default.get(this, 'component.selectThreshold', 0.3) }, commonFuseOptions)), valueComparer: lodash_1.default.isEqual, resetScrollPosition: false }, customOptions);
     }
     /* eslint-disable max-statements */
     attach(element) {
@@ -836,7 +837,7 @@ class SelectComponent extends ListComponent_1.default {
                 this.choices.containerOuter.element.setAttribute('tabIndex', '-1');
                 this.addEventListener(this.choices.containerOuter.element, 'focus', () => this.focusableElement.focus());
             }
-            this.addFocusBlurEvents(this.choices.input.element);
+            Input_1.default.prototype.addFocusBlurEvents.call(this, this.focusableElement);
             if (this.itemsFromUrl && !this.component.noRefreshOnScroll) {
                 this.scrollList = this.choices.choiceList.element;
                 this.addEventListener(this.scrollList, 'scroll', () => this.onScroll());
@@ -902,6 +903,12 @@ class SelectComponent extends ListComponent_1.default {
                 this.positionDropdown();
             });
         }
+        if (this.choices && choicesOptions.placeholderValue && this.choices._isSelectOneElement) {
+            this.addPlaceholderItem(choicesOptions.placeholderValue);
+            this.addEventListener(input, 'removeItem', () => {
+                this.addPlaceholderItem(choicesOptions.placeholderValue);
+            });
+        }
         // Add value options.
         this.addValueOptions();
         this.setChoicesValue(this.dataValue);
@@ -989,6 +996,20 @@ class SelectComponent extends ListComponent_1.default {
             });
         }
     }
+    addPlaceholderItem(placeholderValue) {
+        const items = this.choices._store.activeItems;
+        if (!items.length) {
+            this.choices._addItem({
+                value: '',
+                label: placeholderValue,
+                choiceId: 0,
+                groupId: -1,
+                customProperties: null,
+                placeholder: true,
+                keyCode: null
+            });
+        }
+    }
     /* eslint-enable max-statements */
     update() {
         if (this.component.dataSrc === 'custom') {
@@ -1169,7 +1190,7 @@ class SelectComponent extends ListComponent_1.default {
             return normalize[dataType]().value;
         }
         catch (err) {
-            console.warn(this.t('failedToNormalize'), err);
+            console.warn('Failed to normalize value', err);
             return value;
         }
     }
@@ -1366,7 +1387,7 @@ class SelectComponent extends ListComponent_1.default {
                         return (JSON.stringify(normalizedOptionValue) === JSON.stringify(value));
                     }
                     catch (err) {
-                        console.warn.error(this.t('failedToCompareItems'), err);
+                        console.warn.error('Error while comparing items', err);
                         return false;
                     }
                 };
@@ -1459,7 +1480,7 @@ class SelectComponent extends ListComponent_1.default {
     asString(value, options = {}) {
         var _a;
         value = value !== null && value !== void 0 ? value : this.getValue();
-        if (options.modalPreview || this.inDataTable || options.email) {
+        if (options.modalPreview || this.inDataTable) {
             if (this.inDataTable) {
                 value = this.undoValueTyping(value);
             }

package/lib/cjs/components/select/editForm/Select.edit.data.d.ts

@@ -1099,7 +1099,6 @@ declare const _default: ({
     alwaysEnabled?: undefined;
 } | {
     key: string;
-    type: string;
     conditional: {
         json: {
             and: ({
@@ -1150,6 +1149,7 @@ declare const _default: ({
         };
     };
     data?: undefined;
+    type?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;

package/lib/cjs/components/select/editForm/Select.edit.data.js

@@ -641,8 +641,8 @@ exports.default = [
         input: true,
         weight: 25,
         key: 'reference',
-        label: 'Submit as reference',
-        tooltip: 'Using this option will submit this field as a reference id and link its value to the value of the origin record.',
+        label: 'Save as reference',
+        tooltip: 'Using this option will save this field as a reference and link its value to the value of the origin record.',
         conditional: {
             json: { '===': [{ var: 'data.dataSrc' }, 'resource'] },
         },
@@ -687,7 +687,6 @@ exports.default = [
     },
     {
         key: 'selectData',
-        type: 'hidden',
         conditional: {
             json: {
                 and: [

package/lib/cjs/components/selectboxes/SelectBoxes.js

@@ -252,14 +252,14 @@ class SelectBoxesComponent extends Radio_1.default {
                     this.setInputsDisabled(false);
                 }
                 if (!isValid && maxCount && count > maxCount) {
-                    const message = this.t(this.component.maxSelectedCountMessage || 'maxSelectItems', { maxCount });
+                    const message = this.t(this.component.maxSelectedCountMessage || 'You may only select up to {{maxCount}} items', { maxCount });
                     this.errors.push({ message });
                     this.setCustomValidity(message, dirty);
                     return false;
                 }
                 else if (!isValid && minCount && count < minCount) {
                     this.setInputsDisabled(false);
-                    const message = this.t(this.component.minSelectedCountMessage || 'minSelectItems', { minCount });
+                    const message = this.t(this.component.minSelectedCountMessage || 'You must select at least {{minCount}} items', { minCount });
                     this.errors.push({ message });
                     this.setCustomValidity(message, dirty);
                     return false;

package/lib/cjs/components/signature/Signature.d.ts

@@ -24,7 +24,7 @@ export default class SignatureComponent extends Input {
     checkSize(force: any, scale: any): void;
     signaturePad: SignaturePad | null | undefined;
     observer: any;
-    getValueAsString(value: any): string;
+    getValueAsString(value: any): "" | "Yes" | "No";
     focus(): void;
     setDataToSigaturePad(): void;
 }

package/lib/cjs/components/signature/Signature.js

@@ -159,9 +159,7 @@ class SignatureComponent extends Input_1.default {
             if (this.dataValue) {
                 this.setDataToSigaturePad();
             }
-            if (!this.disabled) {
-                this.showCanvas(true);
-            }
+            this.showCanvas(true);
         }
     }
     renderElement(value, index) {
@@ -177,7 +175,7 @@ class SignatureComponent extends Input_1.default {
         return this.renderModalPreview({
             previewText: this.dataValue ?
                 `<img src=${this.dataValue} ${this._referenceAttributeName}='openModal' style="width: 100%;height: 100%;" />` :
-                this.t('clickToSign')
+                this.t('Click to Sign')
         });
     }
     attach(element) {
@@ -245,7 +243,7 @@ class SignatureComponent extends Input_1.default {
         if (lodash_1.default.isUndefined(value) && this.inDataTable) {
             return '';
         }
-        return this.t(value ? 'yes' : 'no');
+        return value ? 'Yes' : 'No';
     }
     focus() {
         this.refs.padBody.focus();

package/lib/cjs/components/signature/editForm/Signature.edit.display.d.ts

@@ -7,6 +7,7 @@ declare const _default: ({
     placeholder: string;
     weight: number;
     conditional?: undefined;
+    customConditional?: undefined;
     ignore?: undefined;
 } | {
     type: string;
@@ -23,6 +24,7 @@ declare const _default: ({
         };
     };
     weight: number;
+    customConditional?: undefined;
     ignore?: undefined;
 } | {
     weight: number;
@@ -30,6 +32,9 @@ declare const _default: ({
     label: string;
     tooltip: string;
     key: string;
+    customConditional: ({ options }: {
+        options: any;
+    }) => boolean;
     input: boolean;
     placeholder?: undefined;
     conditional?: undefined;
@@ -44,5 +49,6 @@ declare const _default: ({
     placeholder?: undefined;
     weight?: undefined;
     conditional?: undefined;
+    customConditional?: undefined;
 })[];
 export default _default;

package/lib/cjs/components/signature/editForm/Signature.edit.display.js

@@ -39,6 +39,7 @@ exports.default = [
         label: 'Keep Overlay Aspect Ratio',
         tooltip: 'If checked, the field will have the same aspect ratio as its preview.',
         key: 'keepOverlayRatio',
+        customConditional: ({ options }) => { var _a; return (((_a = options === null || options === void 0 ? void 0 : options.editForm) === null || _a === void 0 ? void 0 : _a.display) === 'pdf'); },
         input: true
     },
     {

package/lib/cjs/components/survey/Survey.js

@@ -128,8 +128,8 @@ class SurveyComponent extends Field_1.default {
         <table border="1" style="width:100%">
           <thead>
             <tr>
-              <th>${this.t('surveyQuestion')}</th>
-              <th>${this.t('surveyQuestionValue')}</th>
+              <th>Question</th>
+              <th>Value</th>
             </tr>
           </thead>
           <tbody>

package/lib/cjs/components/tags/Tags.d.ts

@@ -24,4 +24,4 @@ export default class TagsComponent extends Input {
     getValueAsString(value: any): any;
 }
 import Input from '../_classes/input/Input';
-import Choices from 'choices.js';
+import Choices from '@formio/choices.js';

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_1 = require("../../utils/utils");
 const Input_1 = __importDefault(require("../_classes/input/Input"));
-const choices_js_1 = __importDefault(require("choices.js"));
+const choices_js_1 = __importDefault(require("@formio/choices.js"));
 class TagsComponent extends Input_1.default {
     static schema(...extend) {
         return Input_1.default.schema({
@@ -129,7 +129,7 @@ class TagsComponent extends Input_1.default {
         const changed = super.setValue(value, flags);
         if (this.choices) {
             let dataValue = this.dataValue;
-            this.choices.clearStore();
+            this.choices.removeActiveItems();
             if (dataValue) {
                 if (typeof dataValue === 'string') {
                     dataValue = dataValue.split(this.delimiter).filter(result => result);

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

@@ -136,7 +136,7 @@ class TextAreaComponent extends TextField_1.default {
                 case 'quill':
                     // Normalize the configurations for quill.
                     if (settings.hasOwnProperty('toolbarGroups') || settings.hasOwnProperty('toolbar')) {
-                        console.warn(this.t('needConfigurationForQuill'));
+                        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.');
                         settings = this.wysiwygDefault.quill;
                     }
                     // Add the quill editor.
@@ -208,7 +208,7 @@ class TextAreaComponent extends TextField_1.default {
     imageHandler(moduleInstance, range, files) {
         const quillInstance = moduleInstance.quill;
         if (!files || !files.length) {
-            console.warn(this.t('noFilesSelected'));
+            console.warn('No files selected');
             return;
         }
         quillInstance.enable(false);
@@ -233,7 +233,7 @@ class TextAreaComponent extends TextField_1.default {
                 alt: JSON.stringify(requestData),
             }), Quill.sources.USER);
         }).catch(error => {
-            console.warn(this.t('quillImageUploadFailed'));
+            console.warn('Quill image upload failed');
             console.warn(error);
             quillInstance.enable(true);
         });
@@ -530,7 +530,7 @@ class TextAreaComponent extends TextField_1.default {
                     }
                     this.element.scrollIntoView();
                 }).catch((err) => {
-                    console.warn(this.t('editorFocusError'), err);
+                    console.warn('An editor did not initialize properly when trying to focus:', err);
                 });
                 break;
             }
@@ -539,7 +539,7 @@ class TextAreaComponent extends TextField_1.default {
                     this.editors[0].focus();
                     this.element.scrollIntoView();
                 }).catch((err) => {
-                    console.warn(this.t('editorFocusError'), err);
+                    console.warn('An editor did not initialize properly when trying to focus:', err);
                 });
                 break;
             }
@@ -547,7 +547,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(this.t('editorFocusError'), err);
+                    console.warn('An editor did not initialize properly when trying to focus:', err);
                 });
                 break;
             }

package/lib/cjs/formio.form.js

@@ -29,7 +29,6 @@ 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) => {
@@ -74,7 +73,6 @@ function registerModule(mod, defaultFn = null, options = {}) {
             case 'templates':
                 for (const framework of Object.keys(mod.templates)) {
                     Formio_1.Formio.Templates.extendTemplate(framework, mod.templates[framework]);
-                    Formio_1.Formio.Templates.defaultTemplates = lodash_1.default.defaults(mod.templates[framework], Formio_1.Formio.Templates.defaultTemplates);
                 }
                 if (mod.templates[current]) {
                     Formio_1.Formio.Templates.current = mod.templates[current];
@@ -102,9 +100,6 @@ function registerModule(mod, defaultFn = null, options = {}) {
             case 'evaluator':
                 Formio_1.Formio.Evaluator.registerEvaluator(mod.evaluator);
                 break;
-            case 'translations':
-                i18n_1.I18n.setDefaultTranslations(mod.translations);
-                break;
             case 'library':
                 options.license
                     ? Formio_1.Formio.Licenses.addLicense(mod.library, options.license)

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

@@ -52,11 +52,10 @@ function googledrive(formio) {
                 xhr.send(fd);
             }));
         },
-        downloadFile(file, component) {
+        downloadFile(file) {
             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}` : ''}`;
+                `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}`;
             return Promise.resolve(file);
         },
         deleteFile: function deleteFile(fileInfo) {

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

@@ -115,7 +115,7 @@ function s3(formio) {
                 const { changeMessage } = multipart;
                 changeMessage('Completing AWS S3 multipart upload...');
                 const token = formio.getToken();
-                const response = yield xhr_1.default.fetch(`${formio.formUrl}/storage/s3/multipart/complete`, {
+                const response = yield fetch(`${formio.formUrl}/storage/s3/multipart/complete`, {
                     method: 'POST',
                     headers: Object.assign({ 'Content-Type': 'application/json' }, (token ? { 'x-jwt-token': token } : {})),
                     body: JSON.stringify({ parts, uploadId: serverResponse.uploadId, key: serverResponse.key })
@@ -134,7 +134,7 @@ function s3(formio) {
         abortMultipartUpload(serverResponse) {
             const { uploadId, key } = serverResponse;
             const token = formio.getToken();
-            xhr_1.default.fetch(`${formio.formUrl}/storage/s3/multipart/abort`, {
+            fetch(`${formio.formUrl}/storage/s3/multipart/abort`, {
                 method: 'POST',
                 headers: Object.assign({ 'Content-Type': 'application/json' }, (token ? { 'x-jwt-token': token } : {})),
                 body: JSON.stringify({ uploadId, key })
@@ -148,7 +148,7 @@ function s3(formio) {
                 const start = i * partSize;
                 const end = (i + 1) * partSize;
                 const blob = i < urls.length ? file.slice(start, end) : file.slice(start);
-                const promise = xhr_1.default.fetch(urls[i], {
+                const promise = fetch(urls[i], {
                     method: 'PUT',
                     headers,
                     body: blob,

package/lib/cjs/providers/storage/xhr.d.ts

@@ -3,7 +3,6 @@ export default XHR;
 declare namespace XHR {
     function trim(text: any): any;
     function path(items: any): any;
-    function fetch(url: any, options: any): Promise<Response>;
     function upload(formio: any, type: any, xhrCallback: any, file: any, fileName: any, dir: any, progressCallback: any, groupPermissions: any, groupId: any, abortCallback: any, multipartOptions: any): Promise<any>;
     function makeXhrRequest(formio: any, xhrCallback: any, serverResponse: any, progressCallback: any, abortCallback: any): Promise<any>;
 }

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

@@ -14,7 +14,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setXhrHeaders = void 0;
 const trim_1 = __importDefault(require("lodash/trim"));
-const Formio_1 = require("../../Formio");
 const setXhrHeaders = (formio, xhr) => {
     const { headers } = formio.options;
     if (headers) {
@@ -37,17 +36,13 @@ const XHR = {
     path(items) {
         return items.filter(item => !!item).map(XHR.trim).join('/');
     },
-    fetch(url, options) {
-        options = Formio_1.Formio.pluginAlter('requestOptions', options, url);
-        return fetch(url, options);
-    },
     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;
             try {
-                response = yield XHR.fetch(`${formio.formUrl}/storage/${type}`, {
+                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({