@formio/js 5.0.0-rc.31 → 5.0.0-rc.33

package/dist/formio.utils.min.js.LICENSE.txt

@@ -12,7 +12,7 @@
 
 /*! @license DOMPurify 3.0.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.6/LICENSE */
 
-/*! formiojs v5.0.0-rc.31 | https://unpkg.com/formiojs@5.0.0-rc.31/LICENSE.txt */
+/*! formiojs v5.0.0-rc.33 | https://unpkg.com/formiojs@5.0.0-rc.33/LICENSE.txt */
 
 /**
  * @license

package/lib/cjs/Embed.js

@@ -268,7 +268,8 @@ class Formio {
                             }
                         }]
                 }]));
-            const renderer = Formio.config.debug ? 'formio.form' : 'formio.form.min';
+            const formioSrc = Formio.config.full ? 'formio.full' : 'formio.form';
+            const renderer = Formio.config.debug ? formioSrc : `${formioSrc}.min`;
             Formio.FormioClass = yield Formio.addScript(wrapper, Formio.formioScript(Formio.config.script || `${Formio.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');
             Formio.FormioClass.cdn = Formio.cdn;
             Formio.FormioClass.setBaseUrl(options.baseUrl || Formio.baseUrl || Formio.config.base);
@@ -312,7 +313,10 @@ class Formio {
     // Called after an instance has been created.
     static afterCreate(instance, wrapper, readyEvent) {
         return __awaiter(this, void 0, void 0, function* () {
-            wrapper.removeChild(wrapper.querySelector('.formio-loader'));
+            const loader = wrapper.querySelector('.formio-loader');
+            if (loader) {
+                wrapper.removeChild(loader);
+            }
             Formio.FormioClass.events.emit(readyEvent, instance);
             if (Formio.config.after) {
                 Formio.debug('Calling ready callback');
@@ -324,6 +328,9 @@ class Formio {
     // Create a new form.
     static createForm(element, form, options = {}) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (Formio.FormioClass) {
+                return Formio.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true }));
+            }
             const wrapper = yield Formio.init(element, options);
             return Formio.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true })).then((instance) => {
                 // Set the default submission data.
@@ -339,7 +346,11 @@ class Formio {
     }
     // Create a form builder.
     static builder(element, form, options = {}) {
+        var _b;
         return __awaiter(this, void 0, void 0, function* () {
+            if ((_b = Formio.FormioClass) === null || _b === void 0 ? void 0 : _b.builder) {
+                return Formio.FormioClass.builder(element, form, options);
+            }
             const wrapper = yield Formio.init(element, options, true);
             return Formio.FormioClass.builder(element, form, options).then((instance) => {
                 Formio.afterCreate(instance, wrapper, 'builderEmbedded');
@@ -362,6 +373,10 @@ Formio.version = 'FORMIO_VERSION';
 // Create a report.
 Formio.Report = {
     create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
+        if ((_b = Formio.FormioClass) === null || _b === void 0 ? void 0 : _b.Report) {
+            return Formio.FormioClass.Report.create(element, submission, options);
+        }
         const wrapper = yield Formio.init(element, options, true);
         return Formio.FormioClass.Report.create(element, submission, options).then((instance) => {
             Formio.afterCreate(instance, wrapper, 'reportEmbedded');
@@ -384,6 +399,9 @@ class Form {
         };
     }
     init() {
+        if (this.instance && !this.instance.proxy) {
+            this.instance.destroy();
+        }
         this.element.innerHTML = '';
         this.ready = this.create().then((instance) => {
             this.instance = instance;
@@ -394,12 +412,22 @@ class Form {
     create() {
         return Formio.createForm(this.element, this.form, this.options);
     }
+    setForm(form) {
+        this.form = form;
+        if (this.instance) {
+            this.instance.setForm(form);
+        }
+    }
     setDisplay(display) {
         if (this.instance.proxy) {
             return this.ready;
         }
         this.form.display = display;
-        this.init();
+        this.instance.destroy();
+        this.ready = this.create().then((instance) => {
+            this.instance = instance;
+            this.setForm(this.form);
+        });
         return this.ready;
     }
 }

package/lib/cjs/WizardBuilder.js

@@ -97,7 +97,7 @@ class WizardBuilder extends WebformBuilder_1.default {
         const pages = this.pages;
         return (pages && (pages.length >= this.page)) ? pages[this.page] : null;
     }
-    set form(value) {
+    setForm(value) {
         this._form = value;
         if (!this._form.components || !Array.isArray(this._form.components)) {
             this._form.components = [];
@@ -113,6 +113,9 @@ class WizardBuilder extends WebformBuilder_1.default {
         }
         this.rebuild();
     }
+    set form(value) {
+        this.setForm(value);
+    }
     get form() {
         return this._form;
     }

package/lib/cjs/components/_classes/component/Component.js

@@ -1891,7 +1891,7 @@ class Component extends Element_1.default {
         if (this.options.onChange) {
             this.options.onChange(...args);
         }
-        else if (this.root) {
+        else if (this.root && this.root.triggerChange) {
             this.root.triggerChange(...args);
         }
     }

package/lib/cjs/components/_classes/nestedarray/NestedArrayComponent.js

@@ -60,6 +60,10 @@ class NestedArrayComponent extends NestedDataComponent_1.default {
         data = data || this.data;
         return this.validateComponents([this.component], data, flags);
     }
+    checkRow(...args) {
+        console.log('Deprecation Warning: checkRow method has been replaced with processRow');
+        return this.processRow.call(this, ...args);
+    }
     processRow(method, data, opts, row, components, silentCheck) {
         if (opts === null || opts === void 0 ? void 0 : opts.isolateRow) {
             silentCheck = true;

package/lib/mjs/Embed.js

@@ -258,7 +258,8 @@ class Formio {
                         }
                     }]
             }]));
-        const renderer = Formio.config.debug ? 'formio.form' : 'formio.form.min';
+        const formioSrc = Formio.config.full ? 'formio.full' : 'formio.form';
+        const renderer = Formio.config.debug ? formioSrc : `${formioSrc}.min`;
         Formio.FormioClass = await Formio.addScript(wrapper, Formio.formioScript(Formio.config.script || `${Formio.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');
         Formio.FormioClass.cdn = Formio.cdn;
         Formio.FormioClass.setBaseUrl(options.baseUrl || Formio.baseUrl || Formio.config.base);
@@ -300,7 +301,10 @@ class Formio {
     }
     // Called after an instance has been created.
     static async afterCreate(instance, wrapper, readyEvent) {
-        wrapper.removeChild(wrapper.querySelector('.formio-loader'));
+        const loader = wrapper.querySelector('.formio-loader');
+        if (loader) {
+            wrapper.removeChild(loader);
+        }
         Formio.FormioClass.events.emit(readyEvent, instance);
         if (Formio.config.after) {
             Formio.debug('Calling ready callback');
@@ -310,6 +314,12 @@ class Formio {
     }
     // Create a new form.
     static async createForm(element, form, options = {}) {
+        if (Formio.FormioClass) {
+            return Formio.FormioClass.createForm(element, form, {
+                ...options,
+                ...{ noLoader: true }
+            });
+        }
         const wrapper = await Formio.init(element, options);
         return Formio.FormioClass.createForm(element, form, {
             ...options,
@@ -327,6 +337,9 @@ class Formio {
     }
     // Create a form builder.
     static async builder(element, form, options = {}) {
+        if (Formio.FormioClass?.builder) {
+            return Formio.FormioClass.builder(element, form, options);
+        }
         const wrapper = await Formio.init(element, options, true);
         return Formio.FormioClass.builder(element, form, options).then((instance) => {
             Formio.afterCreate(instance, wrapper, 'builderEmbedded');
@@ -336,6 +349,9 @@ class Formio {
     // Create a report.
     static Report = {
         create: async (element, submission, options = {}) => {
+            if (Formio.FormioClass?.Report) {
+                return Formio.FormioClass.Report.create(element, submission, options);
+            }
             const wrapper = await Formio.init(element, options, true);
             return Formio.FormioClass.Report.create(element, submission, options).then((instance) => {
                 Formio.afterCreate(instance, wrapper, 'reportEmbedded');
@@ -359,6 +375,9 @@ export class Form {
         };
     }
     init() {
+        if (this.instance && !this.instance.proxy) {
+            this.instance.destroy();
+        }
         this.element.innerHTML = '';
         this.ready = this.create().then((instance) => {
             this.instance = instance;
@@ -369,12 +388,22 @@ export class Form {
     create() {
         return Formio.createForm(this.element, this.form, this.options);
     }
+    setForm(form) {
+        this.form = form;
+        if (this.instance) {
+            this.instance.setForm(form);
+        }
+    }
     setDisplay(display) {
         if (this.instance.proxy) {
             return this.ready;
         }
         this.form.display = display;
-        this.init();
+        this.instance.destroy();
+        this.ready = this.create().then((instance) => {
+            this.instance = instance;
+            this.setForm(this.form);
+        });
         return this.ready;
     }
 }

package/lib/mjs/WizardBuilder.js

@@ -92,7 +92,7 @@ export default class WizardBuilder extends WebformBuilder {
         const pages = this.pages;
         return (pages && (pages.length >= this.page)) ? pages[this.page] : null;
     }
-    set form(value) {
+    setForm(value) {
         this._form = value;
         if (!this._form.components || !Array.isArray(this._form.components)) {
             this._form.components = [];
@@ -108,6 +108,9 @@ export default class WizardBuilder extends WebformBuilder {
         }
         this.rebuild();
     }
+    set form(value) {
+        this.setForm(value);
+    }
     get form() {
         return this._form;
     }

package/lib/mjs/components/_classes/component/Component.js

@@ -1855,7 +1855,7 @@ export default class Component extends Element {
         if (this.options.onChange) {
             this.options.onChange(...args);
         }
-        else if (this.root) {
+        else if (this.root && this.root.triggerChange) {
             this.root.triggerChange(...args);
         }
     }

package/lib/mjs/components/_classes/nestedarray/NestedArrayComponent.js

@@ -56,6 +56,10 @@ export default class NestedArrayComponent extends NestedDataComponent {
         data = data || this.data;
         return this.validateComponents([this.component], data, flags);
     }
+    checkRow(...args) {
+        console.log('Deprecation Warning: checkRow method has been replaced with processRow');
+        return this.processRow.call(this, ...args);
+    }
     processRow(method, data, opts, row, components, silentCheck) {
         if (opts?.isolateRow) {
             silentCheck = true;

package/lib/mjs/components/editgrid/EditGrid.js

@@ -4,7 +4,7 @@ import { editgrid as templates } from '@formio/bootstrap/components';
 import NestedArrayComponent from '../_classes/nestedarray/NestedArrayComponent';
 import Component from '../_classes/component/Component';
 import Alert from '../alert/Alert';
-import { fastCloneDeep, Evaluator, getArrayFromComponentPath, eachComponent, getComponentsSchema } from '../../utils/utils';
+import { fastCloneDeep, Evaluator, getArrayFromComponentPath, eachComponent } from '../../utils/utils';
 const EditRowState = {
     New: 'new',
     Editing: 'editing',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-rc.31",
+  "version": "5.0.0-rc.33",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {

package/types/formio.d.ts

@@ -1,5 +1,11 @@
 import EventEmitter from 'eventemitter3';
 import Plugins from './Plugins';
+
+export interface FormioLibrarySource {
+    type: string;
+    src: string;
+}
+
 /**
  * The Formio class options interface.
  */
@@ -160,6 +166,10 @@ export declare class Formio {
      * A direct interface to the Form.io fetch Headers polyfill.
      */
     static Headers: any;
+    /**
+     * The rules definitions.
+     */
+    static rulesEntities: any;
     /**
      * All of the auth tokens for this session.
      */
@@ -1173,7 +1183,7 @@ export declare class Formio {
      * @param {boolean} polling - Determines if polling should be used to determine if they library is ready to use. If set to false, then it will rely on a global callback called ${name}Callback where "name" is the first property passed to this method. When this is called, that will indicate when the library is ready. In most cases, you will want to pass true to this parameter to initiate a polling method to check for the library availability in the global context.
      * @return {Promise<object>} - A promise that will resolve when the plugin is ready to be used.
      */
-    static requireLibrary(name: string, property: string, src: string | Array<string>, polling?: boolean, onload?: (ready: Promise<any>) => void): any;
+    static requireLibrary(name: string, property: string, src: string | Array<string> | FormioLibrarySource | Array<FormioLibrarySource>, polling?: boolean, onload?: (ready: Promise<any>) => void): any;
     /**
      * Determines if a lazy loaded library is ready to be used.
      *