@formio/js 5.0.0-rc.32 → 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.32 | https://unpkg.com/formiojs@5.0.0-rc.32/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.32",
+  "version": "5.0.0-rc.33",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {