@formio/js 5.4.1 → 5.4.3

package/lib/mjs/Webform.js

@@ -265,11 +265,7 @@ export default class Webform extends NestedDataComponent {
             return false;
         }
         if (element.nodeName === 'INPUT') {
-            return ([
-                'text',
-                'email',
-                'password',
-            ].indexOf(element.type) === -1);
+            return ['text', 'email', 'password'].indexOf(element.type) === -1;
         }
         return true;
     }
@@ -542,7 +538,7 @@ export default class Webform extends NestedDataComponent {
         }
         if ('schema' in form && compareVersions(form.schema, '1.x') > 0) {
             this.ready.then(() => {
-                this.setAlert('alert alert-danger', 'Form schema is for a newer version, please upgrade your renderer. Some functionality may not work.');
+                this.setAlert('alert alert-danger', this.t('newFormSchema'));
             });
         }
         // See if they pass a module, and evaluate it if so.
@@ -739,9 +735,7 @@ export default class Webform extends NestedDataComponent {
         });
     }
     get schema() {
-        const schema = fastCloneDeep(_.omit(this._form, [
-            'components',
-        ]));
+        const schema = fastCloneDeep(_.omit(this._form, ['components']));
         schema.components = [];
         this.eachComponent((component) => schema.components.push(component.schema));
         return schema;
@@ -768,10 +762,12 @@ export default class Webform extends NestedDataComponent {
         if (!this.options.submissionTimezone && submission.metadata && submission.metadata.timezone) {
             this.options.submissionTimezone = submission.metadata.timezone;
         }
+        this.subFromServer = _.cloneDeep(submission.data);
         const changed = super.setValue(submission.data, flags);
         if (!flags.sanitize) {
             this.mergeData(this.data, submission.data);
         }
+        // GOTCHA(G-FJS01)
         submission.data = this.data;
         this._submission = submission;
         return changed;
@@ -1008,6 +1004,7 @@ export default class Webform extends NestedDataComponent {
             const component = this.getComponent(key);
             if (component) {
                 component.focus();
+                component.scrollIntoView();
             }
         }
     }
@@ -1031,9 +1028,7 @@ export default class Webform extends NestedDataComponent {
     showErrors(errors, triggerEvent) {
         this.loading = false;
         if (!Array.isArray(errors)) {
-            errors = [
-                errors,
-            ];
+            errors = [errors];
         }
         if (Array.isArray(this.errors) &&
             // do not show components validation errors in alert for draft submission
@@ -1065,11 +1060,7 @@ export default class Webform extends NestedDataComponent {
         }
         const displayedErrors = [];
         if (errors.length) {
-            errors = _.uniqBy(errors, (error) => [
-                error.message,
-                error.component?.id,
-                error.context?.path,
-            ].join());
+            errors = _.uniqBy(errors, (error) => [error.message, error.component?.id, error.context?.path].join());
             const createListItem = (message, index) => {
                 const err = errors[index];
                 const messageFromIndex = !_.isUndefined(index) && errors && errors[index];
@@ -1096,6 +1087,7 @@ export default class Webform extends NestedDataComponent {
             });
         }
         const errorsList = this.renderTemplate('errorsList', { errors: displayedErrors });
+        // GOTCHA(G-FJS02)
         // Only paint the alert from a subform when the root won't double paint it to avoid a painful flicker
         if (this === this.root || !this.root?.submitted) {
             this.root?.setAlert('danger', errorsList);
@@ -1136,7 +1128,8 @@ export default class Webform extends NestedDataComponent {
                 liveRegion.setAttribute('role', 'status');
                 liveRegion.setAttribute('aria-live', 'polite');
                 liveRegion.setAttribute('aria-atomic', 'true');
-                liveRegion.style.cssText = 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);';
+                liveRegion.style.cssText =
+                    'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);';
                 document.body.appendChild(liveRegion);
             }
             // Announce the submission completion using VPAT clear-and-reset technique
@@ -1352,11 +1345,7 @@ export default class Webform extends NestedDataComponent {
                             };
                         }
                         // Ensure err is an array.
-                        err = Array.isArray(err)
-                            ? err
-                            : [
-                                err,
-                            ];
+                        err = Array.isArray(err) ? err : [err];
                         return reject(err);
                     }
                     this.loading = true;
@@ -1407,9 +1396,7 @@ export default class Webform extends NestedDataComponent {
             });
         }
         else if (typeof error === 'string') {
-            this.serverErrors = [
-                { fromServer: true, level: 'error', message: error },
-            ];
+            this.serverErrors = [{ fromServer: true, level: 'error', message: error }];
         }
     }
     executeSubmit(options) {
@@ -1467,7 +1454,7 @@ export default class Webform extends NestedDataComponent {
     }
     submitUrl(URL, headers) {
         if (!URL) {
-            return console.warn('Missing URL argument');
+            return console.warn(this.t('missingUrl'));
         }
         const submission = this.submission || {};
         const API_URL = URL;
@@ -1488,7 +1475,7 @@ export default class Webform extends NestedDataComponent {
             })
                 .then(() => {
                 this.emit('requestDone');
-                this.setAlert('success', '<p> Success </p>');
+                this.setAlert('success', `<p> ${this.t('success')} </p>`);
             })
                 .catch((e) => {
                 const message = `${e.statusText ? e.statusText : ''} ${e.status ? e.status : e}`;
@@ -1499,9 +1486,10 @@ export default class Webform extends NestedDataComponent {
             });
         }
         else {
-            this.emit('error', 'You should add a URL to this button.');
-            this.setAlert('warning', 'You should add a URL to this button.');
-            return console.warn('You should add a URL to this button.');
+            const message = this.t('urlNotAttachedToBtn');
+            this.emit('error', message);
+            this.setAlert('warning', message);
+            return console.warn(message);
         }
     }
     triggerCaptcha(components = null) {

package/lib/mjs/WebformBuilder.js

@@ -202,14 +202,10 @@ export default class WebformBuilder extends Component {
             },
         };
         if (this.options && this.options.resourceTag) {
-            query.params.tags = [
-                this.options.resourceTag,
-            ];
+            query.params.tags = [this.options.resourceTag];
         }
         else if (!this.options || !this.options.hasOwnProperty('resourceTag')) {
-            query.params.tags = [
-                'builder',
-            ];
+            query.params.tags = ['builder'];
         }
         const formio = new Formio(Formio.projectUrl);
         const isResourcesDisabled = this.options.builder && this.options.builder.resource === false;
@@ -229,7 +225,7 @@ export default class WebformBuilder extends Component {
             }
         })
             .catch((err) => {
-            console.warn(`Could not load project settings: ${err.message || err}`);
+            console.warn(`${this.t('loadingProjectSettingsError')}: ${err.message || err}`);
         });
         if (!formio.noProject && !isResourcesDisabled && formio.formsUrl) {
             const resourceOptions = this.options.builder && this.options.builder.resource;
@@ -318,10 +314,7 @@ export default class WebformBuilder extends Component {
             allowHTML: true,
             trigger: 'mouseenter focus',
             placement: 'top',
-            delay: [
-                200,
-                0,
-            ],
+            delay: [200, 0],
             zIndex: 10000,
             content: title,
         });
@@ -341,18 +334,18 @@ export default class WebformBuilder extends Component {
             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('Paste below'));
+            const pasteToolTip = this.attachTooltip(component.refs.pasteComponent, this.t('pasteBelow'));
             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);
@@ -361,20 +354,20 @@ export default class WebformBuilder extends Component {
         }
         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,
                 editComponentPath: component.path,
             }));
         }
         if (component.refs.editJson) {
-            this.attachTooltip(component.refs.editJson, this.t('Edit JSON'));
+            this.attachTooltip(component.refs.editJson, this.t('editJson'));
             component.addEventListener(component.refs.editJson, 'click', () => this.editComponent(component.schema, parent, false, true, component.component, {
                 editComponentPath: component.path,
             }));
         }
         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;
@@ -457,10 +450,7 @@ export default class WebformBuilder extends Component {
         const componentSchema = component.component;
         // If the current component is the namespace, we don't need to find it again.
         if (namespaceKey === component.key) {
-            return [
-                ...componentSchema.components,
-                componentSchema,
-            ];
+            return [...componentSchema.components, componentSchema];
         }
         // Get the namespace component so we have the original object.
         const namespaceComponent = getComponent(this.form.components, namespaceKey, true);
@@ -472,14 +462,7 @@ export default class WebformBuilder extends Component {
             return null;
         }
         // Some components are their own namespace.
-        if ([
-            'address',
-            'container',
-            'datagrid',
-            'editgrid',
-            'dynamicWizard',
-            'tree',
-        ].includes(component.type) ||
+        if (['address', 'container', 'datagrid', 'editgrid', 'dynamicWizard', 'tree'].includes(component.type) ||
             component.tree ||
             component.arrayTree) {
             return component.key;
@@ -546,15 +529,11 @@ export default class WebformBuilder extends Component {
                 };
                 const hideShow = (group, forceShow, toggle = false) => {
                     if (forceShow || (toggle && !Array.from(group.classList).includes('show'))) {
-                        group.classList.add([
-                            'show',
-                        ]);
+                        group.classList.add(['show']);
                         group.style.display = 'inherit';
                     }
                     else {
-                        group.classList.remove([
-                            'show',
-                        ]);
+                        group.classList.remove(['show']);
                         group.style.display = 'none';
                     }
                 };
@@ -598,9 +577,7 @@ export default class WebformBuilder extends Component {
             }
             const drake = this.dragula;
             if (this.refs.form) {
-                autoScroll([
-                    window,
-                ], {
+                autoScroll([window], {
                     margin: 20,
                     maxSpeed: 6,
                     scrollWhenOutside: true,
@@ -852,7 +829,7 @@ export default class WebformBuilder extends Component {
             }, true);
             if (isCompAlreadyExists) {
                 this.webform.redraw();
-                this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.key} component to one page.`);
+                this.webform.setAlert('danger', this.t('builderUniqueError', { componentKeyOrTitle: draggableComponent.key }));
                 return;
             }
         }
@@ -866,7 +843,7 @@ export default class WebformBuilder extends Component {
             }, true);
             if (isCompAlreadyExists) {
                 this.webform.redraw();
-                this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.title} component to one page.`);
+                this.webform.setAlert('danger', this.t('builderUniqueError', { componentKeyOrTitle: draggableComponent.title }));
                 return;
             }
         }
@@ -946,7 +923,7 @@ export default class WebformBuilder extends Component {
                     path,
                     fromIndex: index,
                     toIndex,
-                    timestamp: new Date()
+                    timestamp: new Date(),
                 };
                 // New event that allows explicit tracking of reordering
                 this.emit('moveComponent', payload);
@@ -1036,8 +1013,8 @@ export default class WebformBuilder extends Component {
                 (Array.isArray(component.columns) && component.columns.length));
         if (this.options.alwaysConfirmComponentRemoval || removingComponentsGroup) {
             const message = removingComponentsGroup
-                ? 'Removing this component will also remove all of its children. Are you sure you want to do this?'
-                : 'Are you sure you want to remove this component?';
+                ? 'confirmComponentRemoveWithChildren'
+                : 'confirmComponentRemove';
             remove = window.confirm(this.t(message));
         }
         if (!original) {
@@ -1106,10 +1083,7 @@ export default class WebformBuilder extends Component {
                 config: this.options.formConfig || {},
                 sanitizeConfig,
             };
-            const fieldsToRemoveDoubleQuotes = [
-                'label',
-                'tooltip',
-            ];
+            const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];
             this.preview.form.components.forEach((component) => this.replaceDoubleQuotes(component, fieldsToRemoveDoubleQuotes));
             const previewElement = this.componentEdit.querySelector(`[${this._referenceAttributeName}="preview"]`);
             if (previewElement) {
@@ -1279,10 +1253,7 @@ export default class WebformBuilder extends Component {
                 submissionData.components = this.originalDefaultValue.components;
                 this.originalDefaultValue = null;
             }
-            const fieldsToRemoveDoubleQuotes = [
-                'label',
-                'tooltip',
-            ];
+            const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];
             this.replaceDoubleQuotes(submissionData, fieldsToRemoveDoubleQuotes);
             this.hook('beforeSaveComponentSettings', submissionData);
             let comp = null;
@@ -1411,13 +1382,7 @@ export default class WebformBuilder extends Component {
         editFormOptions.flags = flags;
         this.hook('editComponentParentInstance', editFormOptions, parent);
         this.editForm = new Webform({
-            ..._.omit(this.options, [
-                'hooks',
-                'builder',
-                'events',
-                'attachMode',
-                'skipInit',
-            ]),
+            ..._.omit(this.options, ['hooks', 'builder', 'events', 'attachMode', 'skipInit']),
             language: this.options.language,
             ...editFormOptions,
             evalContext: {
@@ -1510,16 +1475,10 @@ export default class WebformBuilder extends Component {
                 }
                 let isComponentLabelChanged = false;
                 if (event.changed.instance) {
-                    isComponentLabelChanged = [
-                        'label',
-                        'title',
-                    ].includes(event.changed.instance.path);
+                    isComponentLabelChanged = ['label', 'title'].includes(event.changed.instance.path);
                 }
                 else if (event.changed.component) {
-                    isComponentLabelChanged = [
-                        'label',
-                        'title',
-                    ].includes(event.changed.component.key);
+                    isComponentLabelChanged = ['label', 'title'].includes(event.changed.component.key);
                 }
                 if (isComponentLabelChanged) {
                     // Ensure this component has a key.
@@ -1680,7 +1639,7 @@ export default class WebformBuilder extends Component {
      */
     copyComponent(component) {
         if (!window.sessionStorage) {
-            return console.warn('Session storage is not supported in this browser.');
+            return console.warn(this.t('sessionStorageSupportError'));
         }
         this.addClass(this.refs.form, 'builder-paste-mode');
         window.sessionStorage.setItem('formio.clipboard', JSON.stringify(component.schema));
@@ -1692,7 +1651,7 @@ export default class WebformBuilder extends Component {
      */
     pasteComponent(component) {
         if (!window.sessionStorage) {
-            return console.warn('Session storage is not supported in this browser.');
+            return console.warn(this.t('sessionStorageSupportError'));
         }
         this.removeClass(this.refs.form, 'builder-paste-mode');
         if (window.sessionStorage) {

package/lib/mjs/Wizard.d.ts

@@ -84,6 +84,8 @@ declare class Wizard extends Webform {
     get currentPage(): any;
     getNextPage(): number | null;
     getPreviousPage(): number;
+    renderTemplate(...args: any[]): any;
+    mergeDefaultsFromSchema(data: any): void;
     beforeSubmit(): Promise<any[]>;
     beforePage(next: any): Promise<any>;
     emitNextPage(): void;

package/lib/mjs/Wizard.js

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import Webform from './Webform';
 import { Formio } from './Formio';
-import { fastCloneDeep, checkCondition, firstNonNil, uniqueKey, eachComponent, screenReaderSpeech } from './utils';
+import { fastCloneDeep, checkCondition, firstNonNil, uniqueKey, eachComponent, getModelType, screenReaderSpeech, } from './utils';
 export default class Wizard extends Webform {
     /**
      * Constructor for wizard-based forms.
@@ -30,9 +30,7 @@ export default class Wizard extends Webform {
         this.page = 0;
         this.currentPanel = null;
         this.currentNextPage = 0;
-        this._seenPages = [
-            0,
-        ];
+        this._seenPages = [0];
         this.subWizards = [];
         this.allPages = [];
         this.lastPromise = Promise.resolve();
@@ -101,6 +99,7 @@ export default class Wizard extends Webform {
         this.on('subWizardsUpdated', (subForm) => {
             const subWizard = this.subWizards.find((subWizard) => subForm?.id && subWizard.subForm?.id === subForm?.id);
             if (this.subWizards.length && subWizard) {
+                // GOTCHA(G-FJS01)
                 subWizard.subForm.setValue(subForm._submission, {}, true);
                 this.establishPages();
                 this.redraw();
@@ -132,12 +131,7 @@ export default class Wizard extends Webform {
         return buttons;
     }
     get buttonOrder() {
-        const defaultButtonOrder = [
-            'cancel',
-            'previous',
-            'next',
-            'submit',
-        ];
+        const defaultButtonOrder = ['cancel', 'previous', 'next', 'submit'];
         return (this.options.properties?.wizardButtonOrder?.toLowerCase().split(', ') ?? defaultButtonOrder);
     }
     get renderContext() {
@@ -200,7 +194,7 @@ export default class Wizard extends Webform {
             wizardNav,
             components: this.renderComponents([
                 ...this.prefixComps,
-                ...this.currentPage?.components || [],
+                ...(this.currentPage?.components || []),
                 ...this.suffixComps,
             ]),
         }, this.builderMode ? 'builder' : 'form');
@@ -262,7 +256,7 @@ export default class Wizard extends Webform {
         this.hook('attachWebform', element, this);
         const promises = this.attachComponents(this.refs[this.wizardKey], [
             ...this.prefixComps,
-            ...this.currentPage?.components || [],
+            ...(this.currentPage?.components || []),
             ...this.suffixComps,
         ]);
         this.attachNav();
@@ -414,11 +408,7 @@ export default class Wizard extends Webform {
         // Get all components including all nested components and line up in the correct order
         const getAllComponents = (nestedComp, compsArr, pushAllowed = true) => {
             const nestedPages = [];
-            const dataArrayComponents = [
-                'datagrid',
-                'editgrid',
-                'dynamicWizard',
-            ];
+            const dataArrayComponents = ['datagrid', 'editgrid', 'dynamicWizard'];
             const currentComponents = nestedComp?.subForm
                 ? this.getSortedComponents(nestedComp.subForm)
                 : nestedComp?.components || [];
@@ -537,7 +527,7 @@ export default class Wizard extends Webform {
                     const forceShow = this.shouldForceShow(item);
                     const forceHide = this.shouldForceHide(item);
                     let isVisible = !page
-                        ? (checkCondition(item, data, data, this.component, this) && !item.hidden)
+                        ? checkCondition(item, data, data, this.component, this) && !item.hidden
                         : page.visible;
                     if (forceShow) {
                         isVisible = true;
@@ -621,7 +611,7 @@ export default class Wizard extends Webform {
             this.redraw();
             return Promise.resolve();
         }
-        return Promise.reject('Page not found');
+        return Promise.reject(this.t('pageNotFound'));
     }
     pageFieldLogic(page) {
         if (this.pages?.[page]) {
@@ -674,7 +664,48 @@ export default class Wizard extends Webform {
     getPreviousPage() {
         return this.page - 1;
     }
+    renderTemplate(...args) {
+        if (args[0] === 'errorsList' && _.isPlainObject(args[1])) {
+            const pages = this.getPages({ all: true });
+            const errors = args[1].errors;
+            if (_.isArray(errors)) {
+                _.forEach(errors, (compWithError) => {
+                    const pageNum = _.findIndex(pages, (page) => page.getComponent(compWithError.keyOrPath));
+                    if (pageNum >= 0) {
+                        compWithError.errorPageTitle = _.get(pages[pageNum], 'component.title');
+                    }
+                });
+            }
+        }
+        return super.renderTemplate(...args);
+    }
+    mergeDefaultsFromSchema(data) {
+        const components = this.form?.components;
+        if (!components || !data || this.options?.readOnly) {
+            return;
+        }
+        eachComponent(components, (component, _path, _c, _parent, compPaths) => {
+            if (!component?.key ||
+                component.type === 'button' ||
+                component.persistent === 'client-only' ||
+                !component.hasOwnProperty('clearOnHide') ||
+                component.clearOnHide !== false ||
+                !component.hasOwnProperty('defaultValue')) {
+                return;
+            }
+            const modelType = getModelType(component);
+            if (modelType === 'none' || modelType === 'content' || component.input === false) {
+                return;
+            }
+            const dataPath = compPaths?.dataPath || component.key;
+            if (!dataPath || _.get(data, dataPath) != null) {
+                return;
+            }
+            _.set(data, dataPath, component.defaultValue);
+        }, true);
+    }
     beforeSubmit() {
+        this.mergeDefaultsFromSchema(this.data);
         const pages = this.getPages({ all: true });
         return Promise.all(pages.map((page) => {
             this.triggerButtonCaptcha(page);
@@ -820,9 +851,7 @@ export default class Wizard extends Webform {
                 key: 'page1',
                 components: this.component.components,
             };
-            this.component.components = [
-                newPage,
-            ];
+            this.component.components = [newPage];
             this.originalComponents.push(_.clone(newPage));
         }
     }
@@ -833,7 +862,8 @@ export default class Wizard extends Webform {
         return super.setForm(form, flags);
     }
     onSetForm(clonedForm, initialForm) {
-        this.component.components = (this.parent ? initialForm.components : clonedForm.components) || [];
+        this.component.components =
+            (this.parent ? initialForm.components : clonedForm.components) || [];
         this.setComponentSchema();
     }
     setEditMode(submission) {
@@ -865,10 +895,7 @@ export default class Wizard extends Webform {
     }
     isClickable(page, index) {
         return (this.page !== index &&
-            firstNonNil([
-                _.get(page, 'breadcrumbClickable'),
-                this.options.breadcrumbSettings.clickable,
-            ]));
+            firstNonNil([_.get(page, 'breadcrumbClickable'), this.options.breadcrumbSettings.clickable]));
     }
     hasButton(name, nextPage = this.getNextPage()) {
         // get page options with global options as default values

package/lib/mjs/WizardBuilder.js

@@ -18,9 +18,7 @@ export default class WizardBuilder extends WebformBuilder {
         options.display = 'wizard';
         super(element, options);
         this._form = {
-            components: [
-                this.getPageConfig(1),
-            ],
+            components: [this.getPageConfig(1)],
         };
         this.page = 0;
         // Need to create a component order for each group.
@@ -101,9 +99,7 @@ export default class WizardBuilder extends WebformBuilder {
         }
         if (this.pages.length === 0) {
             const components = this._form.components.filter((component) => component.type !== 'button');
-            this._form.components = [
-                this.getPageConfig(1, components),
-            ];
+            this._form.components = [this.getPageConfig(1, components)];
         }
         else {
             const components = this._form.components.filter((component) => component.type !== 'button' || component.action !== 'submit');
@@ -154,9 +150,7 @@ export default class WizardBuilder extends WebformBuilder {
             page.parentNode.dragInfo = { index };
         });
         if (this.dragulaLib) {
-            this.navigationDragula = this.dragulaLib([
-                this.element.querySelector('.wizard-pages'),
-            ], {
+            this.navigationDragula = this.dragulaLib([this.element.querySelector('.wizard-pages')], {
                 moves: (el) => !el.classList.contains('wizard-add-page'),
                 accepts: (el, target, source, sibling) => (sibling ? true : false),
             }).on('drop', this.onReorder.bind(this));
@@ -187,11 +181,7 @@ export default class WizardBuilder extends WebformBuilder {
         this.webform.setForm({
             display: 'form',
             type: 'form',
-            components: page
-                ? [
-                    page,
-                ]
-                : [],
+            components: page ? [page] : [],
             controller: this._form?.controller || '',
         }, { keepAsReference: true });
         return this.redraw();
@@ -225,7 +215,7 @@ export default class WizardBuilder extends WebformBuilder {
         const isSiblingAnAddPageButton = sibling?.classList.contains('wizard-add-page');
         // We still can paste before Add Page button
         if (!element.dragInfo || (sibling && !sibling.dragInfo && !isSiblingAnAddPageButton)) {
-            console.warn('There is no Drag Info available for either dragged or sibling element');
+            console.warn(this.t('noDragInfoError'));
             return;
         }
         const oldPosition = element.dragInfo.index;

package/lib/mjs/addons/PasswordStrength/PasswordStrengthAddon.form.js

@@ -8,9 +8,7 @@ export default [
         enableRowGroups: false,
         initEmpty: false,
         tableView: false,
-        defaultValue: [
-            {},
-        ],
+        defaultValue: [{}],
         key: 'levels',
         type: 'editgrid',
         input: true,
@@ -121,9 +119,7 @@ export default [
         enableRowGroups: false,
         initEmpty: false,
         tableView: false,
-        defaultValue: [
-            {},
-        ],
+        defaultValue: [{}],
         key: 'rulesSettings',
         type: 'datagrid',
         input: true,