@formio/js 5.1.0-rc.20 → 5.1.0-rc.22

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

@@ -20,7 +20,9 @@
 
 /*! @license DOMPurify 3.2.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.3/LICENSE */
 
-/*! formiojs v5.1.0-rc.20 | https://unpkg.com/formiojs@5.1.0-rc.20/LICENSE.txt */
+/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+
+/*! formiojs v5.1.0-rc.22 | https://unpkg.com/formiojs@5.1.0-rc.22/LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 

package/lib/cjs/Embed.js

@@ -418,7 +418,7 @@ Formio.formioReady = new Promise((ready, reject) => {
     _a._formioReady = ready;
     _a._formioReadyReject = reject;
 });
-Formio.version = '5.1.0-rc.20';
+Formio.version = '5.1.0-rc.22';
 // Create a report.
 Formio.Report = {
     create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {

package/lib/cjs/Formio.js

@@ -11,7 +11,7 @@ const CDN_1 = __importDefault(require("./CDN"));
 const providers_1 = __importDefault(require("./providers"));
 sdk_1.Formio.cdn = new CDN_1.default();
 sdk_1.Formio.Providers = providers_1.default;
-sdk_1.Formio.version = '5.1.0-rc.20';
+sdk_1.Formio.version = '5.1.0-rc.22';
 CDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';
 const isNil = (val) => val === null || val === undefined;
 sdk_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {

package/lib/cjs/WebformBuilder.js

@@ -1634,7 +1634,7 @@ class WebformBuilder extends Component_1.default {
             info.type);
     }
     hasEditTabs(type) {
-        const editTabs = (0, formUtils_1.getComponent)(Components_1.default.components[type].editForm().components, 'tabs', true).components;
+        const editTabs = (0, formUtils_1.getComponent)(Components_1.default.components[type === 'custom' ? 'unknown' : type].editForm().components, 'tabs', true).components;
         const hiddenEditTabs = lodash_1.default.filter(lodash_1.default.get(this.options, `editForm.${type}`, []), 'ignore');
         return lodash_1.default.intersectionBy(editTabs, hiddenEditTabs, 'key').length !== editTabs.length;
     }

package/lib/cjs/Wizard.js

@@ -602,7 +602,7 @@ class Wizard extends Webform_1.default {
             }
             this.redraw().then(() => {
                 this.checkData(this.submission.data);
-                this.triggerCaptcha(this.currentPanel.componets);
+                this.triggerCaptcha(this.currentPanel.components);
                 const errors = this.submitted ? this.validate(this.localData, { dirty: true }) : this.validateCurrentPage();
                 if (this.alert) {
                     this.showErrors(errors, true, true);

package/lib/cjs/components/_classes/component/Component.d.ts

@@ -119,13 +119,6 @@ declare class Component extends Element {
      */
     paths: import('@formio/core').ComponentPaths;
     _path: string;
-    /**
-     * Determines if this component is conditionally hidden. Should generally not be set outside of conditional logic pipeline.
-     * This is necessary because of clearOnHide behavior that only clears when conditionally hidden - we need to track
-     * conditionallyHidden separately from "regular" visibility.
-     */
-    _parentConditionallyHidden: any;
-    _conditionallyHidden: any;
     /**
      * Determines if this component is visible, or not.
      */
@@ -170,6 +163,7 @@ declare class Component extends Element {
      */
     info: any;
     get componentsMap(): object;
+    get parentConditionallyHidden(): any;
     set data(value: any);
     get data(): any;
     mergeSchema(component?: {}): any;
@@ -239,6 +233,7 @@ declare class Component extends Element {
      * @returns {boolean} - Whether the component is conditionally hidden.
      */
     checkConditionallyHidden(data?: object, row?: object): boolean;
+    _conditionallyHidden: any;
     set currentForm(instance: any);
     get currentForm(): any;
     _currentForm: any;

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

@@ -346,8 +346,7 @@ class Component extends Element_1.default {
          * This is necessary because of clearOnHide behavior that only clears when conditionally hidden - we need to track
          * conditionallyHidden separately from "regular" visibility.
          */
-        this._parentConditionallyHidden = this.options.hasOwnProperty('parentConditionallyHidden') ? this.options.parentConditionallyHidden : false;
-        this._conditionallyHidden = this.checkConditionallyHidden(null, data) || this._parentConditionallyHidden;
+        this.checkConditionallyHidden(null, data);
         /**
          * Determines if this component is visible, or not.
          */
@@ -452,6 +451,18 @@ class Component extends Element_1.default {
         var _a;
         return ((_a = this.root) === null || _a === void 0 ? void 0 : _a.childComponentsMap) || {};
     }
+    get parentConditionallyHidden() {
+        let parentHidden = false;
+        let currentParent = this.parent;
+        while (currentParent) {
+            parentHidden = parentHidden || currentParent._conditionallyHidden;
+            if (parentHidden) {
+                break;
+            }
+            currentParent = currentParent.parent;
+        }
+        return parentHidden;
+    }
     get data() {
         return this._data;
     }
@@ -492,7 +503,7 @@ class Component extends Element_1.default {
     init() {
         var _a;
         this.disabled = this.shouldDisabled;
-        this._conditionallyHidden = this.checkConditionallyHidden();
+        this.checkConditionallyHidden();
         this._visible = (this.hasCondition() ? !this.conditionallyHidden : !this.component.hidden);
         if ((_a = this.component.addons) === null || _a === void 0 ? void 0 : _a.length) {
             this.component.addons.forEach((addon) => this.createAddon(addon));
@@ -656,7 +667,7 @@ class Component extends Element_1.default {
         return this._visible && this._parentVisible;
     }
     get conditionallyHidden() {
-        return this._conditionallyHidden || this._parentConditionallyHidden;
+        return this._conditionallyHidden || this.parentConditionallyHidden;
     }
     /**
      * Evaluates whether the component is conditionally hidden (as opposed to intentionally hidden, e.g. via the `hidden` component schema property).
@@ -665,10 +676,13 @@ class Component extends Element_1.default {
      * @returns {boolean} - Whether the component is conditionally hidden.
      */
     checkConditionallyHidden(data = null, row = null) {
+        this._conditionallyHidden = false;
         if (!this.hasCondition()) {
-            return false;
+            this._conditionallyHidden = this.parentConditionallyHidden;
+            return this._conditionallyHidden;
         }
-        return !this.conditionallyVisible(data, row);
+        this._conditionallyHidden = !this.conditionallyVisible(data, row) || this.parentConditionallyHidden;
+        return this._conditionallyHidden;
     }
     get currentForm() {
         return this._currentForm;
@@ -1937,12 +1951,7 @@ class Component extends Element_1.default {
             this.redraw();
         }
         // Check advanced conditions (and cache the result)
-        const isConditionallyHidden = this.checkConditionallyHidden(data, row) || this._parentConditionallyHidden;
-        let shouldClear = false;
-        if (isConditionallyHidden !== this._conditionallyHidden) {
-            this._conditionallyHidden = isConditionallyHidden;
-            shouldClear = true;
-        }
+        const shouldClear = this.checkConditionallyHidden(data, row);
         // Check visibility
         const visible = (this.hasCondition() ? !this.conditionallyHidden : !this.component.hidden);
         if (this.visible !== visible) {
@@ -2471,8 +2480,7 @@ class Component extends Element_1.default {
      * @returns {*} - The value for this component.
      */
     get dataValue() {
-        if (!this.key ||
-            (this.conditionallyHidden && this.component.clearOnHide && !this.rootPristine)) {
+        if (!this.key) {
             return this.emptyValue;
         }
         if (!this.hasValue() && this.shouldAddDefaultValue) {
@@ -2489,9 +2497,7 @@ class Component extends Element_1.default {
      * @param {*} value - The value to set for this component.
      */
     set dataValue(value) {
-        if (!this.allowData ||
-            !this.key ||
-            (this.conditionallyHidden && this.component.clearOnHide && !this.rootPristine)) {
+        if (!this.allowData || !this.key) {
             return;
         }
         if ((value !== null) && (value !== undefined)) {

package/lib/cjs/components/_classes/nested/NestedComponent.js

@@ -85,18 +85,16 @@ class NestedComponent extends Field_1.default {
         const visibilityChanged = this._visible !== value;
         this._visible = value;
         const isVisible = this.visible;
-        const isConditionallyHidden = this.checkConditionallyHidden();
+        this.checkConditionallyHidden();
         const forceShow = this.shouldForceShow();
         const forceHide = this.shouldForceHide();
         this.components.forEach((component) => {
             // Set the parent visibility first since we may have nested components within nested components
             // and they need to be able to determine their visibility based on the parent visibility.
             component.parentVisible = isVisible;
-            component._parentConditionallyHidden = isConditionallyHidden;
             let visible;
             if (component.hasCondition()) {
-                component._conditionallyHidden = component.checkConditionallyHidden() || component._parentConditionallyHidden;
-                visible = !component.conditionallyHidden;
+                visible = !component.checkConditionallyHidden();
             }
             else {
                 visible = !component.component.hidden;
@@ -377,7 +375,6 @@ class NestedComponent extends Field_1.default {
         data = data || this.data;
         options.parent = this;
         options.parentVisible = this.visible;
-        options.parentConditionallyHidden = this.conditionallyHidden;
         options.root = (options === null || options === void 0 ? void 0 : options.root) || this.root || this;
         options.localRoot = this.localRoot;
         options.skipInit = true;

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

@@ -1141,9 +1141,6 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             }
         }
         const changed = this.hasChanged(value, this.dataValue);
-        if (this.parent) {
-            this.parent.checkComponentConditions();
-        }
         this.dataValue = value;
         // Refresh editRow data when data changes.
         this.dataValue.forEach((row, rowIndex) => {
@@ -1174,7 +1171,6 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         this.editRows = this.editRows.slice(0, dataLength);
         this.openWhenEmpty();
         this.updateOnChange(flags, changed);
-        this.checkData();
         this.changeState(changed, flags);
         return changed;
     }

package/lib/cjs/components/form/Form.js

@@ -591,20 +591,16 @@ class FormComponent extends Component_1.default {
             return Promise.resolve(this.dataValue);
         }
         // we need to load a hidden form (when clearOnHide is disabled) in order to get and submit (if needed) its data
-        const loadHiddenForm = !this.subForm && !this.component.clearOnHide;
-        if ((this.isSubFormLazyLoad() || loadHiddenForm) && !this.subFormLoading) {
+        const loadHiddenForm = !this.component.clearOnHide;
+        if ((this.isSubFormLazyLoad() || loadHiddenForm) && !this.subFormLoading && !this.subForm) {
             return this.createSubForm(true, true)
-                .then(this.submitSubForm(false))
-                .then(() => {
-                return this.dataValue;
-            })
+                .then(() => this.submitSubForm(false))
+                .then(() => this.dataValue)
                 .then(() => super.beforeSubmit());
         }
         else {
             return this.submitSubForm(false)
-                .then(() => {
-                return this.dataValue;
-            })
+                .then(() => this.dataValue)
                 .then(() => super.beforeSubmit());
         }
     }

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

@@ -58,8 +58,7 @@ class HTMLComponent extends Component_1.default {
         super.checkRefreshOn(changed);
         let visible;
         if (this.hasCondition()) {
-            this._conditionallyHidden = this.checkConditionallyHidden();
-            visible = !this.conditionallyHidden;
+            visible = !this.checkConditionallyHidden();
         }
         else {
             visible = !this.component.hidden;

package/lib/cjs/components/tabs/Tabs.js

@@ -143,6 +143,7 @@ class TabsComponent extends NestedComponent_1.default {
             this.addClass(this.refs[this.tabLinkKey][index], 'active');
             this.addClass(this.refs[this.tabLinkKey][index], 'formio-tab-link-active');
         }
+        this.setValue(this.data);
         this.triggerChange();
     }
     beforeFocus(component) {

package/lib/mjs/Embed.js

@@ -14,7 +14,7 @@ export class Formio {
         Formio._formioReady = ready;
         Formio._formioReadyReject = reject;
     });
-    static version = '5.1.0-rc.20';
+    static version = '5.1.0-rc.22';
     static setLicense(license, norecurse = false) {
         Formio.license = license;
         if (!norecurse && Formio.FormioClass) {

package/lib/mjs/Formio.js

@@ -4,7 +4,7 @@ import CDN from './CDN';
 import Providers from './providers';
 FormioCore.cdn = new CDN();
 FormioCore.Providers = Providers;
-FormioCore.version = '5.1.0-rc.20';
+FormioCore.version = '5.1.0-rc.22';
 CDN.defaultCDN = FormioCore.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';
 const isNil = (val) => val === null || val === undefined;
 FormioCore.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {

package/lib/mjs/WebformBuilder.js

@@ -1637,7 +1637,7 @@ export default class WebformBuilder extends Component {
             info.type);
     }
     hasEditTabs(type) {
-        const editTabs = getComponent(Components.components[type].editForm().components, 'tabs', true).components;
+        const editTabs = getComponent(Components.components[type === 'custom' ? 'unknown' : type].editForm().components, 'tabs', true).components;
         const hiddenEditTabs = _.filter(_.get(this.options, `editForm.${type}`, []), 'ignore');
         return _.intersectionBy(editTabs, hiddenEditTabs, 'key').length !== editTabs.length;
     }

package/lib/mjs/Wizard.js

@@ -594,7 +594,7 @@ export default class Wizard extends Webform {
             }
             this.redraw().then(() => {
                 this.checkData(this.submission.data);
-                this.triggerCaptcha(this.currentPanel.componets);
+                this.triggerCaptcha(this.currentPanel.components);
                 const errors = this.submitted ? this.validate(this.localData, { dirty: true }) : this.validateCurrentPage();
                 if (this.alert) {
                     this.showErrors(errors, true, true);

package/lib/mjs/components/_classes/component/Component.d.ts

@@ -119,13 +119,6 @@ declare class Component extends Element {
      */
     paths: import('@formio/core').ComponentPaths;
     _path: string;
-    /**
-     * Determines if this component is conditionally hidden. Should generally not be set outside of conditional logic pipeline.
-     * This is necessary because of clearOnHide behavior that only clears when conditionally hidden - we need to track
-     * conditionallyHidden separately from "regular" visibility.
-     */
-    _parentConditionallyHidden: any;
-    _conditionallyHidden: any;
     /**
      * Determines if this component is visible, or not.
      */
@@ -170,6 +163,7 @@ declare class Component extends Element {
      */
     info: any;
     get componentsMap(): object;
+    get parentConditionallyHidden(): any;
     set data(value: any);
     get data(): any;
     mergeSchema(component?: {}): any;
@@ -239,6 +233,7 @@ declare class Component extends Element {
      * @returns {boolean} - Whether the component is conditionally hidden.
      */
     checkConditionallyHidden(data?: object, row?: object): boolean;
+    _conditionallyHidden: any;
     set currentForm(instance: any);
     get currentForm(): any;
     _currentForm: any;

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

@@ -320,8 +320,7 @@ export default class Component extends Element {
          * This is necessary because of clearOnHide behavior that only clears when conditionally hidden - we need to track
          * conditionallyHidden separately from "regular" visibility.
          */
-        this._parentConditionallyHidden = this.options.hasOwnProperty('parentConditionallyHidden') ? this.options.parentConditionallyHidden : false;
-        this._conditionallyHidden = this.checkConditionallyHidden(null, data) || this._parentConditionallyHidden;
+        this.checkConditionallyHidden(null, data);
         /**
          * Determines if this component is visible, or not.
          */
@@ -425,6 +424,18 @@ export default class Component extends Element {
     get componentsMap() {
         return this.root?.childComponentsMap || {};
     }
+    get parentConditionallyHidden() {
+        let parentHidden = false;
+        let currentParent = this.parent;
+        while (currentParent) {
+            parentHidden = parentHidden || currentParent._conditionallyHidden;
+            if (parentHidden) {
+                break;
+            }
+            currentParent = currentParent.parent;
+        }
+        return parentHidden;
+    }
     get data() {
         return this._data;
     }
@@ -464,7 +475,7 @@ export default class Component extends Element {
     }
     init() {
         this.disabled = this.shouldDisabled;
-        this._conditionallyHidden = this.checkConditionallyHidden();
+        this.checkConditionallyHidden();
         this._visible = (this.hasCondition() ? !this.conditionallyHidden : !this.component.hidden);
         if (this.component.addons?.length) {
             this.component.addons.forEach((addon) => this.createAddon(addon));
@@ -629,7 +640,7 @@ export default class Component extends Element {
         return this._visible && this._parentVisible;
     }
     get conditionallyHidden() {
-        return this._conditionallyHidden || this._parentConditionallyHidden;
+        return this._conditionallyHidden || this.parentConditionallyHidden;
     }
     /**
      * Evaluates whether the component is conditionally hidden (as opposed to intentionally hidden, e.g. via the `hidden` component schema property).
@@ -638,10 +649,13 @@ export default class Component extends Element {
      * @returns {boolean} - Whether the component is conditionally hidden.
      */
     checkConditionallyHidden(data = null, row = null) {
+        this._conditionallyHidden = false;
         if (!this.hasCondition()) {
-            return false;
+            this._conditionallyHidden = this.parentConditionallyHidden;
+            return this._conditionallyHidden;
         }
-        return !this.conditionallyVisible(data, row);
+        this._conditionallyHidden = !this.conditionallyVisible(data, row) || this.parentConditionallyHidden;
+        return this._conditionallyHidden;
     }
     get currentForm() {
         return this._currentForm;
@@ -1912,12 +1926,7 @@ export default class Component extends Element {
             this.redraw();
         }
         // Check advanced conditions (and cache the result)
-        const isConditionallyHidden = this.checkConditionallyHidden(data, row) || this._parentConditionallyHidden;
-        let shouldClear = false;
-        if (isConditionallyHidden !== this._conditionallyHidden) {
-            this._conditionallyHidden = isConditionallyHidden;
-            shouldClear = true;
-        }
+        const shouldClear = this.checkConditionallyHidden(data, row);
         // Check visibility
         const visible = (this.hasCondition() ? !this.conditionallyHidden : !this.component.hidden);
         if (this.visible !== visible) {
@@ -2451,8 +2460,7 @@ export default class Component extends Element {
      * @returns {*} - The value for this component.
      */
     get dataValue() {
-        if (!this.key ||
-            (this.conditionallyHidden && this.component.clearOnHide && !this.rootPristine)) {
+        if (!this.key) {
             return this.emptyValue;
         }
         if (!this.hasValue() && this.shouldAddDefaultValue) {
@@ -2469,9 +2477,7 @@ export default class Component extends Element {
      * @param {*} value - The value to set for this component.
      */
     set dataValue(value) {
-        if (!this.allowData ||
-            !this.key ||
-            (this.conditionallyHidden && this.component.clearOnHide && !this.rootPristine)) {
+        if (!this.allowData || !this.key) {
             return;
         }
         if ((value !== null) && (value !== undefined)) {

package/lib/mjs/components/_classes/nested/NestedComponent.js

@@ -81,18 +81,16 @@ export default class NestedComponent extends Field {
         const visibilityChanged = this._visible !== value;
         this._visible = value;
         const isVisible = this.visible;
-        const isConditionallyHidden = this.checkConditionallyHidden();
+        this.checkConditionallyHidden();
         const forceShow = this.shouldForceShow();
         const forceHide = this.shouldForceHide();
         this.components.forEach((component) => {
             // Set the parent visibility first since we may have nested components within nested components
             // and they need to be able to determine their visibility based on the parent visibility.
             component.parentVisible = isVisible;
-            component._parentConditionallyHidden = isConditionallyHidden;
             let visible;
             if (component.hasCondition()) {
-                component._conditionallyHidden = component.checkConditionallyHidden() || component._parentConditionallyHidden;
-                visible = !component.conditionallyHidden;
+                visible = !component.checkConditionallyHidden();
             }
             else {
                 visible = !component.component.hidden;
@@ -373,7 +371,6 @@ export default class NestedComponent extends Field {
         data = data || this.data;
         options.parent = this;
         options.parentVisible = this.visible;
-        options.parentConditionallyHidden = this.conditionallyHidden;
         options.root = options?.root || this.root || this;
         options.localRoot = this.localRoot;
         options.skipInit = true;

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

@@ -1132,9 +1132,6 @@ export default class EditGridComponent extends NestedArrayComponent {
             }
         }
         const changed = this.hasChanged(value, this.dataValue);
-        if (this.parent) {
-            this.parent.checkComponentConditions();
-        }
         this.dataValue = value;
         // Refresh editRow data when data changes.
         this.dataValue.forEach((row, rowIndex) => {
@@ -1165,7 +1162,6 @@ export default class EditGridComponent extends NestedArrayComponent {
         this.editRows = this.editRows.slice(0, dataLength);
         this.openWhenEmpty();
         this.updateOnChange(flags, changed);
-        this.checkData();
         this.changeState(changed, flags);
         return changed;
     }

package/lib/mjs/components/form/Form.js

@@ -584,20 +584,16 @@ export default class FormComponent extends Component {
             return Promise.resolve(this.dataValue);
         }
         // we need to load a hidden form (when clearOnHide is disabled) in order to get and submit (if needed) its data
-        const loadHiddenForm = !this.subForm && !this.component.clearOnHide;
-        if ((this.isSubFormLazyLoad() || loadHiddenForm) && !this.subFormLoading) {
+        const loadHiddenForm = !this.component.clearOnHide;
+        if ((this.isSubFormLazyLoad() || loadHiddenForm) && !this.subFormLoading && !this.subForm) {
             return this.createSubForm(true, true)
-                .then(this.submitSubForm(false))
-                .then(() => {
-                return this.dataValue;
-            })
+                .then(() => this.submitSubForm(false))
+                .then(() => this.dataValue)
                 .then(() => super.beforeSubmit());
         }
         else {
             return this.submitSubForm(false)
-                .then(() => {
-                return this.dataValue;
-            })
+                .then(() => this.dataValue)
                 .then(() => super.beforeSubmit());
         }
     }

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

@@ -53,8 +53,7 @@ export default class HTMLComponent extends Component {
         super.checkRefreshOn(changed);
         let visible;
         if (this.hasCondition()) {
-            this._conditionallyHidden = this.checkConditionallyHidden();
-            visible = !this.conditionallyHidden;
+            visible = !this.checkConditionallyHidden();
         }
         else {
             visible = !this.component.hidden;

package/lib/mjs/components/tabs/Tabs.js

@@ -138,6 +138,7 @@ export default class TabsComponent extends NestedComponent {
             this.addClass(this.refs[this.tabLinkKey][index], 'active');
             this.addClass(this.refs[this.tabLinkKey][index], 'formio-tab-link-active');
         }
+        this.setValue(this.data);
         this.triggerChange();
     }
     beforeFocus(component) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.1.0-rc.20",
+  "version": "5.1.0-rc.22",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -81,7 +81,7 @@
   "dependencies": {
     "@formio/bootstrap": "3.1.0-rc.2",
     "@formio/choices.js": "^10.2.1",
-    "@formio/core": "2.4.0-rc.11",
+    "@formio/core": "2.4.0-rc.12",
     "@formio/text-mask-addons": "^3.8.0-formio.4",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",