@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/cjs/components/button/Button.form.js

@@ -14,7 +14,7 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'display',
-            components: Button_edit_display_1.default,
+            components: Button_edit_display_1.default
         },
         {
             key: 'data',

package/lib/cjs/components/button/Button.js

@@ -21,7 +21,7 @@ class ButtonComponent extends Field_1.default {
             persistent: false,
             disableOnInvalid: false,
             theme: 'primary',
-            dataGridLabel: true,
+            dataGridLabel: true
         }, ...extend);
     }
     static get builderInfo() {
@@ -31,13 +31,11 @@ class ButtonComponent extends Field_1.default {
             icon: 'stop',
             documentation: '/userguide/form-building/form-components#button',
             weight: 110,
-            schema: ButtonComponent.schema(),
+            schema: ButtonComponent.schema()
         };
     }
     static savedValueTypes(schema) {
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.boolean,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.boolean];
     }
     constructor(component, options, data) {
         super(component, options, data);
@@ -49,12 +47,7 @@ class ButtonComponent extends Field_1.default {
     get inputInfo() {
         const info = super.elementInfo();
         info.type = 'button';
-        info.attr.type = [
-            'submit',
-            'saveState',
-        ].includes(this.component.action)
-            ? 'submit'
-            : 'button';
+        info.attr.type = (['submit', 'saveState'].includes(this.component.action)) ? 'submit' : 'button';
         this.component.theme = this.component.theme || 'default';
         info.attr.class = `btn btn-${this.component.theme}`;
         if (this.component.size) {
@@ -71,7 +64,7 @@ class ButtonComponent extends Field_1.default {
     }
     get labelInfo() {
         return {
-            hidden: true,
+            hidden: true
         };
     }
     set loading(loading) {
@@ -123,6 +116,7 @@ class ButtonComponent extends Field_1.default {
         }));
     }
     attachButton() {
+        var _a;
         this.addShortcut(this.refs.button);
         let onChange = null;
         let onError = null;
@@ -144,9 +138,7 @@ class ButtonComponent extends Field_1.default {
                 this.setContent(this.refs.buttonMessage, resultMessage);
             }, true);
             this.on('submitError', (message) => {
-                const resultMessage = lodash_1.default.isString(message)
-                    ? this.t(message)
-                    : this.t(this.errorMessage('submitError'));
+                const resultMessage = lodash_1.default.isString(message) ? this.t(message) : this.t(this.errorMessage('submitError'));
                 this.loading = false;
                 this.disabled = false;
                 this.hasError = true;
@@ -201,11 +193,7 @@ class ButtonComponent extends Field_1.default {
             const isSilent = flags && flags.silent;
             //check root validity only if disableOnInvalid is set and when it is not possible to make submission because of validation errors
             if (flags && flags.noValidate && (this.component.disableOnInvalid || this.hasError)) {
-                isValid =
-                    flags.rootValidity ||
-                        (this.root
-                            ? this.root.validate(this.root.data, { dirty: false, silentCheck: true }).length === 0
-                            : true);
+                isValid = flags.rootValidity || (this.root ? (this.root.validate(this.root.data, { dirty: false, silentCheck: true }).length === 0) : true);
                 flags.rootValidity = isValid;
             }
             this.isDisabledOnInvalid = this.component.disableOnInvalid && (isSilent || !isValid);
@@ -223,7 +211,7 @@ class ButtonComponent extends Field_1.default {
             }
         }, true);
         if (this.component.saveOnEnter) {
-            this.root.addEventListener(this.root.element, 'keyup', (event) => {
+            (_a = this.root) === null || _a === void 0 ? void 0 : _a.addEventListener(this.root.element, 'keyup', (event) => {
                 if (event.keyCode === 13) {
                     this.onClick.call(this, event);
                 }
@@ -254,9 +242,9 @@ class ButtonComponent extends Field_1.default {
             return decodeURIComponent(results[1].replace(/\+/g, ' '));
         }
         // If this is an OpenID Provider initiated login, perform the click event immediately
-        if (this.component.action === 'oauth' && this.oauthConfig && !this.oauthConfig.error) {
+        if ((this.component.action === 'oauth') && this.oauthConfig && !this.oauthConfig.error) {
             const iss = getUrlParameter('iss');
-            if (iss && this.oauthConfig.authURI.indexOf(iss) === 0) {
+            if (iss && (this.oauthConfig.authURI.indexOf(iss) === 0)) {
                 this.openOauth(this.oauthConfig);
             }
         }
@@ -268,12 +256,13 @@ class ButtonComponent extends Field_1.default {
         this.loadRefs(element, {
             button: 'single',
             buttonMessageContainer: 'single',
-            buttonMessage: 'single',
+            buttonMessage: 'single'
         });
         const superAttach = super.attach(element);
         this.attachButton();
         return superAttach;
     }
+    /* eslint-enable max-statements */
     detach(element) {
         if (element && this.refs.button) {
             this.removeShortcut(this.refs.button);
@@ -281,6 +270,7 @@ class ButtonComponent extends Field_1.default {
         super.detach();
     }
     onClick(event) {
+        var _a, _b, _c, _d;
         this.triggerCaptcha();
         // Don't click if disabled or in builder mode.
         if (this.disabled || this.options.attachMode === 'builder') {
@@ -300,17 +290,17 @@ class ButtonComponent extends Field_1.default {
                     noValidate: this.component.state === 'draft',
                     state: this.component.state || 'submitted',
                     component: this.component,
-                    instance: this,
+                    instance: this
                 });
                 break;
             case 'event':
                 this.emit(this.interpolate(this.component.event), this.data);
-                this.events.emit(this.interpolate(this.component.event), this.data);
+                (_a = this.events) === null || _a === void 0 ? void 0 : _a.emit(this.interpolate(this.component.event), this.data);
                 this.emit('customEvent', {
                     type: this.interpolate(this.component.event),
                     component: this.component,
                     data: this.data,
-                    event: event,
+                    event: event
                 });
                 break;
             case 'custom': {
@@ -326,20 +316,20 @@ class ButtonComponent extends Field_1.default {
                 this.evaluate(this.component.custom, {
                     form,
                     flattened,
-                    components,
+                    components
                 });
-                this.triggerChange();
+                (_b = this.triggerChange) === null || _b === void 0 ? void 0 : _b.call(this);
                 break;
             }
             case 'url':
                 this.loading = true;
                 this.emit('requestButton', {
                     component: this.component,
-                    instance: this,
+                    instance: this
                 });
                 this.emit('requestUrl', {
                     url: this.interpolate(this.component.url),
-                    headers: this.component.headers,
+                    headers: this.component.headers
                 });
                 break;
             case 'reset':
@@ -355,12 +345,12 @@ class ButtonComponent extends Field_1.default {
                 }
                 // Display Alert if OAuth config is missing
                 if (!this.oauthConfig) {
-                    this.root.setAlert('danger', 'OAuth not configured. You must configure oauth for your project before it will work.');
+                    (_c = this.root) === null || _c === void 0 ? void 0 : _c.setAlert('danger', 'OAuth not configured. You must configure oauth for your project before it will work.');
                     break;
                 }
                 // Display Alert if oAuth has an error is missing
                 if (this.oauthConfig.error) {
-                    this.root.setAlert('danger', `The Following Error Has Occured ${this.oauthConfig.error}`);
+                    (_d = this.root) === null || _d === void 0 ? void 0 : _d.setAlert('danger', `The Following Error Has Occured ${this.oauthConfig.error}`);
                     break;
                 }
                 this.openOauth(this.oauthConfig);
@@ -368,17 +358,17 @@ class ButtonComponent extends Field_1.default {
         }
     }
     openOauth(settings) {
-        if (!this.root.formio) {
+        var _a;
+        if (!((_a = this.root) === null || _a === void 0 ? void 0 : _a.formio)) {
             console.warn('You must attach a Form API url to your form in order to use OAuth buttons.');
             return;
         }
+        /*eslint-disable camelcase */
         let params = {
             response_type: 'code',
             client_id: settings.clientId,
-            redirect_uri: (settings.redirectURI && this.interpolate(settings.redirectURI)) ||
-                window.location.origin ||
-                `${window.location.protocol}//${window.location.host}`,
-            scope: settings.scope,
+            redirect_uri: (settings.redirectURI && this.interpolate(settings.redirectURI)) || window.location.origin || `${window.location.protocol}//${window.location.host}`,
+            scope: settings.scope
         };
         if (settings.state) {
             params.state = settings.state;
@@ -387,78 +377,74 @@ class ButtonComponent extends Field_1.default {
             params.code_challenge = settings.code_challenge;
             params.code_challenge_method = 'S256';
         }
+        /*eslint-enable camelcase */
         // Needs for the correct redirection URI for the OpenID
         const originalRedirectUri = params.redirect_uri;
         // Make display optional.
         if (settings.display) {
             params.display = settings.display;
         }
-        params = Object.keys(params)
-            .map((key) => {
+        params = Object.keys(params).map(key => {
             return `${key}=${encodeURIComponent(params[key])}`;
-        })
-            .join('&');
+        }).join('&');
         const separator = settings.authURI.indexOf('?') !== -1 ? '&' : '?';
         const url = `${settings.authURI}${separator}${params}`;
         const popup = window.open(url, settings.provider, 'width=1020,height=618');
         const interval = setInterval(() => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             try {
                 const popupHost = popup.location.host;
                 const currentHost = window.location.host;
                 if (popup && !popup.closed && popupHost === currentHost) {
                     popup.close();
-                    const params = popup.location.search
-                        .substr(1)
-                        .split('&')
-                        .reduce((params, param) => {
+                    const params = popup.location.search.substr(1).split('&').reduce((params, param) => {
                         const split = param.split('=');
                         params[split[0]] = split[1];
                         return params;
                     }, {});
                     if (params.error) {
                         alert(params.error_description || params.error);
-                        this.root.setAlert('danger', params.error_description || params.error);
+                        (_a = this.root) === null || _a === void 0 ? void 0 : _a.setAlert('danger', params.error_description || params.error);
                         return;
                     }
                     // TODO: check for error response here
                     if (settings.state !== params.state) {
-                        this.root.setAlert('danger', 'OAuth state does not match. Please try logging in again.');
+                        (_b = this.root) === null || _b === void 0 ? void 0 : _b.setAlert('danger', 'OAuth state does not match. Please try logging in again.');
                         return;
                     }
                     // Depending on where the settings came from, submit to either the submission endpoint (old) or oauth endpoint (new).
                     let requestPromise = Promise.resolve();
-                    if (lodash_1.default.has(this, 'root.form.config.oauth') &&
-                        this.root.form.config.oauth[this.component.oauthProvider]) {
+                    if (lodash_1.default.has(this, 'root.form.config.oauth') && ((_c = this.root) === null || _c === void 0 ? void 0 : _c.form.config.oauth[this.component.oauthProvider])) {
                         params.provider = settings.provider;
                         params.redirectURI = originalRedirectUri;
                         // Needs for the exclude oAuth Actions that not related to this button
                         params.triggeredBy = this.oauthComponentPath;
-                        requestPromise = this.root.formio.makeRequest('oauth', `${this.root.formio.projectUrl}/oauth2`, 'POST', params);
+                        requestPromise = (_d = this.root) === null || _d === void 0 ? void 0 : _d.formio.makeRequest('oauth', `${(_e = this.root) === null || _e === void 0 ? void 0 : _e.formio.projectUrl}/oauth2`, 'POST', params);
                     }
                     else {
                         const submission = { data: {}, oauth: {} };
                         submission.oauth[settings.provider] = params;
                         submission.oauth[settings.provider].redirectURI = originalRedirectUri;
                         if (settings.logoutURI) {
-                            this.root.formio.oauthLogoutURI(settings.logoutURI);
+                            (_f = this.root) === null || _f === void 0 ? void 0 : _f.formio.oauthLogoutURI(settings.logoutURI);
                         }
                         // Needs for the exclude oAuth Actions that not related to this button
                         submission.oauth[settings.provider].triggeredBy = this.oauthComponentPath;
-                        requestPromise = this.root.formio.saveSubmission(submission);
+                        requestPromise = (_g = this.root) === null || _g === void 0 ? void 0 : _g.formio.saveSubmission(submission);
                     }
-                    requestPromise
-                        .then((result) => {
-                        this.root.onSubmit(result, true);
+                    requestPromise.then((result) => {
+                        var _a;
+                        (_a = this.root) === null || _a === void 0 ? void 0 : _a.onSubmit(result, true);
                     })
                         .catch((err) => {
-                        this.root.onSubmissionError(err);
+                        var _a;
+                        (_a = this.root) === null || _a === void 0 ? void 0 : _a.onSubmissionError(err);
                     });
                 }
             }
             catch (error) {
-                if (error.name !== 'SecurityError' &&
-                    (error.name !== 'Error' || error.message !== 'Permission denied')) {
-                    this.root.setAlert('danger', error.message || error);
+                if (error.name !== 'SecurityError' && (error.name !== 'Error' || error.message !== 'Permission denied')) {
+                    (_h = this.root) === null || _h === void 0 ? void 0 : _h.setAlert('danger', error.message || error);
                 }
             }
             if (!popup || popup.closed || popup.closed === undefined) {
@@ -468,10 +454,7 @@ class ButtonComponent extends Field_1.default {
     }
     get oauthComponentPath() {
         const pathArray = (0, utils_1.getArrayFromComponentPath)(this.path);
-        return lodash_1.default.chain(pathArray)
-            .filter((pathPart) => !lodash_1.default.isNumber(pathPart))
-            .join('.')
-            .value();
+        return lodash_1.default.chain(pathArray).filter(pathPart => !lodash_1.default.isNumber(pathPart)).join('.').value();
     }
     focus() {
         if (this.refs.button) {

package/lib/cjs/components/button/editForm/Button.edit.display.js

@@ -61,12 +61,7 @@ exports.default = [
             ],
         },
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.action' },
-                    'oauth',
-                ],
-            },
+            json: { '===': [{ var: 'data.action' }, 'oauth'] },
         },
     },
     {
@@ -78,12 +73,7 @@ exports.default = [
         placeholder: 'submitted',
         input: true,
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.action' },
-                    'saveState',
-                ],
-            },
+            json: { '===': [{ var: 'data.action' }, 'saveState'] },
         },
     },
     {
@@ -95,12 +85,7 @@ exports.default = [
         weight: 113,
         tooltip: 'Use the Enter key to submit form.',
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.action' },
-                    'submit',
-                ],
-            },
+            json: { '===': [{ var: 'data.action' }, 'submit'] },
         },
     },
     {
@@ -112,12 +97,7 @@ exports.default = [
         weight: 115,
         tooltip: 'When the button is pressed, show any validation errors on the form.',
         conditional: {
-            json: {
-                '!==': [
-                    { var: 'data.action' },
-                    'submit',
-                ],
-            },
+            json: { '!==': [{ var: 'data.action' }, 'submit'] },
         },
     },
     {
@@ -128,12 +108,7 @@ exports.default = [
         weight: 120,
         tooltip: 'The event to fire when the button is clicked.',
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.action' },
-                    'event',
-                ],
-            },
+            json: { '===': [{ var: 'data.action' }, 'event'] },
         },
     },
     {
@@ -146,12 +121,7 @@ exports.default = [
         tooltip: 'The URL where the submission will be sent.',
         placeholder: 'https://example.form.io',
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.action' },
-                    'url',
-                ],
-            },
+            json: { '===': [{ var: 'data.action' }, 'url'] },
         },
     },
     {
@@ -174,15 +144,10 @@ exports.default = [
                 label: 'Value',
                 input: true,
                 type: 'textfield',
-            },
+            }
         ],
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.action' },
-                    'url',
-                ],
-            },
+            json: { '===': [{ var: 'data.action' }, 'url'] },
         },
     },
     {
@@ -196,12 +161,7 @@ exports.default = [
         weight: 120,
         placeholder: "data['mykey'] = data['anotherKey'];",
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.action' },
-                    'custom',
-                ],
-            },
+            json: { '===': [{ var: 'data.action' }, 'custom'] },
         },
     },
     {

package/lib/cjs/components/checkbox/Checkbox.d.ts

@@ -43,7 +43,7 @@ export default class CheckBoxComponent extends Field {
     attach(element: any): Promise<void>;
     input: any;
     detach(element: any): void;
-    get emptyValue(): false | "";
+    get emptyValue(): false | null;
     getValueAt(index: any): any;
     get checked(): boolean;
     setCheckedState(value: any): any;

package/lib/cjs/components/checkbox/Checkbox.form.js

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

package/lib/cjs/components/checkbox/Checkbox.js

@@ -16,7 +16,7 @@ class CheckBoxComponent extends Field_1.default {
             dataGridLabel: true,
             labelPosition: 'right',
             value: '',
-            name: '',
+            name: ''
         }, ...extend);
     }
     static get builderInfo() {
@@ -26,25 +26,23 @@ class CheckBoxComponent extends Field_1.default {
             icon: 'check-square',
             documentation: '/userguide/form-building/form-components#check-box',
             weight: 50,
-            schema: CheckBoxComponent.schema(),
+            schema: CheckBoxComponent.schema()
         };
     }
     static get serverConditionSettings() {
         return CheckBoxComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                'isEqual',
-            ], valueComponent() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEqual'], valueComponent() {
                 return {
                     valueType: 'boolean',
                     data: {
                         values: [
                             { label: 'Checked', value: 'true' },
                             { label: 'Not Checked', value: 'false' },
-                        ],
+                        ]
                     },
-                    type: 'select',
+                    type: 'select'
                 };
             } });
     }
@@ -55,23 +53,19 @@ class CheckBoxComponent extends Field_1.default {
             return types;
         }
         if (schema.inputType === 'radio') {
-            return [
-                utils_1.componentValueTypes.string,
-            ];
+            return [utils_1.componentValueTypes.string];
         }
-        return [
-            utils_1.componentValueTypes.boolean,
-        ];
+        return [utils_1.componentValueTypes.boolean];
     }
     get defaultSchema() {
         return CheckBoxComponent.schema();
     }
     get labelClass() {
         let className = '';
-        if (this.isInputComponent &&
-            !this.options.inputsOnly &&
-            this.component.validate &&
-            this.component.validate.required) {
+        if (this.isInputComponent
+            && !this.options.inputsOnly
+            && this.component.validate
+            && this.component.validate.required) {
             className += ' field-required';
         }
         return `${className}`;
@@ -95,16 +89,14 @@ class CheckBoxComponent extends Field_1.default {
     }
     get labelInfo() {
         return {
-            hidden: true,
+            hidden: true
         };
     }
     render() {
         return super.render(this.renderTemplate('checkbox', {
             input: this.inputInfo,
             checked: this.checked,
-            tooltip: this.interpolate(this.t(this.component.tooltip) || '', {
-                _userInput: true,
-            }).replace(/(?:\r\n|\r|\n)/g, '<br />'),
+            tooltip: this.interpolate(this.t(this.component.tooltip) || '', { _userInput: true }).replace(/(?:\r\n|\r|\n)/g, '<br />')
         }));
     }
     attach(element) {
@@ -112,7 +104,7 @@ class CheckBoxComponent extends Field_1.default {
         this.input = this.refs.input[0];
         if (this.refs.input) {
             this.addEventListener(this.input, this.inputInfo.changeEvent, () => this.updateValue(null, {
-                modified: true,
+                modified: true
             }));
             this.addShortcut(this.input);
         }
@@ -125,7 +117,7 @@ class CheckBoxComponent extends Field_1.default {
         super.detach();
     }
     get emptyValue() {
-        return this.component.inputType === 'radio' ? '' : false;
+        return this.component.inputType === 'radio' ? null : false;
     }
     isEmpty(value = this.dataValue) {
         return super.isEmpty(value) || value === false;
@@ -145,12 +137,12 @@ class CheckBoxComponent extends Field_1.default {
             return value ? this.setCheckedState(value) : this.setCheckedState(this.dataValue);
         }
         else {
-            return value === '' ? this.dataValue : !!value;
+            return (value === '') ? this.dataValue : !!value;
         }
     }
     get checked() {
         if (this.component.name) {
-            return this.dataValue === this.component.value;
+            return (this.dataValue === this.component.value);
         }
         return !!this.dataValue;
     }
@@ -159,8 +151,8 @@ class CheckBoxComponent extends Field_1.default {
             return;
         }
         if (this.component.name) {
-            this.input.value = value === this.component.value ? this.component.value : 0;
-            this.input.checked = value === this.component.value ? 1 : 0;
+            this.input.value = (value === this.component.value) ? this.component.value : 0;
+            this.input.checked = (value === this.component.value) ? 1 : 0;
         }
         else if (value === 'on') {
             this.input.value = 1;
@@ -200,7 +192,7 @@ class CheckBoxComponent extends Field_1.default {
     }
     updateValue(value, flags) {
         // If this is a radio and is alredy checked, uncheck it.
-        if (this.component.name && flags.modified && this.dataValue === this.component.value) {
+        if (this.component.name && flags.modified && (this.dataValue === this.component.value)) {
             this.input.checked = 0;
             this.input.value = 0;
             this.dataValue = '';

package/lib/cjs/components/checkbox/editForm/Checkbox.edit.data.js

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

package/lib/cjs/components/checkbox/editForm/Checkbox.edit.display.js

@@ -16,7 +16,7 @@ exports.default = [
     },
     {
         key: 'labelMargin',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'placeholder',
@@ -62,12 +62,7 @@ exports.default = [
         tooltip: 'The key used to trigger the radio button toggle.',
         weight: 420,
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.inputType' },
-                    'radio',
-                ],
-            },
+            json: { '===': [{ var: 'data.inputType' }, 'radio'] },
         },
     },
     {
@@ -78,12 +73,7 @@ exports.default = [
         tooltip: 'The value used with this radio button.',
         weight: 430,
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.inputType' },
-                    'radio',
-                ],
-            },
+            json: { '===': [{ var: 'data.inputType' }, 'radio'] },
         },
     },
 ];

package/lib/cjs/components/checkbox/editForm/Checkbox.edit.validation.js

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