@formio/js 5.2.3 → 5.2.4-rc.0

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,18 +30,23 @@ 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;
@@ -54,10 +59,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';
@@ -140,7 +145,8 @@ 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;
@@ -152,7 +158,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();
@@ -175,13 +181,18 @@ 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');
@@ -192,7 +203,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());
@@ -228,7 +239,6 @@ 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,9 +18,13 @@ 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',
@@ -28,10 +32,15 @@ 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,
@@ -39,8 +48,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',
@@ -49,7 +58,7 @@ exports.default = [
         label: 'Background Color',
         tooltip: 'The background color of the signature area.',
         placeholder: 'Background Color',
-        weight: 52
+        weight: 52,
     },
     {
         type: 'textfield',
@@ -58,7 +67,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,17 +23,22 @@ 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();
@@ -50,7 +55,7 @@ class SurveyComponent extends Field_1.default {
             }
             else {
                 this.addEventListener(input, 'change', () => this.updateValue(null, {
-                    modified: true
+                    modified: true,
                 }));
             }
         });
@@ -64,7 +69,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];
                 }
             });
         });
@@ -80,9 +85,11 @@ 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;
@@ -96,7 +103,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;
                 }
@@ -124,7 +131,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>
@@ -133,19 +140,25 @@ 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;
@@ -155,8 +168,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,13 +13,15 @@ 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',
@@ -27,7 +29,11 @@ exports.default = [
                 input: true,
                 type: 'textfield',
                 allowCalculateOverride: true,
-                calculateValue: { _camelCase: [{ var: 'row.label' }] }
+                calculateValue: {
+                    _camelCase: [
+                        { var: 'row.label' },
+                    ],
+                },
             },
             {
                 label: 'Tooltip',
@@ -35,23 +41,25 @@ 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',
@@ -59,7 +67,11 @@ exports.default = [
                 input: true,
                 type: 'textfield',
                 allowCalculateOverride: true,
-                calculateValue: { _camelCase: [{ var: 'row.label' }] }
+                calculateValue: {
+                    _camelCase: [
+                        { var: 'row.label' },
+                    ],
+                },
             },
             {
                 label: 'Tooltip',
@@ -67,6 +79,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,7 +108,9 @@ 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);
         }
@@ -135,7 +137,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;
@@ -150,7 +152,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) {

package/lib/cjs/components/table/editForm/Table.edit.display.js

@@ -3,39 +3,39 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'labelPosition',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'placeholder',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'description',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'autofocus',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tooltip',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tabindex',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'disabled',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tableView',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'hideLabel',
-        ignore: true
+        ignore: true,
     },
     {
         weight: 0,
@@ -46,10 +46,10 @@ exports.default = [
         placeholder: 'Field Label',
         tooltip: 'The label for this field.',
         validate: {
-            required: true
+            required: true,
         },
         autofocus: true,
-        overrideEditForm: true
+        overrideEditForm: true,
     },
     {
         type: 'number',
@@ -58,7 +58,7 @@ exports.default = [
         input: true,
         weight: 1,
         placeholder: 'Number of Rows',
-        tooltip: 'Enter the number or rows that should be displayed by this table.'
+        tooltip: 'Enter the number or rows that should be displayed by this table.',
     },
     {
         type: 'number',
@@ -67,7 +67,7 @@ exports.default = [
         input: true,
         weight: 2,
         placeholder: 'Number of Columns',
-        tooltip: 'Enter the number or columns that should be displayed by this table.'
+        tooltip: 'Enter the number or columns that should be displayed by this table.',
     },
     {
         type: 'checkbox',
@@ -75,7 +75,7 @@ exports.default = [
         key: 'cloneRows',
         input: true,
         weight: 3,
-        tooltip: 'Check this if you would like to \'clone\' the first row of components to all additional empty rows of the table.'
+        tooltip: "Check this if you would like to 'clone' the first row of components to all additional empty rows of the table.",
     },
     {
         type: 'select',
@@ -88,11 +88,11 @@ exports.default = [
             values: [
                 { label: 'Left', value: 'left' },
                 { label: 'Center', value: 'center' },
-                { label: 'Right', value: 'right' }
-            ]
+                { label: 'Right', value: 'right' },
+            ],
         },
         defaultValue: 'left',
-        weight: 3
+        weight: 3,
     },
     {
         type: 'checkbox',
@@ -100,7 +100,7 @@ exports.default = [
         key: 'striped',
         tooltip: 'This will stripe the table if checked.',
         input: true,
-        weight: 701
+        weight: 701,
     },
     {
         type: 'checkbox',
@@ -108,7 +108,7 @@ exports.default = [
         key: 'bordered',
         input: true,
         tooltip: 'This will border the table if checked.',
-        weight: 702
+        weight: 702,
     },
     {
         type: 'checkbox',
@@ -116,7 +116,7 @@ exports.default = [
         key: 'hover',
         input: true,
         tooltip: 'Highlight a row on hover.',
-        weight: 703
+        weight: 703,
     },
     {
         type: 'checkbox',
@@ -124,10 +124,10 @@ exports.default = [
         key: 'condensed',
         input: true,
         tooltip: 'Condense the size of the table.',
-        weight: 704
+        weight: 704,
     },
     {
         key: 'hideLabel',
-        ignore: true
+        ignore: true,
     },
 ];