@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/cjs/components/select/editForm/Select.edit.data.d.ts

@@ -376,6 +376,7 @@ declare const _default: ({
     valueProperty: string;
     dataSrc: string;
     lazyLoad: boolean;
+    authenticate: boolean;
     onSetItems(component: any, form: any): {
         label: string;
         key: string;
@@ -415,7 +416,6 @@ declare const _default: ({
     description?: undefined;
     reorder?: undefined;
     components?: undefined;
-    authenticate?: undefined;
     placeholder?: undefined;
     validate?: undefined;
     delimiter?: undefined;

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

@@ -7,7 +7,7 @@ const lodash_1 = __importDefault(require("lodash"));
 const utils_1 = require("../../../utils");
 const calculateSingleSelectData = (context, defaultValue) => {
     const { instance, data } = context;
-    const rawDefaultValue = instance.downloadedResources.find(resource => lodash_1.default.get(resource, data.valueProperty) === defaultValue);
+    const rawDefaultValue = instance.downloadedResources.find((resource) => lodash_1.default.get(resource, data.valueProperty) === defaultValue);
     const options = { data: {}, noeval: true };
     instance.interpolate(data.template, {
         item: rawDefaultValue,
@@ -70,7 +70,12 @@ exports.default = [
         label: 'Database name',
         tooltip: 'The name of the indexeddb database.',
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'indexeddb',
+                ],
+            },
         },
     },
     {
@@ -81,8 +86,13 @@ exports.default = [
         weight: 16,
         tooltip: 'The name of table in the indexeddb database.',
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
-        }
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'indexeddb',
+                ],
+            },
+        },
     },
     {
         type: 'textarea',
@@ -95,7 +105,12 @@ exports.default = [
         tooltip: 'Filter table items that match the object.',
         defaultValue: {},
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'indexeddb',
+                ],
+            },
         },
     },
     {
@@ -109,7 +124,12 @@ exports.default = [
         tooltip: 'A valid JSON array to use as a data source.',
         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'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'json',
+                ],
+            },
         },
     },
     {
@@ -117,7 +137,7 @@ exports.default = [
         input: true,
         label: 'Lazy Load Data',
         key: 'lazyLoad',
-        tooltip: 'When set, this will not fire off the request to the URL until this control is within focus. This can improve performance if you have many Select dropdowns on your form where the API\'s will only fire when the control is activated.',
+        tooltip: "When set, this will not fire off the request to the URL until this control is within focus. This can improve performance if you have many Select dropdowns on your form where the API's will only fire when the control is activated.",
         weight: 11,
         defaultValue: true,
         conditional: {
@@ -135,10 +155,10 @@ exports.default = [
                     {
                         '!==': [
                             { var: 'data.widget' },
-                            'html5'
-                        ]
-                    }
-                ]
+                            'html5',
+                        ],
+                    },
+                ],
             },
         },
     },
@@ -150,7 +170,9 @@ 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',
@@ -168,7 +190,12 @@ exports.default = [
             },
         ],
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'values'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'values',
+                ],
+            },
         },
     },
     {
@@ -188,7 +215,12 @@ exports.default = [
         weight: 10,
         tooltip: 'The resource to be used with this field.',
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'resource'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'resource',
+                ],
+            },
         },
     },
     {
@@ -200,7 +232,12 @@ exports.default = [
         description: 'The object path to the iterable items.',
         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'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'url',
+                ],
+            },
         },
     },
     {
@@ -217,18 +254,21 @@ exports.default = [
         valueProperty: 'key',
         dataSrc: 'url',
         lazyLoad: false,
+        authenticate: true,
         onSetItems(component, form) {
             const newItems = form.type === 'resource'
-                ? [{
+                ? [
+                    {
                         label: '{Entire Object}',
                         key: 'data',
-                    }]
+                    },
+                ]
                 : [];
             (0, utils_1.eachComponent)(form.components, (component, path) => {
                 if (component.input) {
                     newItems.push({
                         label: component.label || component.key,
-                        key: `data.${path}`
+                        key: `data.${path}`,
                     });
                 }
             });
@@ -250,8 +290,18 @@ exports.default = [
         conditional: {
             json: {
                 and: [
-                    { '===': [{ var: 'data.dataSrc' }, 'resource'] },
-                    { '!==': [{ var: 'data.reference' }, true] },
+                    {
+                        '===': [
+                            { var: 'data.dataSrc' },
+                            'resource',
+                        ],
+                    },
+                    {
+                        '!==': [
+                            { var: 'data.reference' },
+                            true,
+                        ],
+                    },
                     { var: 'data.data.resource' },
                 ],
             },
@@ -284,7 +334,7 @@ exports.default = [
         weight: 12,
         label: 'ID Path',
         placeholder: 'id',
-        tooltip: 'Path to the select option id.'
+        tooltip: 'Path to the select option id.',
     },
     {
         type: 'textfield',
@@ -297,8 +347,18 @@ exports.default = [
         conditional: {
             json: {
                 and: [
-                    { '===': [{ var: 'data.dataSrc' }, 'resource'] },
-                    { '===': [{ var: 'data.valueProperty' }, ''] },
+                    {
+                        '===': [
+                            { var: 'data.dataSrc' },
+                            'resource',
+                        ],
+                    },
+                    {
+                        '===': [
+                            { var: 'data.valueProperty' },
+                            '',
+                        ],
+                    },
                 ],
             },
         },
@@ -311,7 +371,12 @@ exports.default = [
         tooltip: 'When enabled the request will not include the limit and skip options in the query string',
         weight: 15,
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'url'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'url',
+                ],
+            },
         },
     },
     {
@@ -375,8 +440,18 @@ exports.default = [
         conditional: {
             json: {
                 and: [
-                    { '===': [{ var: 'data.dataSrc' }, 'url'] },
-                    { '!=': [{ var: 'data.searchField' }, ''] },
+                    {
+                        '===': [
+                            { var: 'data.dataSrc' },
+                            'url',
+                        ],
+                    },
+                    {
+                        '!=': [
+                            { var: 'data.searchField' },
+                            '',
+                        ],
+                    },
                 ],
             },
         },
@@ -433,15 +508,22 @@ exports.default = [
         conditional: {
             json: {
                 and: [
-                    { in: [
+                    {
+                        in: [
                             { var: 'data.dataSrc' },
                             [
                                 'url',
-                                'resource'
+                                'resource',
                             ],
-                        ] },
-                    { '!==': [{ var: 'data.disableLimit' }, true] }
-                ]
+                        ],
+                    },
+                    {
+                        '!==': [
+                            { var: 'data.disableLimit' },
+                            true,
+                        ],
+                    },
+                ],
             },
         },
     },
@@ -456,7 +538,12 @@ exports.default = [
         placeholder: "values = data['mykey'] or values = Promise.resolve(['myValue'])",
         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'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'custom',
+                ],
+            },
         },
     },
     {
@@ -476,12 +563,12 @@ exports.default = [
                     if (component.key !== context.data.key) {
                         values.push({
                             label: component.label || component.key,
-                            value: path
+                            value: path,
                         });
                     }
                 });
                 return values;
-            }
+            },
         },
         conditional: {
             json: {
@@ -491,7 +578,7 @@ exports.default = [
                         'url',
                         'resource',
                         'values',
-                        'custom'
+                        'custom',
                     ],
                 ],
             },
@@ -514,12 +601,12 @@ exports.default = [
                     if (component.key !== context.data.key) {
                         values.push({
                             label: component.label || component.key,
-                            value: path
+                            value: path,
                         });
                     }
                 });
                 return values;
-            }
+            },
         },
         conditional: {
             json: {
@@ -528,7 +615,7 @@ exports.default = [
                     [
                         'url',
                         'resource',
-                        'values'
+                        'values',
                     ],
                 ],
             },
@@ -550,7 +637,7 @@ exports.default = [
                         'url',
                         'resource',
                         'values',
-                        'custom'
+                        'custom',
                     ],
                 ],
             },
@@ -572,19 +659,26 @@ exports.default = [
         key: 'noRefreshOnScroll',
         label: 'Disable Options Refresh When Scrolling',
         defaultValue: false,
-        tooltip: 'When checked, the select with search input won\'t perform new api requests when scrolling through the list of options.',
+        tooltip: "When checked, the select with search input won't perform new api requests when scrolling through the list of options.",
         conditional: {
             json: {
                 and: [
-                    { in: [
+                    {
+                        in: [
                             { var: 'data.dataSrc' },
                             [
                                 'url',
-                                'resource'
+                                'resource',
                             ],
-                        ] },
-                    { '===': [{ var: 'data.searchEnabled' }, true] }
-                ]
+                        ],
+                    },
+                    {
+                        '===': [
+                            { var: 'data.searchEnabled' },
+                            true,
+                        ],
+                    },
+                ],
             },
         },
     },
@@ -617,7 +711,12 @@ exports.default = [
         label: 'Add Resource',
         tooltip: 'Allows to create a new resource while entering a submission.',
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'resource'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'resource',
+                ],
+            },
         },
     },
     {
@@ -631,7 +730,12 @@ exports.default = [
         conditional: {
             json: {
                 and: [
-                    { '===': [{ var: 'data.dataSrc' }, 'resource'] },
+                    {
+                        '===': [
+                            { var: 'data.dataSrc' },
+                            'resource',
+                        ],
+                    },
                     { '!!': { var: 'data.addResource' } },
                 ],
             },
@@ -645,7 +749,12 @@ exports.default = [
         label: 'Save as reference',
         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'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'resource',
+                ],
+            },
         },
     },
     {
@@ -692,21 +801,46 @@ exports.default = [
             json: {
                 and: [
                     { var: 'data.valueProperty' },
-                    { '===': [{ var: 'data.lazyLoad' }, true] },
-                    { '!==': [{ var: 'data.widget' }, 'html5'] },
+                    {
+                        '===': [
+                            { var: 'data.lazyLoad' },
+                            true,
+                        ],
+                    },
+                    {
+                        '!==': [
+                            { 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.display.js

@@ -5,7 +5,7 @@ exports.default = [
         type: 'select',
         input: true,
         weight: 20,
-        tooltip: 'Select the type of widget you\'d like to use.',
+        tooltip: "Select the type of widget you'd like to use.",
         key: 'widget',
         defaultValue: 'choicesjs',
         label: 'Widget Type',
@@ -23,6 +23,6 @@ exports.default = [
         label: 'Unique Options',
         tooltip: 'Display only unique dropdown options.',
         key: 'uniqueOptions',
-        input: true
+        input: true,
     },
 ];

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

@@ -9,8 +9,8 @@ exports.default = [
         key: 'validate.select',
         input: true,
         conditional: {
-            json: { var: 'data.searchField' }
-        }
+            json: { var: 'data.searchField' },
+        },
     },
     {
         weight: 52,
@@ -27,10 +27,10 @@ exports.default = [
                         'values',
                         'json',
                         'custom',
-                        'url'
+                        'url',
                     ],
                 ],
             },
         },
-    }
+    },
 ];

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

@@ -18,12 +18,12 @@ function default_1(...extend) {
                 {
                     key: 'dataType',
                     ignore: true,
-                }
-            ]
+                },
+            ],
         },
         {
             key: 'validation',
-            components: SelectBoxes_edit_validation_1.default
+            components: SelectBoxes_edit_validation_1.default,
         },
     ], ...extend);
 }

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

@@ -12,7 +12,7 @@ class SelectBoxesComponent extends Radio_1.default {
             type: 'selectboxes',
             label: 'Select Boxes',
             key: 'selectBoxes',
-            inline: false
+            inline: false,
         }, ...extend);
     }
     static get builderInfo() {
@@ -22,7 +22,7 @@ class SelectBoxesComponent extends Radio_1.default {
             icon: 'plus-square',
             weight: 60,
             documentation: '/userguide/form-building/form-components#select-box',
-            schema: SelectBoxesComponent.schema()
+            schema: SelectBoxesComponent.schema(),
         };
     }
     static get serverConditionSettings() {
@@ -38,14 +38,16 @@ class SelectBoxesComponent extends Radio_1.default {
                         valueProperty: 'value',
                         dataType: 'string',
                         data: {
-                            custom: `values = ${classComp && classComp.values ? JSON.stringify(classComp.values) : []}`
+                            custom: `values = ${classComp && classComp.values ? JSON.stringify(classComp.values) : []}`,
                         },
                     }
                     : Object.assign(Object.assign({}, classComp), { dataType: 'string', type: 'select' });
             } });
     }
     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);
@@ -120,7 +122,7 @@ class SelectBoxesComponent extends Radio_1.default {
         if (typeof value !== 'object') {
             if (typeof value === 'string') {
                 value = {
-                    [value]: true
+                    [value]: true,
                 };
             }
             else {
@@ -133,7 +135,9 @@ class SelectBoxesComponent extends Radio_1.default {
             });
         }
         const checkedValues = lodash_1.default.keys(lodash_1.default.pickBy(value, (val) => val));
-        if (this.isSelectURL && this.templateData && lodash_1.default.every(checkedValues, (val) => this.templateData[val])) {
+        if (this.isSelectURL &&
+            this.templateData &&
+            lodash_1.default.every(checkedValues, (val) => this.templateData[val])) {
             const submission = this.root.submission;
             if (!submission.metadata.selectData) {
                 submission.metadata.selectData = {};
@@ -185,13 +189,19 @@ class SelectBoxesComponent extends Radio_1.default {
             if (options.modalPreview || this.options.readOnly || this.inDataTable) {
                 const checkedItems = lodash_1.default.keys(lodash_1.default.pickBy(value, (val) => val));
                 if (((_a = this.selectData) === null || _a === void 0 ? void 0 : _a.length) === checkedItems.length) {
-                    return this.selectData.map(item => this.itemTemplate(item)).join(', ');
+                    return this.selectData.map((item) => this.itemTemplate(item)).join(', ');
                 }
                 else if ((_b = this.loadedOptions) === null || _b === void 0 ? void 0 : _b.length) {
-                    return this.loadedOptions.filter((option) => value[option.value]).map((option) => option.label).join(', ');
+                    return this.loadedOptions
+                        .filter((option) => value[option.value])
+                        .map((option) => option.label)
+                        .join(', ');
                 }
             }
-            return (0, lodash_1.default)(value).pickBy((val) => val).keys().join(', ');
+            return (0, lodash_1.default)(value)
+                .pickBy((val) => val)
+                .keys()
+                .join(', ');
         }
         return (0, lodash_1.default)(this.component.values || [])
             .filter((v) => value[v.value])
@@ -210,7 +220,11 @@ class SelectBoxesComponent extends Radio_1.default {
                     key = valuesKeys.find((k) => (input === null || input === void 0 ? void 0 : input.value.toString()) === k);
                 }
                 const isChecked = value[key];
-                if ((isChecked && key) || (this.isSelectURL && !this.shouldLoad && this.listData && lodash_1.default.findIndex(this.selectData, this.listData[index]) !== -1)) {
+                if ((isChecked && key) ||
+                    (this.isSelectURL &&
+                        !this.shouldLoad &&
+                        this.listData &&
+                        lodash_1.default.findIndex(this.selectData, this.listData[index]) !== -1)) {
                     //add class to container when selected
                     this.addClass(wrapper, this.optionSelectedClass);
                     //change "checked" attribute
@@ -225,8 +239,8 @@ class SelectBoxesComponent extends Radio_1.default {
     }
     setInputsDisabled(value, onlyUnchecked) {
         if (this.refs.input) {
-            this.refs.input.forEach(item => {
-                if (onlyUnchecked && !item.checked || !onlyUnchecked) {
+            this.refs.input.forEach((item) => {
+                if ((onlyUnchecked && !item.checked) || !onlyUnchecked) {
                     item.disabled = value;
                 }
             });
@@ -237,7 +251,7 @@ class SelectBoxesComponent extends Radio_1.default {
         const maxCount = this.component.validate.maxSelectedCount;
         if (!this.shouldSkipValidation(data, rowData, options)) {
             const isValid = this.isValid(data, dirty);
-            if ((maxCount || minCount)) {
+            if (maxCount || minCount) {
                 const count = Object.keys(this.validationValue).reduce((total, key) => {
                     if (this.validationValue[key]) {
                         total++;
@@ -252,7 +266,8 @@ 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 ||
+                        'You may only select up to {{maxCount}} items', { maxCount });
                     this.errors.push({ message });
                     this.setCustomValidity(message, dirty);
                     return false;
@@ -271,7 +286,8 @@ class SelectBoxesComponent extends Radio_1.default {
     setCustomValidity(messages, dirty, external) {
         if (this.options.building && lodash_1.default.find(messages, { ruleName: 'invalidValueProperty' })) {
             setTimeout(() => {
-                this.root && (0, utils_1.getComponent)(this.root.components, 'valueProperty').setCustomValidity(messages, dirty);
+                this.root &&
+                    (0, utils_1.getComponent)(this.root.components, 'valueProperty').setCustomValidity(messages, dirty);
             }, 0);
             return super.setCustomValidity(lodash_1.default.filter(messages, (message) => message.ruleName !== 'invalidValueProperty'), dirty, external);
         }