@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/cjs/components/selectboxes/editForm/SelectBoxes.edit.validation.js

@@ -7,7 +7,7 @@ exports.default = [
         key: 'validate.minSelectedCount',
         label: 'Minimum checked number',
         tooltip: 'Minimum checkboxes required before form can be submitted.',
-        weight: 250,
+        weight: 250
     },
     {
         type: 'number',
@@ -15,7 +15,7 @@ exports.default = [
         key: 'validate.maxSelectedCount',
         label: 'Maximum checked number',
         tooltip: 'Maximum checkboxes possible before form can be submitted.',
-        weight: 250,
+        weight: 250
     },
     {
         type: 'textfield',
@@ -23,7 +23,7 @@ exports.default = [
         key: 'minSelectedCountMessage',
         label: 'Minimum checked error message',
         tooltip: 'Error message displayed if minimum number of items not checked.',
-        weight: 250,
+        weight: 250
     },
     {
         type: 'textfield',
@@ -31,6 +31,6 @@ exports.default = [
         key: 'maxSelectedCountMessage',
         label: 'Maximum checked error message',
         tooltip: 'Error message displayed if maximum number of items checked.',
-        weight: 250,
-    },
+        weight: 250
+    }
 ];

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

@@ -16,15 +16,15 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'display',
-            components: Signature_edit_display_1.default,
+            components: Signature_edit_display_1.default
         },
         {
             key: 'data',
-            components: Signature_edit_data_1.default,
+            components: Signature_edit_data_1.default
         },
         {
             key: 'validation',
-            components: Signature_edit_validation_1.default,
+            components: Signature_edit_validation_1.default
         },
     ], ...extend);
 }

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

@@ -30,23 +30,18 @@ class SignatureComponent extends Input_1.default {
             icon: 'pencil',
             weight: 120,
             documentation: '/developers/integrations/esign/esign-integrations#signature-component',
-            schema: SignatureComponent.schema(),
+            schema: SignatureComponent.schema()
         };
     }
     static get serverConditionSettings() {
         return SignatureComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                'isEmpty',
-                'isNotEmpty',
-            ] });
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
     }
     static savedValueTypes(schema) {
         schema = schema || {};
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.string,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.string];
     }
     init() {
         var _a, _b, _c, _d, _e;
@@ -59,10 +54,10 @@ class SignatureComponent extends Input_1.default {
         if (!this.component.height) {
             this.component.height = '200px';
         }
-        if (this.component.keepOverlayRatio &&
-            ((_a = this.options) === null || _a === void 0 ? void 0 : _a.display) === 'pdf' &&
-            ((_b = this.component.overlay) === null || _b === void 0 ? void 0 : _b.width) &&
-            ((_c = this.component.overlay) === null || _c === void 0 ? void 0 : _c.height)) {
+        if (this.component.keepOverlayRatio
+            && ((_a = this.options) === null || _a === void 0 ? void 0 : _a.display) === 'pdf'
+            && ((_b = this.component.overlay) === null || _b === void 0 ? void 0 : _b.width)
+            && ((_c = this.component.overlay) === null || _c === void 0 ? void 0 : _c.height)) {
             this.ratio = ((_d = this.component.overlay) === null || _d === void 0 ? void 0 : _d.width) / ((_e = this.component.overlay) === null || _e === void 0 ? void 0 : _e.height);
             this.component.width = '100%';
             this.component.height = 'auto';
@@ -87,6 +82,7 @@ class SignatureComponent extends Input_1.default {
         return this.component.hideLabel;
     }
     setValue(value, flags = {}) {
+        var _a;
         const changed = super.setValue(value, flags);
         if (this.refs.signatureImage && (this.options.readOnly || this.disabled)) {
             this.refs.signatureImage.setAttribute('src', value);
@@ -97,7 +93,7 @@ class SignatureComponent extends Input_1.default {
                 this.signaturePad.clear();
             }
             else if (changed) {
-                this.triggerChange();
+                (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
             }
         }
         if (this.signaturePad && this.dataValue && this.signaturePad.isEmpty()) {
@@ -145,8 +141,7 @@ class SignatureComponent extends Input_1.default {
         }
     }
     checkSize(force, scale) {
-        if (this.refs.padBody &&
-            (force || (this.refs.padBody && this.refs.padBody.offsetWidth !== this.currentWidth))) {
+        if (this.refs.padBody && (force || this.refs.padBody && this.refs.padBody.offsetWidth !== this.currentWidth)) {
             this.scale = force ? scale : this.scale;
             this.currentWidth = this.refs.padBody.offsetWidth;
             const width = this.currentWidth * this.scale;
@@ -158,7 +153,7 @@ class SignatureComponent extends Input_1.default {
             this.refs.canvas.style.maxHeight = `${maxHeight}px`;
             const ctx = this.refs.canvas.getContext('2d');
             ctx.setTransform(1, 0, 0, 1, 0, 0);
-            ctx.scale(1 / this.scale, 1 / this.scale);
+            ctx.scale((1 / this.scale), (1 / this.scale));
             ctx.fillStyle = this.signaturePad.backgroundColor;
             ctx.fillRect(0, 0, this.refs.canvas.width, this.refs.canvas.height);
             this.signaturePad.clear();
@@ -181,18 +176,13 @@ class SignatureComponent extends Input_1.default {
     }
     getModalPreviewTemplate() {
         return this.renderModalPreview({
-            previewText: this.dataValue
-                ? `<img src=${this.dataValue} ${this._referenceAttributeName}='openModal' style="width: 100%;height: 100%;" />`
-                : this.t('Click to Sign'),
+            previewText: this.dataValue ?
+                `<img src=${this.dataValue} ${this._referenceAttributeName}='openModal' style="width: 100%;height: 100%;" />` :
+                this.t('Click to Sign')
         });
     }
     attach(element) {
-        this.loadRefs(element, {
-            canvas: 'single',
-            refresh: 'single',
-            padBody: 'single',
-            signatureImage: 'single',
-        });
+        this.loadRefs(element, { canvas: 'single', refresh: 'single', padBody: 'single', signatureImage: 'single' });
         const superAttach = super.attach(element);
         if (this.refs.refresh && this.options.readOnly) {
             this.refs.refresh.classList.add('disabled');
@@ -203,7 +193,7 @@ class SignatureComponent extends Input_1.default {
                 minWidth: this.component.minWidth,
                 maxWidth: this.component.maxWidth,
                 penColor: this.component.penColor,
-                backgroundColor: this.component.backgroundColor,
+                backgroundColor: this.component.backgroundColor
             });
             this.signaturePad.addEventListener('endStroke', () => this.setValue(this.signaturePad.toDataURL()));
             this.refs.signatureImage.setAttribute('src', this.signaturePad.toDataURL());
@@ -239,6 +229,7 @@ class SignatureComponent extends Input_1.default {
         this.setValue(this.dataValue);
         return superAttach;
     }
+    /* eslint-enable max-statements */
     detach() {
         if (this.observer) {
             this.observer.disconnect();

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

@@ -8,7 +8,7 @@ exports.default = [
         label: 'Footer Label',
         tooltip: 'The footer text that appears below the signature area.',
         placeholder: 'Footer Label',
-        weight: 10,
+        weight: 10
     },
     {
         type: 'textfield',
@@ -18,13 +18,9 @@ exports.default = [
         tooltip: 'The width of the signature area.',
         placeholder: 'Width',
         conditional: {
-            json: {
-                '!': [
-                    { var: 'data.keepOverlayRatio' },
-                ],
-            },
+            json: { '!': [{ var: 'data.keepOverlayRatio' }] },
         },
-        weight: 50,
+        weight: 50
     },
     {
         type: 'textfield',
@@ -32,15 +28,10 @@ exports.default = [
         key: 'height',
         label: 'Height',
         tooltip: 'The height of the signature area.',
-        placeholder: 'Height',
-        conditional: {
-            json: {
-                '!': [
-                    { var: 'data.keepOverlayRatio' },
-                ],
-            },
+        placeholder: 'Height', conditional: {
+            json: { '!': [{ var: 'data.keepOverlayRatio' }] },
         },
-        weight: 51,
+        weight: 51
     },
     {
         weight: 52,
@@ -48,8 +39,8 @@ 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,
+        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
     },
     {
         type: 'textfield',
@@ -58,7 +49,7 @@ exports.default = [
         label: 'Background Color',
         tooltip: 'The background color of the signature area.',
         placeholder: 'Background Color',
-        weight: 52,
+        weight: 52
     },
     {
         type: 'textfield',
@@ -67,7 +58,7 @@ exports.default = [
         label: 'Pen Color',
         tooltip: 'The ink color for the signature area.',
         placeholder: 'Pen Color',
-        weight: 53,
+        weight: 53
     },
     {
         key: 'placeholder',

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

@@ -16,15 +16,15 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'display',
-            components: Survey_edit_display_1.default,
+            components: Survey_edit_display_1.default
         },
         {
             key: 'data',
-            components: Survey_edit_data_1.default,
+            components: Survey_edit_data_1.default
         },
         {
             key: 'validation',
-            components: Survey_edit_validation_1.default,
+            components: Survey_edit_validation_1.default
         },
     ], ...extend);
 }

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

@@ -13,7 +13,7 @@ class SurveyComponent extends Field_1.default {
             label: 'Survey',
             key: 'survey',
             questions: [],
-            values: [],
+            values: []
         }, ...extend);
     }
     static get builderInfo() {
@@ -23,22 +23,17 @@ class SurveyComponent extends Field_1.default {
             icon: 'list',
             weight: 110,
             documentation: '/userguide/form-building/advanced-components#survey',
-            schema: SurveyComponent.schema(),
+            schema: SurveyComponent.schema()
         };
     }
     static get serverConditionSettings() {
         return SurveyComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                'isEmpty',
-                'isNotEmpty',
-            ] });
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
     }
     static savedValueTypes(schema) {
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.object,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];
     }
     get defaultSchema() {
         return SurveyComponent.schema();
@@ -55,7 +50,7 @@ class SurveyComponent extends Field_1.default {
             }
             else {
                 this.addEventListener(input, 'change', () => this.updateValue(null, {
-                    modified: true,
+                    modified: true
                 }));
             }
         });
@@ -69,7 +64,7 @@ class SurveyComponent extends Field_1.default {
         lodash_1.default.each(this.component.questions, (question) => {
             lodash_1.default.each(this.refs.input, (input) => {
                 if (input.name === this.getInputName(question)) {
-                    input.checked = input.value === value[question.value];
+                    input.checked = (input.value === value[question.value]);
                 }
             });
         });
@@ -85,11 +80,9 @@ class SurveyComponent extends Field_1.default {
     get defaultValue() {
         const defaultValue = super.defaultValue;
         //support for default values created in old formio.js versions
-        if (defaultValue &&
-            !lodash_1.default.isObject(defaultValue) &&
-            this.component.values.some((value) => value.value === defaultValue)) {
+        if (defaultValue && !lodash_1.default.isObject(defaultValue) && this.component.values.some(value => value.value === defaultValue)) {
             const adoptedDefaultValue = {};
-            this.component.questions.forEach((question) => {
+            this.component.questions.forEach(question => {
                 adoptedDefaultValue[question.value] = defaultValue;
             });
             return adoptedDefaultValue;
@@ -103,7 +96,7 @@ class SurveyComponent extends Field_1.default {
         const value = {};
         lodash_1.default.each(this.component.questions, (question) => {
             lodash_1.default.each(this.refs.input, (input) => {
-                if (input.checked && input.name === this.getInputName(question)) {
+                if (input.checked && (input.name === this.getInputName(question))) {
                     value[question.value] = input.value;
                     return false;
                 }
@@ -131,7 +124,7 @@ class SurveyComponent extends Field_1.default {
     }
     getValueAsString(value, options) {
         if (options === null || options === void 0 ? void 0 : options.email) {
-            let result = `
+            let result = (`
         <table border="1" style="width:100%">
           <thead>
             <tr>
@@ -140,25 +133,19 @@ class SurveyComponent extends Field_1.default {
             </tr>
           </thead>
           <tbody>
-      `;
+      `);
             lodash_1.default.forIn(value, (value, key) => {
-                const question = lodash_1.default.find(this.component.questions, [
-                    'value',
-                    key,
-                ]);
-                const answer = lodash_1.default.find(this.component.values, [
-                    'value',
-                    value,
-                ]);
+                const question = lodash_1.default.find(this.component.questions, ['value', key]);
+                const answer = lodash_1.default.find(this.component.values, ['value', value]);
                 if (!question || !answer) {
                     return;
                 }
-                result += `
+                result += (`
             <tr>
               <td style="text-align:center;padding: 5px 10px;">${question.label}</td>
               <td style="text-align:center;padding: 5px 10px;">${answer.label}</td>
             </tr>
-          `;
+          `);
             });
             result += '</tbody></table>';
             return result;
@@ -168,8 +155,8 @@ class SurveyComponent extends Field_1.default {
             return lodash_1.default.isEmpty(value)
                 ? ''
                 : lodash_1.default.map(value, (v, q) => {
-                    const valueLabel = lodash_1.default.get(lodash_1.default.find(values, (val) => lodash_1.default.isEqual(val.value, v)), 'label', v);
-                    const questionLabel = lodash_1.default.get(lodash_1.default.find(questions, (quest) => lodash_1.default.isEqual(quest.value, q)), 'label', q);
+                    const valueLabel = lodash_1.default.get(lodash_1.default.find(values, val => lodash_1.default.isEqual(val.value, v)), 'label', v);
+                    const questionLabel = lodash_1.default.get(lodash_1.default.find(questions, quest => lodash_1.default.isEqual(quest.value, q)), 'label', q);
                     return `${questionLabel}: ${valueLabel}`;
                 }).join('; ');
         }

package/lib/cjs/components/survey/editForm/Survey.edit.data.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'multiple',
-        ignore: true,
+        ignore: true
     },
     {
         type: 'datagrid',
@@ -13,15 +13,13 @@ exports.default = [
         tooltip: 'The questions you would like to ask in this survey question.',
         weight: 0,
         reorder: true,
-        defaultValue: [
-            { label: '', value: '' },
-        ],
+        defaultValue: [{ label: '', value: '' }],
         components: [
             {
                 label: 'Label',
                 key: 'label',
                 input: true,
-                type: 'textfield',
+                type: 'textfield'
             },
             {
                 label: 'Value',
@@ -29,11 +27,7 @@ exports.default = [
                 input: true,
                 type: 'textfield',
                 allowCalculateOverride: true,
-                calculateValue: {
-                    _camelCase: [
-                        { var: 'row.label' },
-                    ],
-                },
+                calculateValue: { _camelCase: [{ var: 'row.label' }] }
             },
             {
                 label: 'Tooltip',
@@ -41,25 +35,23 @@ exports.default = [
                 input: true,
                 type: 'textfield',
             },
-        ],
+        ]
     },
     {
         type: 'datagrid',
         input: true,
         label: 'Values',
         key: 'values',
-        tooltip: "The values that can be selected per question. Example: 'Satisfied', 'Very Satisfied', etc.",
+        tooltip: 'The values that can be selected per question. Example: \'Satisfied\', \'Very Satisfied\', etc.',
         weight: 1,
         reorder: true,
-        defaultValue: [
-            { label: '', value: '' },
-        ],
+        defaultValue: [{ label: '', value: '' }],
         components: [
             {
                 label: 'Label',
                 key: 'label',
                 input: true,
-                type: 'textfield',
+                type: 'textfield'
             },
             {
                 label: 'Value',
@@ -67,11 +59,7 @@ exports.default = [
                 input: true,
                 type: 'textfield',
                 allowCalculateOverride: true,
-                calculateValue: {
-                    _camelCase: [
-                        { var: 'row.label' },
-                    ],
-                },
+                calculateValue: { _camelCase: [{ var: 'row.label' }] }
             },
             {
                 label: 'Tooltip',
@@ -79,6 +67,6 @@ exports.default = [
                 input: true,
                 type: 'textfield',
             },
-        ],
-    },
+        ]
+    }
 ];

package/lib/cjs/components/survey/editForm/Survey.edit.display.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
 ];

package/lib/cjs/components/survey/editForm/Survey.edit.validation.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'validateOn',
-        ignore: true,
+        ignore: true
     },
 ];

package/lib/cjs/components/table/Table.form.js

@@ -14,7 +14,7 @@ function default_1(...extend) {
     return (0, NestedComponent_form_1.default)([
         {
             key: 'display',
-            components: Table_edit_display_1.default,
+            components: Table_edit_display_1.default
         },
     ], ...extend);
 }

package/lib/cjs/components/table/Table.js

@@ -34,7 +34,7 @@ class TableComponent extends NestedComponent_1.default {
             bordered: false,
             hover: false,
             condensed: false,
-            persistent: false,
+            persistent: false
         }, ...extend);
     }
     static get builderInfo() {
@@ -45,7 +45,7 @@ class TableComponent extends NestedComponent_1.default {
             weight: 40,
             documentation: '/userguide/form-building/layout-components#table',
             showPreview: false,
-            schema: TableComponent.schema(),
+            schema: TableComponent.schema()
         };
     }
     static savedValueTypes() {
@@ -108,9 +108,7 @@ class TableComponent extends NestedComponent_1.default {
         for (let rowIndex = 0; rowIndex < this.component.numRows; rowIndex++) {
             this.component.rows[rowIndex] = this.component.rows[rowIndex] || [];
             for (let colIndex = 0; colIndex < this.component.numCols; colIndex++) {
-                this.component.rows[rowIndex][colIndex] = this.component.rows[rowIndex][colIndex] || {
-                    components: [],
-                };
+                this.component.rows[rowIndex][colIndex] = this.component.rows[rowIndex][colIndex] || { components: [] };
             }
             this.component.rows[rowIndex] = this.component.rows[rowIndex].slice(0, this.component.numCols);
         }
@@ -120,6 +118,7 @@ class TableComponent extends NestedComponent_1.default {
         lodash_1.default.each(this.component.rows, (row, rowIndex) => {
             this.table[rowIndex] = [];
             lodash_1.default.each(row, (column, colIndex) => {
+                var _a;
                 this.table[rowIndex][colIndex] = [];
                 if (this.component.cloneRows) {
                     if (column.components.length) {
@@ -127,7 +126,7 @@ class TableComponent extends NestedComponent_1.default {
                     }
                     else if (lastNonEmptyRow[colIndex]) {
                         column.components = lodash_1.default.cloneDeep(lastNonEmptyRow[colIndex].components);
-                        builder_1.default.uniquify(this.root._form.components, column);
+                        builder_1.default.uniquify((_a = this.root) === null || _a === void 0 ? void 0 : _a._form.components, column);
                     }
                 }
                 lodash_1.default.each(column.components, (comp) => {
@@ -137,7 +136,7 @@ class TableComponent extends NestedComponent_1.default {
                         columnComponent = comp;
                     }
                     else {
-                        columnComponent = Object.assign(Object.assign({}, comp), { id: comp.id + rowIndex });
+                        columnComponent = Object.assign(Object.assign({}, comp), { id: (comp.id + rowIndex) });
                     }
                     const component = this.createComponent(columnComponent);
                     component.tableRow = rowIndex;
@@ -152,7 +151,7 @@ class TableComponent extends NestedComponent_1.default {
             cellClassName: this.cellClassName,
             tableKey: this.tableKey,
             colWidth: this.colWidth,
-            tableComponents: this.table.map((row) => row.map((column) => this.renderComponents(column))),
+            tableComponents: this.table.map(row => row.map(column => this.renderComponents(column)))
         }));
     }
     attach(element) {