@formio/js 5.0.0-bb.dev.3 → 5.0.0-bb.dev.4

package/lib/mjs/formio.form.d.ts

@@ -18,7 +18,7 @@ import Transformers from './validator/transformers';
 import ValueSources from './validator/valueSources';
 import Utils from './utils';
 import Form from './Form';
-import { Formio } from './Formio';
+declare const extendedFormio: typeof Formio;
 import Licenses from './licenses';
-import EventEmitter from './EventEmitter';
-export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses, EventEmitter };
+import { Formio } from './Formio';
+export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, extendedFormio as Formio, Licenses };

package/lib/mjs/formio.form.js

@@ -16,33 +16,33 @@ import Form from './Form';
 import Utils from './utils';
 import Evaluator from './utils/Evaluator';
 import Licenses from './licenses';
-import EventEmitter from './EventEmitter';
-Formio.loadModules = (path = `${Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
-    Formio.requireLibrary(name, name, path, true)
+const extendedFormio = Formio;
+// This is needed to maintain correct imports using the "dist" file.
+extendedFormio.Components = Components;
+extendedFormio.Templates = Templates;
+extendedFormio.Utils = Utils;
+extendedFormio.Form = Form;
+extendedFormio.Displays = Displays;
+extendedFormio.Providers = Providers;
+extendedFormio.Rules = Rules;
+extendedFormio.Widgets = Widgets;
+extendedFormio.Evaluator = Evaluator;
+extendedFormio.Conjunctions = Conjunctions;
+extendedFormio.Operators = Operators;
+extendedFormio.QuickRules = QuickRules;
+extendedFormio.Transformers = Transformers;
+extendedFormio.ValueSources = ValueSources;
+extendedFormio.AllComponents = AllComponents;
+extendedFormio.Licenses = Licenses;
+// This is strange, but is needed for "premium" components to import correctly.
+extendedFormio.Formio = Formio;
+extendedFormio.Components.setComponents(AllComponents);
+extendedFormio.loadModules = (path = `${Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
+    extendedFormio.requireLibrary(name, name, path, true)
         .then((modules) => {
-        Formio.use(modules);
+        extendedFormio.use(modules);
     });
 };
-// This is needed to maintain correct imports using the "dist" file.
-Formio.Components = Components;
-Formio.Templates = Templates;
-Formio.Utils = Utils;
-Formio.Form = Form;
-Formio.Displays = Displays;
-Formio.Providers = Providers;
-Formio.Rules = Rules;
-Formio.Widgets = Widgets;
-Formio.Evaluator = Evaluator;
-Formio.Conjunctions = Conjunctions;
-Formio.Operators = Operators;
-Formio.QuickRules = QuickRules;
-Formio.Transformers = Transformers;
-Formio.ValueSources = ValueSources;
-Formio.AllComponents = AllComponents;
-Formio.Licenses = Licenses;
-// This is strange, but is needed for "premium" components to import correctly.
-Formio.Formio = Formio;
-Formio.Components.setComponents(AllComponents);
 /**
  * Register a module
  * @param {*} plugin
@@ -54,63 +54,63 @@ export function registerModule(mod, defaultFn = null, options = {}) {
         return;
     }
     for (const key of Object.keys(mod)) {
-        const current = mod.framework || Formio.Templates.framework || 'bootstrap';
+        const current = mod.framework || extendedFormio.Templates.framework || 'bootstrap';
         switch (key) {
             case 'options':
-                Formio.options = _.merge(Formio.options, mod.options);
+                extendedFormio.options = _.merge(extendedFormio.options, mod.options);
                 break;
             case 'templates':
                 for (const framework of Object.keys(mod.templates)) {
-                    Formio.Templates.extendTemplate(framework, mod.templates[framework]);
+                    extendedFormio.Templates.extendTemplate(framework, mod.templates[framework]);
                 }
                 if (mod.templates[current]) {
-                    Formio.Templates.current = mod.templates[current];
+                    extendedFormio.Templates.current = mod.templates[current];
                 }
                 break;
             case 'components':
-                Formio.Components.setComponents(mod.components);
+                extendedFormio.Components.setComponents(mod.components);
                 break;
             case 'framework':
-                Formio.Templates.framework = mod.framework;
+                extendedFormio.Templates.framework = mod.framework;
                 break;
             case 'fetch':
                 for (const name of Object.keys(mod.fetch)) {
-                    Formio.registerPlugin(mod.fetch[name], name);
+                    extendedFormio.registerPlugin(mod.fetch[name], name);
                 }
                 break;
             case 'providers':
                 for (const type of Object.keys(mod.providers)) {
-                    Formio.Providers.addProviders(type, mod.providers[type]);
+                    extendedFormio.Providers.addProviders(type, mod.providers[type]);
                 }
                 break;
             case 'displays':
-                Formio.Displays.addDisplays(mod.displays);
+                extendedFormio.Displays.addDisplays(mod.displays);
                 break;
             case 'rules':
-                Formio.Rules.addRules(mod.rules);
+                extendedFormio.Rules.addRules(mod.rules);
                 break;
             case 'evaluator':
-                Formio.Evaluator.registerEvaluator(mod.evaluator);
+                extendedFormio.Evaluator.registerEvaluator(mod.evaluator);
                 break;
             case 'conjunctions':
-                Formio.Conjunctions.addConjunctions(mod.conjunctions);
+                extendedFormio.Conjunctions.addConjunctions(mod.conjunctions);
                 break;
             case 'operators':
-                Formio.Operators.addOperators(mod.operators);
+                extendedFormio.Operators.addOperators(mod.operators);
                 break;
             case 'quickRules':
-                Formio.QuickRules.addQuickRules(mod.quickRules);
+                extendedFormio.QuickRules.addQuickRules(mod.quickRules);
                 break;
             case 'transformers':
-                Formio.Transformers.addTransformers(mod.transformers);
+                extendedFormio.Transformers.addTransformers(mod.transformers);
                 break;
             case 'valueSources':
-                Formio.ValueSources.addValueSources(mod.valueSources);
+                extendedFormio.ValueSources.addValueSources(mod.valueSources);
                 break;
             case 'library':
                 options.license
-                    ? Formio.Licenses.addLicense(mod.library, options.license)
-                    : Formio.Licenses.removeLicense(mod.library);
+                    ? extendedFormio.Licenses.addLicense(mod.library, options.license)
+                    : extendedFormio.Licenses.removeLicense(mod.library);
                 break;
             default:
                 if (defaultFn) {
@@ -142,6 +142,20 @@ export function useModule(defaultFn = null) {
  * Formio.plugins(plugin1, options);
  * Formio.plugins([plugin1, plugin2, etc], options);
  */
-Formio.use = useModule();
+extendedFormio.use = useModule();
+// Allow simple embedding.
+extendedFormio.embedForm = (embed) => Form.embed(embed);
+/**
+ * Factory that creates a new form based on the form parameters.
+ *
+ * @param element {HMTLElement} - The HTML Element to add this form to.
+ * @param form {string|Object} - The src of the form, or a form object.
+ * @param options {Object} - The options to create this form.
+ *
+ * @return {Promise} - When the form is instance is ready.
+ */
+extendedFormio.createForm = (...args) => {
+    return (new Form(...args)).ready;
+};
 // Export the components.
-export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses, EventEmitter };
+export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, extendedFormio as Formio, Licenses };

package/lib/mjs/providers/address/AddressProvider.d.ts

@@ -2,14 +2,14 @@ export class AddressProvider {
     static get name(): string;
     static get displayName(): string;
     constructor(options?: {});
-    options: any;
+    options: {};
     beforeMergeOptions(): void;
     get defaultOptions(): {};
     get queryProperty(): string;
     get responseProperty(): null;
     get displayValueProperty(): null;
-    serialize(params: any): any;
-    getRequestOptions(options?: {}): any;
+    serialize(params: any): string;
+    getRequestOptions(options?: {}): {};
     getRequestUrl(options?: {}): void;
     makeRequest(options?: {}): any;
     search(query: any, options?: {}): any;

package/lib/mjs/providers/storage/s3.js

@@ -1,10 +1,6 @@
 import XHR from './xhr';
 import { withRetries } from './util';
-const loadAbortControllerPolyfill = async () => {
-    if (typeof AbortController === 'undefined') {
-        await import('abortcontroller-polyfill/dist/polyfill-patch-fetch');
-    }
-};
+const AbortController = window.AbortController || require('abortcontroller-polyfill/dist/cjs-ponyfill');
 function s3(formio) {
     return {
         async uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions) {
@@ -14,7 +10,6 @@ function s3(formio) {
                 if (response.signed) {
                     if (multipartOptions && Array.isArray(response.signed)) {
                         // patch abort callback
-                        await loadAbortControllerPolyfill();
                         const abortController = new AbortController();
                         const abortSignal = abortController.signal;
                         if (typeof abortCallback === 'function') {

package/lib/mjs/providers/storage/xhr.d.ts

@@ -1,7 +1,7 @@
 export function setXhrHeaders(formio: any, xhr: any): void;
 export default XHR;
 declare namespace XHR {
-    function trim(text: any): any;
+    function trim(text: any): string;
     function path(items: any): any;
     function upload(formio: any, type: any, xhrCallback: any, file: any, fileName: any, dir: any, progressCallback: any, groupPermissions: any, groupId: any, abortCallback: any, multipartOptions: any): Promise<any>;
     function makeXhrRequest(formio: any, xhrCallback: any, serverResponse: any, progressCallback: any, abortCallback: any): Promise<any>;

package/lib/mjs/translations/en.d.ts

@@ -62,5 +62,7 @@ declare namespace _default {
     const previousButtonAriaLabel: string;
     const nextButtonAriaLabel: string;
     const submitButtonAriaLabel: string;
+    const reCaptchaTokenValidationError: string;
+    const reCaptchaTokenNotSpecifiedError: string;
 }
 export default _default;

package/lib/mjs/translations/en.js

@@ -62,4 +62,6 @@ export default {
     previousButtonAriaLabel: 'Previous button. Click to go back to the previous tab',
     nextButtonAriaLabel: 'Next button. Click to go to the next tab',
     submitButtonAriaLabel: 'Submit Form button. Click to submit the form',
+    reCaptchaTokenValidationError: 'ReCAPTCHA: Token validation error',
+    reCaptchaTokenNotSpecifiedError: 'ReCAPTCHA: Token is not specified in submission',
 };

package/lib/mjs/utils/builder.d.ts

@@ -11,7 +11,7 @@ declare namespace _default {
     namespace additionalShortcuts {
         const button: string[];
     }
-    function getAlphaShortcuts(): any;
+    function getAlphaShortcuts(): string[];
     function getAdditionalShortcuts(type: any): any;
     function getBindedShortcuts(components: any, input: any): any[];
     function getAvailableShortcuts(form: any, component: any): {

package/lib/mjs/utils/conditionOperators/ConditionOperator.d.ts

@@ -3,5 +3,5 @@ export default class ConditionOperator {
     static get displayedName(): string;
     static get requireValue(): boolean;
     execute(options: any): boolean;
-    getResult(options?: {}): any;
+    getResult(options?: {}): boolean;
 }

package/lib/mjs/utils/conditionOperators/EndsWith.d.ts

@@ -2,6 +2,6 @@ export default class EndsWith extends ConditionOperator {
     execute({ value, comparedValue }: {
         value: any;
         comparedValue: any;
-    }): any;
+    }): boolean;
 }
 import ConditionOperator from './ConditionOperator';

package/lib/mjs/utils/conditionOperators/GreaterThan.d.ts

@@ -2,6 +2,6 @@ export default class GeaterThan extends ConditionOperator {
     execute({ value, comparedValue }: {
         value: any;
         comparedValue: any;
-    }): any;
+    }): boolean;
 }
 import ConditionOperator from './ConditionOperator';

package/lib/mjs/utils/conditionOperators/GreaterThanOrEqual.d.ts

@@ -2,6 +2,6 @@ export default class GreaterThanOrEqual extends ConditionOperator {
     execute({ value, comparedValue }: {
         value: any;
         comparedValue: any;
-    }): any;
+    }): boolean;
 }
 import ConditionOperator from './ConditionOperator';

package/lib/mjs/utils/conditionOperators/Includes.d.ts

@@ -2,6 +2,6 @@ export default class Includes extends ConditionOperator {
     execute({ value, comparedValue }: {
         value: any;
         comparedValue: any;
-    }): any;
+    }): boolean;
 }
 import ConditionOperator from './ConditionOperator';

package/lib/mjs/utils/conditionOperators/LessThan.d.ts

@@ -2,6 +2,6 @@ export default class LessThan extends ConditionOperator {
     execute({ value, comparedValue }: {
         value: any;
         comparedValue: any;
-    }): any;
+    }): boolean;
 }
 import ConditionOperator from './ConditionOperator';

package/lib/mjs/utils/conditionOperators/LessThanOrEqual.d.ts

@@ -2,6 +2,6 @@ export default class LessThanOrEqual extends ConditionOperator {
     execute({ value, comparedValue }: {
         value: any;
         comparedValue: any;
-    }): any;
+    }): boolean;
 }
 import ConditionOperator from './ConditionOperator';

package/lib/mjs/utils/conditionOperators/StartsWith.d.ts

@@ -2,6 +2,6 @@ export default class StartsWith extends ConditionOperator {
     execute({ value, comparedValue }: {
         value: any;
         comparedValue: any;
-    }): any;
+    }): boolean;
 }
 import ConditionOperator from './ConditionOperator';

package/lib/mjs/utils/conditionOperators/index.d.ts

@@ -1,6 +1,6 @@
 export default ConditionOperators;
 declare const ConditionOperators: {
-    [x: string]: typeof IsEqualTo | typeof DateGreaterThan;
+    [x: string]: typeof IsEmptyValue | typeof DateGreaterThan;
 };
-import IsEqualTo from './IsEqualTo';
+import IsEmptyValue from './IsEmptyValue';
 import DateGreaterThan from './DateGreaterThan';

package/lib/mjs/utils/utils.d.ts

@@ -130,7 +130,7 @@ export function guid(): string;
  * @return {(null|Date)}
  */
 export function getDateSetting(date: any): (null | Date);
-export function isValidDate(date: any): any;
+export function isValidDate(date: any): boolean;
 /**
  * Get the current timezone string.
  *
@@ -305,7 +305,7 @@ export function sanitize(string: any, options: any): any;
  */
 export function fastCloneDeep(obj: any): any;
 export function isInputComponent(componentJson: any): any;
-export function getArrayFromComponentPath(pathStr: any): any;
+export function getArrayFromComponentPath(pathStr: any): any[];
 export function hasInvalidComponent(component: any): any;
 export function getStringFromComponentPath(path: any): any;
 export function round(number: any, precision: any): any;
@@ -359,7 +359,7 @@ export * from "./formUtils";
  *
  * @return {T}
  */
-export const firstNonNil: any;
+export const firstNonNil: (...args: any[]) => any;
 export namespace componentValueTypes {
     const number: string;
     const string: string;
@@ -373,4 +373,5 @@ import jsonLogic from 'json-logic-js';
 import ConditionOperators from './conditionOperators';
 import Evaluator from './Evaluator';
 export const interpolate: (rawTemplate: any, data: any, _options: any) => any;
+import _ from 'lodash';
 export { jsonLogic, ConditionOperators, Evaluator, _ };

package/lib/mjs/validator/Validator.d.ts

@@ -1,7 +1,12 @@
 declare const instance: ValidationChecker;
 export class ValidationChecker {
     constructor(config?: {});
-    config: any;
+    config: {
+        db: null;
+        token: null;
+        form: null;
+        submission: null;
+    };
     validators: {
         required: {
             key: string;
@@ -173,7 +178,7 @@ export class ValidationChecker {
     validate(component: any, validatorName: any, value: any, data: any, index: any, row: any, async: any, conditionallyVisible: any, validationObj: any): false | {
         message: string;
         level: string;
-        path: any;
+        path: any[];
         context: {
             validator: any;
             hasLabel: any;
@@ -187,7 +192,7 @@ export class ValidationChecker {
     } | Promise<false | {
         message: string;
         level: string;
-        path: any;
+        path: any[];
         context: {
             validator: any;
             hasLabel: any;

package/lib/mjs/validator/Validator.js

@@ -853,7 +853,7 @@ class ValidationChecker {
     }
     validate(component, validatorName, value, data, index, row, async, conditionallyVisible, validationObj) {
         // Skip validation for conditionally hidden components
-        if (!conditionallyVisible) {
+        if (!conditionallyVisible && !_.get(component.component, 'validateWhenHidden', false)) {
             return false;
         }
         const validator = this.validators[validatorName];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-bb.dev.3",
+  "version": "5.0.0-bb.dev.4",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",