@formio/js 5.1.0-dev.6056.ba6432d → 5.1.0-dev.6059.845a6e3

package/lib/cjs/WebformBuilder.js

@@ -210,8 +210,7 @@ class WebformBuilder extends Component_1.default {
             params: {
                 type: 'resource',
                 limit: 1000000,
-                select: '_id,title,name,components',
-                'tags__ne': 'noBuilderResource'
+                select: '_id,title,name,components'
             }
         };
         if (this.options && this.options.resourceTag) {
@@ -233,7 +232,7 @@ class WebformBuilder extends Component_1.default {
                 }
             }
         }).catch((err) => {
-            console.warn(`${this.t('loadingProjectSettingsError')}: ${err.message || err}`);
+            console.warn(`Could not load project settings: ${err.message || err}`);
         });
         if (!formio.noProject && !isResourcesDisabled && formio.formsUrl) {
             const resourceOptions = this.options.builder && this.options.builder.resource;
@@ -336,18 +335,18 @@ class WebformBuilder extends Component_1.default {
             editJson: 'single'
         });
         if (component.refs.copyComponent) {
-            this.attachTooltip(component.refs.copyComponent, this.t('copy'));
+            this.attachTooltip(component.refs.copyComponent, this.t('Copy'));
             component.addEventListener(component.refs.copyComponent, 'click', () => this.copyComponent(component));
         }
         if (component.refs.pasteComponent) {
-            const pasteToolTip = this.attachTooltip(component.refs.pasteComponent, this.t('pasteBelow'));
+            const pasteToolTip = this.attachTooltip(component.refs.pasteComponent, this.t('Paste below'));
             component.addEventListener(component.refs.pasteComponent, 'click', () => {
                 pasteToolTip.hide();
                 this.pasteComponent(component);
             });
         }
         if (component.refs.moveComponent) {
-            this.attachTooltip(component.refs.moveComponent, this.t('move'));
+            this.attachTooltip(component.refs.moveComponent, this.t('Move'));
             if (this.keyboardActionsEnabled) {
                 component.addEventListener(component.refs.moveComponent, 'click', () => {
                     this.moveComponent(component);
@@ -356,15 +355,15 @@ class WebformBuilder extends Component_1.default {
         }
         const parent = this.getParentElement(element);
         if (component.refs.editComponent) {
-            this.attachTooltip(component.refs.editComponent, this.t('edit'));
+            this.attachTooltip(component.refs.editComponent, this.t('Edit'));
             component.addEventListener(component.refs.editComponent, 'click', () => this.editComponent(component.schema, parent, false, false, component.component, { inDataGrid: component.isInDataGrid }));
         }
         if (component.refs.editJson) {
-            this.attachTooltip(component.refs.editJson, this.t('editJson'));
+            this.attachTooltip(component.refs.editJson, this.t('Edit JSON'));
             component.addEventListener(component.refs.editJson, 'click', () => this.editComponent(component.schema, parent, false, true, component.component));
         }
         if (component.refs.removeComponent) {
-            this.attachTooltip(component.refs.removeComponent, this.t('remove'));
+            this.attachTooltip(component.refs.removeComponent, this.t('Remove'));
             component.addEventListener(component.refs.removeComponent, 'click', () => this.removeComponent(component.schema, parent, component.component, component));
         }
         return element;
@@ -810,18 +809,31 @@ class WebformBuilder extends Component_1.default {
         // Show an error if siblings are disabled for a component and such a component already exists.
         const compKey = (group === 'resource') ? `component-${key}` : key;
         const draggableComponent = ((_a = this.groups[group]) === null || _a === void 0 ? void 0 : _a.components[compKey]) || {};
-        if (draggableComponent.disableSiblings || draggableComponent.uniqueComponent) {
+        if (draggableComponent.disableSiblings) {
             let isCompAlreadyExists = false;
             (0, formUtils_1.eachComponent)(this.webform.components, (component) => {
-                if ((draggableComponent.disableSiblings && component.type === draggableComponent.schema.type) ||
-                    (draggableComponent.uniqueComponent && component.component.key === draggableComponent.schema.key)) {
+                if (component.type === draggableComponent.schema.type) {
                     isCompAlreadyExists = true;
                     return;
                 }
             }, true);
             if (isCompAlreadyExists) {
                 this.webform.redraw();
-                this.webform.setAlert('danger', this.t('builderUniqueError', { componentKeyOrTitle: lodash_1.default.get(draggableComponent, draggableComponent.uniqueComponent ? 'title' : 'key') }));
+                this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.key} component to one page.`);
+                return;
+            }
+        }
+        if (draggableComponent.uniqueComponent) {
+            let isCompAlreadyExists = false;
+            (0, formUtils_1.eachComponent)(this.webform.components, (component) => {
+                if (component.key === draggableComponent.schema.key) {
+                    isCompAlreadyExists = true;
+                    return;
+                }
+            }, true);
+            if (isCompAlreadyExists) {
+                this.webform.redraw();
+                this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.title} component to one page.`);
                 return;
             }
         }
@@ -1256,8 +1268,7 @@ class WebformBuilder extends Component_1.default {
                     helplinks: this.helplinks,
                 }));
                 this.editForm.attach(this.componentEdit.querySelector(`[${this._referenceAttributeName}="editForm"]`));
-                const editFormData = (_a = this.editForm.submission) === null || _a === void 0 ? void 0 : _a.data;
-                this.updateComponent((editFormData === null || editFormData === void 0 ? void 0 : editFormData.componentJson) || editFormData || component);
+                this.updateComponent((_a = this.editForm.submission.data) !== null && _a !== void 0 ? _a : component);
                 this.attachEditComponentControls(component, parent, isNew, original, ComponentClass);
             });
         });
@@ -1522,7 +1533,7 @@ class WebformBuilder extends Component_1.default {
      */
     copyComponent(component) {
         if (!window.sessionStorage) {
-            return console.warn(this.t('sessionStorageSupportError'));
+            return console.warn('Session storage is not supported in this browser.');
         }
         this.addClass(this.refs.form, 'builder-paste-mode');
         window.sessionStorage.setItem('formio.clipboard', JSON.stringify(component.schema));
@@ -1534,7 +1545,7 @@ class WebformBuilder extends Component_1.default {
      */
     pasteComponent(component) {
         if (!window.sessionStorage) {
-            return console.warn(this.t('sessionStorageSupportError'));
+            return console.warn('Session storage is not supported in this browser.');
         }
         this.removeClass(this.refs.form, 'builder-paste-mode');
         if (window.sessionStorage) {

package/lib/cjs/Wizard.js

@@ -614,7 +614,7 @@ class Wizard extends Webform_1.default {
             this.redraw();
             return Promise.resolve();
         }
-        return Promise.reject(this.t('pageNotFound'));
+        return Promise.reject('Page not found');
     }
     pageFieldLogic(page) {
         var _a;

package/lib/cjs/WizardBuilder.js

@@ -223,7 +223,7 @@ class WizardBuilder extends WebformBuilder_1.default {
         const isSiblingAnAddPageButton = sibling === null || sibling === void 0 ? void 0 : sibling.classList.contains('wizard-add-page');
         // We still can paste before Add Page button
         if (!element.dragInfo || (sibling && !sibling.dragInfo && !isSiblingAnAddPageButton)) {
-            console.warn(this.t('noDragInfoError'));
+            console.warn('There is no Drag Info available for either dragged or sibling element');
             return;
         }
         const oldPosition = element.dragInfo.index;
@@ -261,23 +261,10 @@ class WizardBuilder extends WebformBuilder_1.default {
         if (component instanceof WizardBuilder) {
             return;
         }
-        if (!window.sessionStorage) {
-            return console.warn(this.t('sessionStorageSupportError'));
-        }
-        // If pasting after the Wizard's page, check if a full Wizard page was copied and pass it to addPage method
         if (this._form.components.find(comp => lodash_1.default.isEqual(component.component, comp))) {
-            const data = window.sessionStorage.getItem('formio.clipboard');
-            if (data) {
-                const schema = JSON.parse(data);
-                // If the copied component is not a Wizard's page, do nothing since we can't paste outside the panel in Wizard
-                if (schema.type !== 'panel') {
-                    return;
-                }
-                this.addPage(schema);
-            }
+            this.addPage(component);
         }
         else {
-            // If we are not trying to paster after the current Wizard's page, just pass it to the WebformBuilder
             return super.pasteComponent(component);
         }
     }

package/lib/cjs/components/Components.d.ts

@@ -2,7 +2,6 @@ export default class Components {
     static _editFormUtils: {
         sortAndFilterComponents(components: any): any;
         unifyComponents(objValue: any, srcValue: any): any;
-        tokenVariableDescription(): string;
         logicVariablesTable(additional: any): {
             type: string;
             tag: string;
@@ -87,7 +86,6 @@ export default class Components {
     static set EditFormUtils(value: {
         sortAndFilterComponents(components: any): any;
         unifyComponents(objValue: any, srcValue: any): any;
-        tokenVariableDescription(): string;
         logicVariablesTable(additional: any): {
             type: string;
             tag: string;
@@ -171,7 +169,6 @@ export default class Components {
     static get EditFormUtils(): {
         sortAndFilterComponents(components: any): any;
         unifyComponents(objValue: any, srcValue: any): any;
-        tokenVariableDescription(): string;
         logicVariablesTable(additional: any): {
             type: string;
             tag: string;

package/lib/cjs/components/_classes/component/Component.d.ts

@@ -855,7 +855,6 @@ declare class Component extends Element {
     quill: any;
     get shouldSanitizeValue(): boolean;
     addAce(element: any, settings: any, onChange: any): any;
-    getDragula(): Promise<any>;
     get tree(): any;
     /**
      * The empty value for this component.

package/lib/cjs/components/_classes/component/Component.js

@@ -22,15 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -198,7 +189,6 @@ class Component extends Element_1.default {
             properties: {},
             allowMultipleMasks: false,
             addons: [],
-            serverOverride: {},
         }, ...sources);
     }
     /**
@@ -447,9 +437,6 @@ class Component extends Element_1.default {
         // Allow anyone to hook into the component creation.
         this.hook('component');
         if (!this.options.skipInit) {
-            if (typeof this.beforeInit === 'function') {
-                this.beforeInit();
-            }
             this.init();
         }
     }
@@ -551,10 +538,7 @@ class Component extends Element_1.default {
                 this.addons.push(addon);
             }
             else {
-                console.warn(this.t('addonSupportTypeError', {
-                    type: this.component.type,
-                    label: name.label
-                }));
+                console.warn(`Addon ${name.label} does not support component of type ${this.component.type}.`);
             }
         }
         return addon;
@@ -606,7 +590,7 @@ class Component extends Element_1.default {
         return this.paths.dataPath;
     }
     set path(path) {
-        throw new Error(this.t('setPathError'));
+        throw new Error('Should not be setting the path of a component.');
     }
     set parentVisible(value) {
         this._parentVisible = value;
@@ -698,7 +682,7 @@ class Component extends Element_1.default {
         return this.options.attachMode === 'builder';
     }
     get calculatedPath() {
-        console.error(this.t('calculatedPathDeprecation'));
+        console.error('component.calculatedPath was deprecated, use component.path instead.');
         return this.path;
     }
     get labelPosition() {
@@ -864,7 +848,7 @@ class Component extends Element_1.default {
         const name = names[names.length - 1];
         const templatesByName = Templates_1.default.defaultTemplates[name];
         if (!templatesByName) {
-            return { template: this.t('unknownTemplate', { name }) };
+            return { template: `Unknown template: ${name}` };
         }
         const templateByMode = this.checkTemplateMode(templatesByName, modes);
         if (templateByMode) {
@@ -921,7 +905,9 @@ class Component extends Element_1.default {
         data.disabled = this.disabled;
         data.builder = this.builderMode;
         data.render = (...args) => {
-            console.warn(this.t('renderTemplateFunctionDeprecation'));
+            console.warn(`Form.io 'render' template function is deprecated.
+      If you need to render template (template A) inside of another template (template B),
+      pass pre-compiled template A (use this.renderTemplate('template_A_name') as template context variable for template B`);
             return this.renderTemplate(...args);
         };
         data.label = data.labelInfo || this.labelInfo;
@@ -1124,7 +1110,7 @@ class Component extends Element_1.default {
             modalLabel = { className: 'field-required' };
         }
         return this.renderModalPreview({
-            previewText: this.getValueAsString(dataValue, { modalPreview: true }) || this.t('clickToSetValue'),
+            previewText: this.getValueAsString(dataValue, { modalPreview: true }) || this.t('Click to set value'),
             messages: '',
             labelInfo: modalLabel,
         });
@@ -1149,7 +1135,7 @@ class Component extends Element_1.default {
      * @param {boolean} topLevel - If this is the topmost component that is being rendered.
      * @returns {string} - The rendered HTML string of a component.
      */
-    render(children = this.t('unknownComponent', { type: this.component.type }), topLevel = false) {
+    render(children = `Unknown component: ${this.component.type}`, topLevel = false) {
         const isVisible = this.visible;
         this.rendered = true;
         if (!this.builderMode && !this.previewMode && this.component.modalEdit) {
@@ -2441,15 +2427,6 @@ class Component extends Element_1.default {
             return editor;
         });
     }
-    getDragula() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve) => {
-                return Formio_1.Formio.requireLibrary('dragula', 'dragula', `${Formio_1.Formio.cdn.dragula}/dragula.js`, true, (ready) => {
-                    return ready.then(resolve);
-                });
-            });
-        });
-    }
     get tree() {
         return this.component.tree || false;
     }
@@ -2579,7 +2556,7 @@ class Component extends Element_1.default {
             }
             return value;
         };
-        if (Array.isArray(this.defaultMask) ? this.defaultMask.length > 0 : this.defaultMask) {
+        if (this.defaultMask) {
             if (Array.isArray(defaultValue)) {
                 defaultValue = defaultValue.map(checkMask);
             }
@@ -3358,7 +3335,7 @@ class Component extends Element_1.default {
     }
     // Maintain reverse compatibility.
     whenReady() {
-        console.warn(this.t('whenReadyDeprecation'));
+        console.warn('The whenReady() method has been deprecated. Please use the dataReady property instead.');
         return this.dataReady;
     }
     get dataReady() {
@@ -3493,10 +3470,6 @@ class Component extends Element_1.default {
                             const disabled = this.shouldDisabled;
                             // Change states which won't be recalculated during redrawing
                             if (this.visible !== visible) {
-                                // If the logic is triggered by an event and the action sets the hidden state then the original
-                                // component definition must be changed so that the components hidden state does not get flipped back by
-                                // the fieldLogic function
-                                this.originalComponent.hidden = !visible;
                                 this.visible = visible;
                             }
                             if (this.disabled !== disabled) {

package/lib/cjs/components/_classes/component/editForm/Component.edit.conditional.js

@@ -50,6 +50,6 @@ exports.default = [
     },
     utils_1.default.javaScriptValue('Advanced Conditions', 'customConditional', 'conditional.json', 110, '<p>You must assign the <strong>show</strong> variable a boolean result.</p>' +
         '<p><strong>Note: Advanced Conditional logic will override the results of the Simple Conditional logic.</strong></p>' +
-        '<h5>Example</h5><pre>show = !!data.showMe;</pre>', '<p><a href="https://help.form.io/userguide/form-building/logic-and-conditions" target="_blank" rel="noopener noreferrer">Click here for an example</a></p>', utils_1.default.tokenVariableDescription())
+        '<h5>Example</h5><pre>show = !!data.showMe;</pre>', '<p><a href="https://help.form.io/userguide/form-building/logic-and-conditions" target="_blank" rel="noopener noreferrer">Click here for an example</a></p>')
 ];
 /* eslint-enable quotes, max-len */

package/lib/cjs/components/_classes/component/editForm/Component.edit.data.d.ts

@@ -87,9 +87,6 @@ declare const _default: ({
     valueProperty?: undefined;
     data?: undefined;
     conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    description?: undefined;
 } | {
     type: string;
     label: string;
@@ -106,9 +103,6 @@ declare const _default: ({
     valueProperty?: undefined;
     data?: undefined;
     conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    description?: undefined;
 } | {
     weight: number;
     type: string;
@@ -131,9 +125,6 @@ declare const _default: ({
     valueProperty?: undefined;
     data?: undefined;
     conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    description?: undefined;
 } | {
     weight: number;
     type: string;
@@ -182,9 +173,6 @@ declare const _default: ({
     valueProperty?: undefined;
     data?: undefined;
     conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    description?: undefined;
 } | {
     type: string;
     input: boolean;
@@ -212,9 +200,6 @@ declare const _default: ({
     defaultValue?: undefined;
     values?: undefined;
     logic?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    description?: undefined;
 } | {
     weight: number;
     type: string;
@@ -231,27 +216,5 @@ declare const _default: ({
     valueProperty?: undefined;
     data?: undefined;
     conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    description?: undefined;
-} | {
-    type: string;
-    as: string;
-    editor: string;
-    weight: number;
-    input: boolean;
-    key: string;
-    label: string;
-    tooltip: string;
-    defaultValue: {};
-    description: string;
-    placeholder?: undefined;
-    inline?: undefined;
-    values?: undefined;
-    logic?: undefined;
-    dataSrc?: undefined;
-    valueProperty?: undefined;
-    data?: undefined;
-    conditional?: undefined;
 })[];
 export default _default;

package/lib/cjs/components/_classes/component/editForm/Component.edit.data.js

@@ -140,7 +140,7 @@ exports.default = [
         input: true
     },
     utils_1.default.javaScriptValue('Custom Default Value', 'customDefaultValue', 'customDefaultValue', 1000, '<p><h4>Example:</h4><pre>value = data.firstName + " " + data.lastName;</pre></p>', '<p><h4>Example:</h4><pre>{"cat": [{"var": "data.firstName"}, " ", {"var": "data.lastName"}]}</pre>'),
-    utils_1.default.javaScriptValue('Calculated Value', 'calculateValue', 'calculateValue', 1100, '<p><h4>Example:</h4><pre>value = data.a + data.b + data.c;</pre></p>', '<p><h4>Example:</h4><pre>{"+": [{"var": "data.a"}, {"var": "data.b"}, {"var": "data.c"}]}</pre><p><a href="https://help.form.io/userguide/form-building/logic-and-conditions#calculated-values" target="_blank" rel="noopener noreferrer">Click here for an example</a></p>', utils_1.default.tokenVariableDescription()),
+    utils_1.default.javaScriptValue('Calculated Value', 'calculateValue', 'calculateValue', 1100, '<p><h4>Example:</h4><pre>value = data.a + data.b + data.c;</pre></p>', '<p><h4>Example:</h4><pre>{"+": [{"var": "data.a"}, {"var": "data.b"}, {"var": "data.c"}]}</pre><p><a href="https://help.form.io/userguide/form-building/logic-and-conditions#calculated-values" target="_blank" rel="noopener noreferrer">Click here for an example</a></p>', '<tr><th>token</th><td>The decoded JWT token for the authenticated user.</td></tr>'),
     {
         type: 'checkbox',
         input: true,
@@ -157,16 +157,5 @@ exports.default = [
         label: 'Allow Manual Override of Calculated Value',
         tooltip: 'When checked, this will allow the user to manually override the calculated value.'
     },
-    {
-        type: 'textarea',
-        as: 'json',
-        editor: 'ace',
-        weight: 1400,
-        input: true,
-        key: 'serverOverride',
-        label: 'Server Override',
-        tooltip: 'A JSON object containing the component settings that should be overriden when the form submission is processed on the server side.',
-        defaultValue: {},
-        description: '<b>Example</b>: { "clearOnHide": true }',
-    }
 ];
+/* eslint-enable max-len */

package/lib/cjs/components/_classes/component/editForm/utils.d.ts

@@ -2,7 +2,6 @@ export default EditFormUtils;
 declare namespace EditFormUtils {
     function sortAndFilterComponents(components: any): any;
     function unifyComponents(objValue: any, srcValue: any): any;
-    function tokenVariableDescription(): string;
     function logicVariablesTable(additional: any): {
         type: string;
         tag: string;

package/lib/cjs/components/_classes/component/editForm/utils.js

@@ -37,9 +37,6 @@ const EditFormUtils = {
         }
         return lodash_1.default.isEqual(objValue, srcValue);
     },
-    tokenVariableDescription() {
-        return '<tr><th>token</th><td>The decoded JWT token for the authenticated user.</td></tr>';
-    },
     logicVariablesTable(additional) {
         additional = additional || '';
         return {

package/lib/cjs/components/_classes/input/Input.js

@@ -234,33 +234,11 @@ class Input extends Multivalue_1.default {
         this.addFocusBlurEvents(element);
         if (this.options.submitOnEnter) {
             this.addEventListener(element, 'keypress', (event) => {
-                var _a;
                 const key = event.keyCode || event.which;
                 if (key === 13) {
                     event.preventDefault();
                     event.stopPropagation();
-                    let submitButton = null;
-                    if ((_a = this.root) === null || _a === void 0 ? void 0 : _a.everyComponent) {
-                        this.root.everyComponent((component) => {
-                            if ((component === null || component === void 0 ? void 0 : component.component.type) === 'button' &&
-                                (component === null || component === void 0 ? void 0 : component.component.action) === 'submit') {
-                                submitButton = component;
-                                return false;
-                            }
-                        });
-                    }
-                    const options = {};
-                    if (submitButton) {
-                        options.instance = submitButton;
-                        options.component = submitButton.component;
-                        options.noValidate = this.component.state === 'draft';
-                        options.state = this.component.state || 'submitted';
-                        submitButton.loading = true;
-                        this.emit('submitButton', options);
-                    }
-                    else {
-                        this.emit('submitButton', options);
-                    }
+                    this.emit('submitButton');
                 }
             });
         }

package/lib/cjs/components/_classes/list/ListComponent.js

@@ -138,12 +138,12 @@ class ListComponent extends Field_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}`);
     }
     /* eslint-disable max-statements */
     updateItems(searchInput, forceUpdate) {
         if (!this.component.data) {
-            console.warn(this.t('noSelectDataConfiguration', { componentKey: this.key }));
+            console.warn(`Select component ${this.key} does not have data configuration.`);
             this.itemsLoadedResolve();
             return;
         }
@@ -175,7 +175,7 @@ class ListComponent extends Field_1.default {
                         this.loadItems(resourceUrl, searchInput, this.requestHeaders);
                     }
                     catch (err) {
-                        console.warn(this.t('loadResourcesError', { componentKey: this.key }));
+                        console.warn(`Unable to load resources for ${this.key}`);
                     }
                 }
                 else {
@@ -219,7 +219,7 @@ class ListComponent extends Field_1.default {
                     return;
                 }
                 if (!window.indexedDB) {
-                    window.alert(this.t('indexedDBSupportError'));
+                    window.alert("Your browser doesn't support current version of indexedDB");
                 }
                 if (this.component.indexeddb && this.component.indexeddb.database && this.component.indexeddb.table) {
                     const request = window.indexedDB.open(this.component.indexeddb.database);

package/lib/cjs/components/_classes/multivalue/Multivalue.d.ts

@@ -51,7 +51,7 @@ export default class Multivalue extends Field {
     attachMultiMask(index: number): boolean;
     /**
      * @param {any} input - The input element on which the mask is to be applied.
-     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
      */
     updateMask(input: any, mask: string): void;
     /**

package/lib/cjs/components/_classes/multivalue/Multivalue.js

@@ -66,7 +66,7 @@ class Multivalue extends Field_1.default {
         return value;
     }
     get addAnother() {
-        return this.t(this.component.addAnother || 'addAnother');
+        return this.t(this.component.addAnother || 'Add Another');
     }
     /**
      * @returns {Field} - The created field.
@@ -185,7 +185,7 @@ class Multivalue extends Field_1.default {
                 this.saveCaretPosition(element, index);
             }
             catch (err) {
-                console.warn(this.t('caretPositionSavingError'), err);
+                console.warn('An error occurred while trying to save caret position', err);
             }
             // If a mask is present, delay the update to allow mask to update first.
             if (element.mask) {
@@ -264,17 +264,10 @@ class Multivalue extends Field_1.default {
     }
     /**
      * @param {any} input - The input element on which the mask is to be applied.
-     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
      */
     updateMask(input, mask) {
         if (!mask) {
-            if (input.mask) {
-                input.mask.destroy();
-            }
-            if (!this.component.placeholder) {
-                input.removeAttribute('placeholder');
-            }
-            input.value = '';
             return;
         }
         this.setInputMask(input, mask, !this.component.placeholder);

package/lib/cjs/components/_classes/nested/NestedComponent.form.js

@@ -11,19 +11,6 @@ const Components_1 = __importDefault(require("../../Components"));
  */
 function default_1(...extend) {
     return Components_1.default.baseEditForm([
-        {
-            key: 'display',
-            components: [
-                {
-                    key: 'labelWidth',
-                    ignore: true
-                },
-                {
-                    key: 'labelMargin',
-                    ignore: true
-                }
-            ]
-        },
         {
             key: 'data',
             ignore: true

package/lib/cjs/components/_classes/nestedarray/NestedArrayComponent.d.ts

@@ -13,8 +13,6 @@ export default class NestedArrayComponent extends NestedDataComponent {
     processRow(method: any, data: any, opts: any, row: any, components: any, silentCheck: any): any;
     hasAddButton(): any;
     everyComponent(fn: any, rowIndex: any, options?: {}): void;
-    _getEmailTableHeader(options: any): string;
-    _getEmailTableBody(options: any): string;
     getComponents(rowIndex: any): any;
     removeSubmissionMetadataRow(index: any): void;
 }