@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/mjs/PDF.js

@@ -11,10 +11,10 @@ export default class PDF extends Webform {
         super.init();
         // Handle an iframe submission.
         this.on('iframe-submission', (submission) => this.setValue(submission, {
-            fromIframe: true
+            fromIframe: true,
         }), true);
         this.on('iframe-change', (submission) => this.setValue(submission, {
-            fromIframe: true
+            fromIframe: true,
         }), true);
         this.on('iframe-getIframePositions', (query) => {
             const iframe = document.getElementById(`iframe-${query.formId}`);
@@ -25,10 +25,10 @@ export default class PDF extends Webform {
                     data: {
                         formId: query.formId,
                         iframe: {
-                            top: iframeBoundingClientRect.top
+                            top: iframeBoundingClientRect.top,
                         },
-                        scrollY: window.scrollY || window.pageYOffset
-                    }
+                        scrollY: window.scrollY || window.pageYOffset,
+                    },
                 });
             }
         });
@@ -45,12 +45,12 @@ export default class PDF extends Webform {
             label: 'Submit',
             key: 'submit',
             ref: 'button',
-            hidden: this.isSubmitButtonHidden()
+            hidden: this.isSubmitButtonHidden(),
         });
         return this.renderTemplate('pdf', {
             submitButton: this.submitButton.render(),
             classes: 'formio-form-pdf',
-            children: this.renderComponents()
+            children: this.renderComponents(),
         });
     }
     redraw() {
@@ -88,7 +88,7 @@ export default class PDF extends Webform {
                 buttonMessage: 'single',
                 zoomIn: 'single',
                 zoomOut: 'single',
-                iframeContainer: 'single'
+                iframeContainer: 'single',
             });
             this.submitButton.refs = { ...this.refs };
             this.submitButton.attachButton();
@@ -102,7 +102,7 @@ export default class PDF extends Webform {
                 src: this.getSrc(),
                 id: `iframe-${this.id}`,
                 seamless: true,
-                class: 'formio-iframe'
+                class: 'formio-iframe',
             });
             this.iframeElement.formioContainer = this.component.components;
             this.iframeElement.formioComponent = this;
@@ -114,7 +114,7 @@ export default class PDF extends Webform {
             this.form.projectUrl = Formio.getProjectUrl();
             this.postMessage({ name: 'form', data: this.form });
             // Hide the submit button if the associated component is hidden
-            const submitButton = this.components.find(c => c.element === this.refs.button);
+            const submitButton = this.components.find((c) => c.element === this.refs.button);
             if (submitButton) {
                 this.refs.button.classList.toggle('hidden', !submitButton.visible);
             }
@@ -160,7 +160,9 @@ export default class PDF extends Webform {
             return '';
         }
         let iframeSrc = `${this._form.settings.pdf.src}.html`;
-        const params = [`id=${this.id}`];
+        const params = [
+            `id=${this.id}`,
+        ];
         if (this.options.showCheckboxBackground || this._form.settings.showCheckboxBackground) {
             params.push('checkboxbackground=1');
         }
@@ -215,7 +217,9 @@ export default class PDF extends Webform {
             message.type = 'iframe-data';
         }
         this.iframeReady.then(() => {
-            if (this.iframeElement && this.iframeElement.contentWindow && !(message.name === 'form' && this.iframeFormSetUp)) {
+            if (this.iframeElement &&
+                this.iframeElement.contentWindow &&
+                !(message.name === 'form' && this.iframeFormSetUp)) {
                 this.iframeElement.contentWindow.postMessage(JSON.stringify(message), '*');
                 this.iframeFormSetUp = message.name === 'form';
             }
@@ -251,8 +255,7 @@ export default class PDF extends Webform {
     isSubmitButtonHidden() {
         let hidden = false;
         eachComponent(this.component.components, (component) => {
-            if ((component.type === 'button') &&
-                ((component.action === 'submit') || !component.action)) {
+            if (component.type === 'button' && (component.action === 'submit' || !component.action)) {
                 hidden = component.hidden || false;
             }
         });
@@ -268,7 +271,7 @@ if (typeof window !== 'undefined') {
         try {
             eventData = JSON.parse(event.data);
         }
-        catch (err) {
+        catch (ignoreErr) {
             eventData = null;
         }
         // If this form exists, then emit the event within this form.

package/lib/mjs/PDFBuilder.js

@@ -45,15 +45,15 @@ export default class PDFBuilder extends WebformBuilder {
                     datetime: true,
                     file: true,
                     htmlelement: true,
-                    signrequestsignature: true
-                }
+                    signrequestsignature: true,
+                },
             },
             basic: false,
             advanced: false,
             layout: false,
             data: false,
             premium: false,
-            resource: false
+            resource: false,
         };
     }
     get hasPDF() {
@@ -81,13 +81,11 @@ export default class PDFBuilder extends WebformBuilder {
                         group,
                         groupKey: group.key,
                         groupId: `group-container-${groupKey}`,
-                        subgroups: []
+                        subgroups: [],
                     })),
                 })),
             }),
-            form: this.hasPDF ?
-                this.webform.render() :
-                this.renderTemplate('pdfBuilderUpload', {})
+            form: this.hasPDF ? this.webform.render() : this.renderTemplate('pdfBuilderUpload', {}),
         });
         return result;
     }
@@ -95,13 +93,13 @@ export default class PDFBuilder extends WebformBuilder {
         // PDF Upload
         if (!this.hasPDF) {
             this.loadRefs(element, {
-                'fileDrop': 'single',
-                'fileBrowse': 'single',
-                'hiddenFileInputElement': 'single',
-                'uploadError': 'single',
-                'uploadProgress': 'single',
-                'uploadProgressWrapper': 'single',
-                'dragDropText': 'single'
+                fileDrop: 'single',
+                fileBrowse: 'single',
+                hiddenFileInputElement: 'single',
+                uploadError: 'single',
+                uploadProgress: 'single',
+                uploadProgressWrapper: 'single',
+                dragDropText: 'single',
             });
             this.addEventListener(this.refs['pdf-upload-button'], 'click', (event) => {
                 event.preventDefault();
@@ -157,7 +155,7 @@ export default class PDFBuilder extends WebformBuilder {
             this.loadRefs(this.element, {
                 iframeDropzone: 'single',
                 'sidebar-container': 'multiple',
-                'sidebar': 'single',
+                sidebar: 'single',
             });
             this.afterAttach();
             return this.element;
@@ -190,7 +188,8 @@ export default class PDFBuilder extends WebformBuilder {
         if (this.refs.uploadProgressWrapper) {
             this.refs.uploadProgressWrapper.style.display = 'inherit';
         }
-        formio.uploadFile('url', file, file, '', (event) => {
+        formio
+            .uploadFile('url', file, file, '', (event) => {
             if (this.refs.uploadProgress) {
                 const progress = Math.floor((event.loaded / event.total) * 100);
                 this.refs.uploadProgress.style.width = `${progress}%`;
@@ -222,8 +221,10 @@ export default class PDFBuilder extends WebformBuilder {
             }
             _.set(this.webform.form, 'settings.pdf', {
                 id: result.data.file,
-                src: result.data.filesServer ? `${result.data.filesServer}${result.data.path}` : `${new URL(this.projectUrl).origin}/pdf-proxy${result.data.path}`,
-                nonFillableConversionUsed: autoConversionComponentsAssigned && result.data.formfields.nonFillableConversionUsed
+                src: result.data.filesServer
+                    ? `${result.data.filesServer}${result.data.path}`
+                    : `${new URL(this.projectUrl).origin}/pdf-proxy${result.data.path}`,
+                nonFillableConversionUsed: autoConversionComponentsAssigned && result.data.formfields.nonFillableConversionUsed,
             });
             this.emit('pdfUploaded', result.data);
             this.redraw();
@@ -244,7 +245,10 @@ export default class PDFBuilder extends WebformBuilder {
         this.webform = new PDF(this.element, options);
         this.webform.on('attach', () => {
             // If the dropzone exists but has been removed in a PDF rebuild, reinstate it
-            if (this.refs.iframeDropzone && ![...this.refs.form.children].includes(this.refs.iframeDropzone)) {
+            if (this.refs.iframeDropzone &&
+                ![
+                    ...this.refs.form.children,
+                ].includes(this.refs.iframeDropzone)) {
                 this.prependTo(this.refs.iframeDropzone, this.refs.form);
             }
         });
@@ -275,14 +279,14 @@ export default class PDFBuilder extends WebformBuilder {
         return {
             formioComponent: component.parent,
             formioContainer: container,
-            originalComponent
+            originalComponent,
         };
     }
     initIframeEvents() {
         this.webform.off('iframe-elementUpdate');
         this.webform.off('iframe-componentUpdate');
         this.webform.off('iframe-componentClick');
-        this.webform.on('iframe-elementUpdate', schema => {
+        this.webform.on('iframe-elementUpdate', (schema) => {
             const component = this.webform.getComponentById(schema.id);
             if (component && component.component) {
                 const isNew = true;
@@ -291,16 +295,18 @@ export default class PDFBuilder extends WebformBuilder {
                     left: schema.left,
                     top: schema.top,
                     height: schema.height,
-                    width: schema.width
+                    width: schema.width,
                 };
-                if (!this.options.noNewEdit && !component.component.noNewEdit && this.hasEditTabs(component.type)) {
+                if (!this.options.noNewEdit &&
+                    !component.component.noNewEdit &&
+                    this.hasEditTabs(component.type)) {
                     this.editComponent(component.component, this.getParentContainer(component), isNew);
                 }
                 this.emit('updateComponent', component.component);
             }
             return component;
         });
-        this.webform.on('iframe-componentUpdate', schema => {
+        this.webform.on('iframe-componentUpdate', (schema) => {
             const component = this.webform.getComponentById(schema.id);
             if (component && component.component) {
                 component.component.overlay = {
@@ -308,14 +314,14 @@ export default class PDFBuilder extends WebformBuilder {
                     left: schema.overlay.left,
                     top: schema.overlay.top,
                     height: schema.overlay.height,
-                    width: schema.overlay.width
+                    width: schema.overlay.width,
                 };
                 this.emit('updateComponent', component.component);
                 this.emit('change', this.form);
             }
             return component;
         });
-        this.webform.on('iframe-componentClick', schema => {
+        this.webform.on('iframe-componentClick', (schema) => {
             const component = this.webform.getComponentById(schema.id);
             if (component && this.hasEditTabs(component.type)) {
                 this.editComponent(component.component, this.getParentContainer(component));
@@ -357,8 +363,10 @@ export default class PDFBuilder extends WebformBuilder {
         if (!this.refs['sidebar-container']) {
             return;
         }
-        this.refs['sidebar-container'].forEach(container => {
-            [...container.children].forEach(el => {
+        this.refs['sidebar-container'].forEach((container) => {
+            [
+                ...container.children,
+            ].forEach((el) => {
                 el.draggable = true;
                 el.setAttribute('draggable', true);
                 this.removeEventListener(el, 'dragstart');
@@ -376,8 +384,10 @@ export default class PDFBuilder extends WebformBuilder {
             return;
         }
         const iframeRect = getElementRect(this.webform.refs.iframeContainer);
-        this.refs.iframeDropzone.style.height = iframeRect && iframeRect.height ? `${iframeRect.height}px` : '1000px';
-        this.refs.iframeDropzone.style.width = iframeRect && iframeRect.width ? `${iframeRect.width}px` : '100%';
+        this.refs.iframeDropzone.style.height =
+            iframeRect && iframeRect.height ? `${iframeRect.height}px` : '1000px';
+        this.refs.iframeDropzone.style.width =
+            iframeRect && iframeRect.width ? `${iframeRect.width}px` : '100%';
     }
     onDragStart(e) {
         // Taking the current offset of a dragged item relative to the cursor
@@ -408,8 +418,11 @@ export default class PDFBuilder extends WebformBuilder {
         // If there hasn't been a drop event on the dropzone, we're done
         if (!this.dropEvent) {
             // a 'drop' event may not be emited in the chrome browser when using a Mac, therefore an additional check has been added
-            // eslint-disable-next-line no-undef
-            if (!this.dropEmitted && (getBrowserInfo().chrome || getBrowserInfo().edge) && globalThis.navigator.userAgentData.platform === 'macOS' && iframeRect.left < e.clientX && iframeRect.top < e.clientY) {
+            if (!this.dropEmitted &&
+                (getBrowserInfo().chrome || getBrowserInfo().edge) &&
+                globalThis.navigator.userAgentData.platform === 'macOS' &&
+                iframeRect.left < e.clientX &&
+                iframeRect.top < e.clientY) {
                 this.dropEvent = e;
                 this.dropEvent.dataTransfer.effectAllowed = 'all';
                 this.dropEmitted = true;
@@ -431,10 +444,12 @@ export default class PDFBuilder extends WebformBuilder {
         BuilderUtils.uniquify(this.webform._form?.components || [], schema);
         this.webform._form.components.push(schema);
         schema.overlay = {
-            top: layerY ? (layerY - this.itemOffsetY + HEIGHT) : (e.clientY - iframeRect.top - (this.itemOffsetY - HEIGHT) * 2),
-            left: layerX ? (layerX - this.itemOffsetX) : (e.clientX - iframeRect.left - this.itemOffsetX * 2),
+            top: layerY
+                ? layerY - this.itemOffsetY + HEIGHT
+                : e.clientY - iframeRect.top - (this.itemOffsetY - HEIGHT) * 2,
+            left: layerX ? layerX - this.itemOffsetX : e.clientX - iframeRect.left - this.itemOffsetX * 2,
             width: WIDTH,
-            height: HEIGHT
+            height: HEIGHT,
         };
         this.webform.addComponent(schema, {}, null, true);
         this.webform.postMessage({ name: 'addElement', data: schema });
@@ -466,7 +481,7 @@ export default class PDFBuilder extends WebformBuilder {
                     data: {
                         compId: comp.component.id,
                         errorMessage: `API Key is not unique: ${comp.key}`,
-                    }
+                    },
                 });
             }
         });