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

package/lib/mjs/components/html/HTML.d.ts

@@ -14,5 +14,6 @@ export default class HTMLComponent extends Component {
     checkRefreshOn(changed: any): void;
     renderContent(): any;
     render(): any;
+    get dataReady(): any;
 }
 import Component from '../_classes/component/Component';

package/lib/mjs/components/html/HTML.js

@@ -80,8 +80,16 @@ export default class HTMLComponent extends Component {
     render() {
         return super.render(this.renderContent());
     }
+    get dataReady() {
+        return this.root?.submissionReady || Promise.resolve();
+    }
     attach(element) {
         this.loadRefs(element, { html: 'single' });
+        this.dataReady.then(() => {
+            if (this.element) {
+                this.setContent(this.elemet, this.content);
+            }
+        });
         return super.attach(element);
     }
 }

package/lib/mjs/components/recaptcha/ReCaptcha.js

@@ -121,17 +121,17 @@ export default class ReCaptchaComponent extends Component {
         }
         const componentData = row[this.component.key];
         if (!componentData || !componentData.token) {
-            this.setCustomValidity('ReCAPTCHA: Token is not specified in submission');
+            this.setCustomValidity(this.t('reCaptchaTokenNotSpecifiedError'));
             return Promise.resolve(false);
         }
         if (!componentData.success) {
-            this.setCustomValidity('ReCAPTCHA: Token validation error');
+            this.setCustomValidity(this.t('reCaptchaTokenValidationError'));
             return Promise.resolve(false);
         }
         return this.hook('validateReCaptcha', componentData.token, () => Promise.resolve(true))
             .then((success) => success)
             .catch((err) => {
-            this.setCustomValidity(err.message || err);
+            this.setCustomValidity(this.t(err.message || err));
             return false;
         });
     }

package/lib/mjs/formio.form.js

@@ -143,5 +143,19 @@ export function useModule(defaultFn = null) {
  * Formio.plugins([plugin1, plugin2, etc], options);
  */
 Formio.use = useModule();
+// Allow simple embedding.
+Formio.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.
+ */
+Formio.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 };

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/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.6",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -79,7 +79,7 @@
   "dependencies": {
     "@formio/bootstrap": "^3.0.0-rc.20",
     "@formio/choices.js": "^10.2.0",
-    "@formio/core": "1.3.0-rc.16",
+    "@formio/core": "2.0.0-dev.4",
     "@formio/text-mask-addons": "^3.8.0-formio.2",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",