@formio/js 5.4.0 → 5.4.2

package/lib/cjs/components/select/editForm/Select.edit.data.js

@@ -71,10 +71,7 @@ exports.default = [
         tooltip: 'The name of the indexeddb database.',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'indexeddb',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'indexeddb'],
             },
         },
     },
@@ -87,10 +84,7 @@ exports.default = [
         tooltip: 'The name of table in the indexeddb database.',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'indexeddb',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'indexeddb'],
             },
         },
     },
@@ -106,10 +100,7 @@ exports.default = [
         defaultValue: {},
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'indexeddb',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'indexeddb'],
             },
         },
     },
@@ -125,10 +116,7 @@ exports.default = [
         description: '<div>Example: <pre>["apple", "banana", "orange"].</pre></div> <div>Example 2: <pre>[{"name": "John", "email": "john.doe@test.com"}, {"name": "Jane", "email": "jane.doe@test.com"}].</pre></div>',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'json',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'json'],
             },
         },
     },
@@ -144,19 +132,10 @@ exports.default = [
             json: {
                 and: [
                     {
-                        in: [
-                            { var: 'data.dataSrc' },
-                            [
-                                'resource',
-                                'url',
-                            ],
-                        ],
+                        in: [{ var: 'data.dataSrc' }, ['resource', 'url']],
                     },
                     {
-                        '!==': [
-                            { var: 'data.widget' },
-                            'html5',
-                        ],
+                        '!==': [{ var: 'data.widget' }, 'html5'],
                     },
                 ],
             },
@@ -170,9 +149,7 @@ exports.default = [
         tooltip: 'Values to use as the data source. Labels are shown in the select field. Values are the corresponding values saved with the submission.',
         weight: 10,
         reorder: true,
-        defaultValue: [
-            { label: '', value: '' },
-        ],
+        defaultValue: [{ label: '', value: '' }],
         components: [
             {
                 label: 'Label',
@@ -191,10 +168,7 @@ exports.default = [
         ],
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'values',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'values'],
             },
         },
     },
@@ -216,10 +190,7 @@ exports.default = [
         tooltip: 'The resource to be used with this field.',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'resource',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'resource'],
             },
         },
     },
@@ -233,10 +204,7 @@ exports.default = [
         tooltip: 'The property within the source data, where iterable items reside. For example: results.items or results[0].items',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'url',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'url'],
             },
         },
     },
@@ -291,16 +259,10 @@ exports.default = [
             json: {
                 and: [
                     {
-                        '===': [
-                            { var: 'data.dataSrc' },
-                            'resource',
-                        ],
+                        '===': [{ var: 'data.dataSrc' }, 'resource'],
                     },
                     {
-                        '!==': [
-                            { var: 'data.reference' },
-                            true,
-                        ],
+                        '!==': [{ var: 'data.reference' }, true],
                     },
                     { var: 'data.data.resource' },
                 ],
@@ -348,16 +310,10 @@ exports.default = [
             json: {
                 and: [
                     {
-                        '===': [
-                            { var: 'data.dataSrc' },
-                            'resource',
-                        ],
+                        '===': [{ var: 'data.dataSrc' }, 'resource'],
                     },
                     {
-                        '===': [
-                            { var: 'data.valueProperty' },
-                            '',
-                        ],
+                        '===': [{ var: 'data.valueProperty' }, ''],
                     },
                 ],
             },
@@ -372,10 +328,7 @@ exports.default = [
         weight: 15,
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'url',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'url'],
             },
         },
     },
@@ -389,13 +342,7 @@ exports.default = [
         tooltip: 'The name of the search querystring parameter used when sending a request to filter results with. The server at the URL must handle this query parameter.',
         conditional: {
             json: {
-                in: [
-                    { var: 'data.dataSrc' },
-                    [
-                        'url',
-                        'resource',
-                    ],
-                ],
+                in: [{ var: 'data.dataSrc' }, ['url', 'resource']],
             },
         },
     },
@@ -419,13 +366,7 @@ exports.default = [
         defaultValue: 0.3,
         conditional: {
             json: {
-                in: [
-                    { var: 'data.dataSrc' },
-                    [
-                        'url',
-                        'resource',
-                    ],
-                ],
+                in: [{ var: 'data.dataSrc' }, ['url', 'resource']],
             },
         },
     },
@@ -441,16 +382,10 @@ exports.default = [
             json: {
                 and: [
                     {
-                        '===': [
-                            { var: 'data.dataSrc' },
-                            'url',
-                        ],
+                        '===': [{ var: 'data.dataSrc' }, 'url'],
                     },
                     {
-                        '!=': [
-                            { var: 'data.searchField' },
-                            '',
-                        ],
+                        '!=': [{ var: 'data.searchField' }, ''],
                     },
                 ],
             },
@@ -466,13 +401,7 @@ exports.default = [
         tooltip: 'Use this to provide additional filtering using query parameters.',
         conditional: {
             json: {
-                in: [
-                    { var: 'data.dataSrc' },
-                    [
-                        'url',
-                        'resource',
-                    ],
-                ],
+                in: [{ var: 'data.dataSrc' }, ['url', 'resource']],
             },
         },
     },
@@ -486,13 +415,7 @@ exports.default = [
         tooltip: 'Use this to provide additional sorting using query parameters',
         conditional: {
             json: {
-                in: [
-                    { var: 'data.dataSrc' },
-                    [
-                        'url',
-                        'resource',
-                    ],
-                ],
+                in: [{ var: 'data.dataSrc' }, ['url', 'resource']],
             },
         },
     },
@@ -509,19 +432,10 @@ exports.default = [
             json: {
                 and: [
                     {
-                        in: [
-                            { var: 'data.dataSrc' },
-                            [
-                                'url',
-                                'resource',
-                            ],
-                        ],
+                        in: [{ var: 'data.dataSrc' }, ['url', 'resource']],
                     },
                     {
-                        '!==': [
-                            { var: 'data.disableLimit' },
-                            true,
-                        ],
+                        '!==': [{ var: 'data.disableLimit' }, true],
                     },
                 ],
             },
@@ -539,10 +453,7 @@ exports.default = [
         tooltip: 'Write custom code to return the value options or a promise with value options. The form data object is available.',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'custom',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'custom'],
             },
         },
     },
@@ -572,15 +483,7 @@ exports.default = [
         },
         conditional: {
             json: {
-                in: [
-                    { var: 'data.dataSrc' },
-                    [
-                        'url',
-                        'resource',
-                        'values',
-                        'custom',
-                    ],
-                ],
+                in: [{ var: 'data.dataSrc' }, ['url', 'resource', 'values', 'custom']],
             },
         },
     },
@@ -610,14 +513,7 @@ exports.default = [
         },
         conditional: {
             json: {
-                in: [
-                    { var: 'data.dataSrc' },
-                    [
-                        'url',
-                        'resource',
-                        'values',
-                    ],
-                ],
+                in: [{ var: 'data.dataSrc' }, ['url', 'resource', 'values']],
             },
         },
     },
@@ -631,15 +527,7 @@ exports.default = [
         tooltip: 'When the Refresh On field is changed, clear this components value.',
         conditional: {
             json: {
-                in: [
-                    { var: 'data.dataSrc' },
-                    [
-                        'url',
-                        'resource',
-                        'values',
-                        'custom',
-                    ],
-                ],
+                in: [{ var: 'data.dataSrc' }, ['url', 'resource', 'values', 'custom']],
             },
         },
     },
@@ -664,19 +552,10 @@ exports.default = [
             json: {
                 and: [
                     {
-                        in: [
-                            { var: 'data.dataSrc' },
-                            [
-                                'url',
-                                'resource',
-                            ],
-                        ],
+                        in: [{ var: 'data.dataSrc' }, ['url', 'resource']],
                     },
                     {
-                        '===': [
-                            { var: 'data.searchEnabled' },
-                            true,
-                        ],
+                        '===': [{ var: 'data.searchEnabled' }, true],
                     },
                 ],
             },
@@ -712,10 +591,7 @@ exports.default = [
         tooltip: 'Allows to create a new resource while entering a submission.',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'resource',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'resource'],
             },
         },
     },
@@ -731,10 +607,7 @@ exports.default = [
             json: {
                 and: [
                     {
-                        '===': [
-                            { var: 'data.dataSrc' },
-                            'resource',
-                        ],
+                        '===': [{ var: 'data.dataSrc' }, 'resource'],
                     },
                     { '!!': { var: 'data.addResource' } },
                 ],
@@ -750,10 +623,7 @@ exports.default = [
         tooltip: 'Using this option will save this field as a reference and link its value to the value of the origin record.',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'resource',
-                ],
+                '===': [{ var: 'data.dataSrc' }, 'resource'],
             },
         },
     },
@@ -802,39 +672,24 @@ exports.default = [
                 and: [
                     { var: 'data.valueProperty' },
                     {
-                        '===': [
-                            { var: 'data.lazyLoad' },
-                            true,
-                        ],
+                        '===': [{ var: 'data.lazyLoad' }, true],
                     },
                     {
-                        '!==': [
-                            { var: 'data.widget' },
-                            'html5',
-                        ],
+                        '!==': [{ var: 'data.widget' }, 'html5'],
                     },
                     {
                         or: [
                             {
-                                '===': [
-                                    { var: 'data.dataSrc' },
-                                    'url',
-                                ],
+                                '===': [{ var: 'data.dataSrc' }, 'url'],
                             },
                             {
                                 and: [
                                     {
-                                        '===': [
-                                            { var: 'data.dataSrc' },
-                                            'resource',
-                                        ],
+                                        '===': [{ var: 'data.dataSrc' }, 'resource'],
                                     },
                                     // 'data' means entire object from resource will be used
                                     {
-                                        '!==': [
-                                            { var: 'data.valueProperty' },
-                                            'data',
-                                        ],
+                                        '!==': [{ var: 'data.valueProperty' }, 'data'],
                                     },
                                 ],
                             },

package/lib/cjs/components/select/editForm/Select.edit.validation.js

@@ -21,15 +21,7 @@ exports.default = [
         input: true,
         conditional: {
             json: {
-                in: [
-                    { var: 'data.dataSrc' },
-                    [
-                        'values',
-                        'json',
-                        'custom',
-                        'url',
-                    ],
-                ],
+                in: [{ var: 'data.dataSrc' }, ['values', 'json', 'custom', 'url']],
             },
         },
     },

package/lib/cjs/components/selectboxes/SelectBoxes.js

@@ -45,9 +45,7 @@ class SelectBoxesComponent extends Radio_1.default {
             } });
     }
     static savedValueTypes(schema) {
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.object,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];
     }
     constructor(...args) {
         super(...args);
@@ -267,15 +265,14 @@ class SelectBoxesComponent extends Radio_1.default {
                     this.setInputsDisabled(false);
                 }
                 if (!isValid && maxCount && count > maxCount) {
-                    const message = this.t(this.component.maxSelectedCountMessage ||
-                        'You may only select up to {{maxCount}} items', { maxCount });
+                    const message = this.t(this.component.maxSelectedCountMessage || 'maxSelectItems', { maxCount });
                     this.errors.push({ message });
                     this.setCustomValidity(message, dirty);
                     return false;
                 }
                 else if (!isValid && minCount && count < minCount) {
                     this.setInputsDisabled(false);
-                    const message = this.t(this.component.minSelectedCountMessage || 'You must select at least {{minCount}} items', { minCount });
+                    const message = this.t(this.component.minSelectedCountMessage || 'minSelectItems', { minCount });
                     this.errors.push({ message });
                     this.setCustomValidity(message, dirty);
                     return false;

package/lib/cjs/components/signature/Signature.d.ts

@@ -24,7 +24,7 @@ export default class SignatureComponent extends Input {
     checkSize(force: any, scale: any): void;
     signaturePad: SignaturePad | null | undefined;
     observer: any;
-    getValueAsString(value: any): "" | "Yes" | "No";
+    getValueAsString(value: any): string;
     focus(): void;
     setDataToSigaturePad(): void;
 }

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

@@ -29,7 +29,7 @@ class SignatureComponent extends Input_1.default {
             group: 'advanced',
             icon: 'pencil',
             weight: 120,
-            documentation: '/developers/integrations/esign/esign-integrations#signature-component',
+            documentation: '/userguide/forms/form-building/form-components/advanced-components#signature',
             schema: SignatureComponent.schema(),
         };
     }
@@ -37,16 +37,11 @@ class SignatureComponent extends Input_1.default {
         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;
@@ -184,7 +179,7 @@ class SignatureComponent extends Input_1.default {
         return this.renderModalPreview({
             previewText: this.dataValue
                 ? `<img src=${this.dataValue} ${this._referenceAttributeName}='openModal' style="width: 100%;height: 100%;" />`
-                : this.t('Click to Sign'),
+                : this.t('clickToSign'),
         });
     }
     attach(element) {
@@ -256,7 +251,7 @@ class SignatureComponent extends Input_1.default {
         if (lodash_1.default.isUndefined(value) && this.inDataTable) {
             return '';
         }
-        return value ? 'Yes' : 'No';
+        return this.t(value ? 'yes' : 'no');
     }
     focus() {
         this.refs.padBody.focus();

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

@@ -19,9 +19,7 @@ exports.default = [
         placeholder: 'Width',
         conditional: {
             json: {
-                '!': [
-                    { var: 'data.keepOverlayRatio' },
-                ],
+                '!': [{ var: 'data.keepOverlayRatio' }],
             },
         },
         weight: 50,
@@ -35,9 +33,7 @@ exports.default = [
         placeholder: 'Height',
         conditional: {
             json: {
-                '!': [
-                    { var: 'data.keepOverlayRatio' },
-                ],
+                '!': [{ var: 'data.keepOverlayRatio' }],
             },
         },
         weight: 51,

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

@@ -30,15 +30,10 @@ class SurveyComponent extends Field_1.default {
         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();
@@ -135,21 +130,15 @@ class SurveyComponent extends Field_1.default {
         <table border="1" style="width:100%">
           <thead>
             <tr>
-              <th>Question</th>
-              <th>Value</th>
+              <th>${this.t('surveyQuestion')}</th>
+              <th>${this.t('surveyQuestionValue')}</th>
             </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;
                 }

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

@@ -13,9 +13,7 @@ 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',
@@ -30,9 +28,7 @@ exports.default = [
                 type: 'textfield',
                 allowCalculateOverride: true,
                 calculateValue: {
-                    _camelCase: [
-                        { var: 'row.label' },
-                    ],
+                    _camelCase: [{ var: 'row.label' }],
                 },
             },
             {
@@ -51,9 +47,7 @@ exports.default = [
         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',
@@ -68,9 +62,7 @@ exports.default = [
                 type: 'textfield',
                 allowCalculateOverride: true,
                 calculateValue: {
-                    _camelCase: [
-                        { var: 'row.label' },
-                    ],
+                    _camelCase: [{ var: 'row.label' }],
                 },
             },
             {

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

@@ -70,10 +70,10 @@ exports.default = [
         tooltip: 'Enter the number or columns that should be displayed by this table.',
     },
     {
-        label: "Column Headers",
+        label: 'Column Headers',
         multiple: true,
-        key: "header",
-        type: "textfield",
+        key: 'header',
+        type: 'textfield',
         input: true,
         tooltip: 'Enter header names for the columns',
         customConditional: "if(instance && instance.dataValue && Array.isArray(instance.dataValue)) {\r\n  const isAllowToAddHeader = instance.dataValue.length < data.numCols;\r\n  const addBtn = _.get(instance, 'refs.addButton[0]', null);\r\n  if(addBtn) {\r\n    isAllowToAddHeader? addBtn.removeAttribute('disabled'):  addBtn.setAttribute('disabled', 'disabled');\r\n  }\r\n} ",