@formio/js 5.0.0-rc.93 → 5.0.0-rc.95

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

@@ -20,7 +20,7 @@
 
 /*! @license DOMPurify 3.1.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.1.6/LICENSE */
 
-/*! formiojs v5.0.0-rc.93 | https://unpkg.com/formiojs@5.0.0-rc.93/LICENSE.txt */
+/*! formiojs v5.0.0-rc.95 | https://unpkg.com/formiojs@5.0.0-rc.95/LICENSE.txt */
 
 /**
  * @license

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

@@ -13,7 +13,6 @@ const utils_1 = require("../../utils/utils");
 const EditRowState = {
     New: 'new',
     Editing: 'editing',
-    Saving: 'saving',
     Saved: 'saved',
     Viewing: 'viewing',
     Removed: 'removed',
@@ -799,10 +798,6 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         if (!this.component.rowDrafts) {
             editRow.components.forEach((comp) => comp.setPristine(false));
         }
-        // Mark the row with a 'Saving' state to trigger validation for future row changes
-        if (editRow.state === EditRowState.New) {
-            editRow.state = EditRowState.Saving;
-        }
         const errors = this.validateRow(editRow, true);
         if (!this.component.rowDrafts) {
             if (errors.length) {
@@ -815,7 +810,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                 this.root.focusedComponent = null;
             }
             switch (editRow.state) {
-                case EditRowState.Saving: {
+                case EditRowState.New: {
                     const newIndex = dataValue.length;
                     dataValue.push(editRow.data);
                     editRow.components.forEach(component => component.rowIndex = newIndex);
@@ -975,7 +970,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
     }
     shouldValidateRow(editRow, dirty, fromSubmission) {
         return this.shouldValidateDraft(editRow) ||
-            editRow.state === EditRowState.Saving ||
+            editRow.state === EditRowState.New ||
             editRow.state === EditRowState.Editing ||
             editRow.alerts ||
             fromSubmission ||
@@ -991,7 +986,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             editGridValue[editRow.rowIndex] = editRow.data;
             lodash_1.default.set(rootValue, this.path, editGridValue);
             const validationProcessorProcess = (context) => this.validationProcessor(context, { dirty, silentCheck });
-            editRow.errors = (0, process_1.processSync)({
+            const errors = (0, process_1.processSync)({
                 components: (0, utils_1.fastCloneDeep)(this.component.components).map((component) => {
                     component.parentPath = `${this.path}[${editRow.rowIndex}]`;
                     return component;
@@ -1008,6 +1003,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                     }
                 ]
             }).errors;
+            editRow.errors = (this.component.modal || this.component.rowDrafts)
+                ? errors
+                : errors.filter((err) => lodash_1.default.find(this.visibleErrors, ['component.id', err.component.id]));
         }
         // TODO: this is essentially running its own custom validation and should be moved into a validation rule
         if (this.component.validate && this.component.validate.row) {

package/lib/cjs/components/editgrid/fixtures/comp20.d.ts

@@ -0,0 +1,43 @@
+declare namespace _default {
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        alwaysEnabled: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        validateWhenHidden?: undefined;
+        rowDrafts?: undefined;
+        displayAsTable?: undefined;
+        components?: undefined;
+    } | {
+        label: string;
+        tableView: boolean;
+        validateWhenHidden: boolean;
+        rowDrafts: boolean;
+        key: string;
+        type: string;
+        displayAsTable: boolean;
+        input: boolean;
+        components: {
+            label: string;
+            applyMaskOn: string;
+            tableView: boolean;
+            validate: {
+                custom: string;
+            };
+            validateWhenHidden: boolean;
+            key: string;
+            type: string;
+            alwaysEnabled: boolean;
+            input: boolean;
+        }[];
+        alwaysEnabled?: undefined;
+    })[];
+}
+export default _default;

package/lib/cjs/components/editgrid/fixtures/comp20.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    title: "edit grid validation",
+    name: "EG_validation",
+    path: "EG_validation",
+    type: "form",
+    display: "form",
+    components: [
+        {
+            label: 'Root Text',
+            alwaysEnabled: false,
+            tableView: true,
+            key: 'text',
+            type: 'textfield',
+            input: true
+        },
+        {
+            label: "Edit Grid",
+            tableView: false,
+            validateWhenHidden: false,
+            rowDrafts: false,
+            key: "editGrid",
+            type: "editgrid",
+            displayAsTable: false,
+            input: true,
+            components: [
+                {
+                    label: 'Textfield - EG',
+                    applyMaskOn: 'change',
+                    tableView: true,
+                    validate: {
+                        custom: "valid = (input === data.text) ? true : 'data must match root textfield';"
+                    },
+                    validateWhenHidden: false,
+                    key: 'rootTest',
+                    type: 'textfield',
+                    alwaysEnabled: false,
+                    input: true
+                },
+            ],
+        },
+    ],
+};

package/lib/cjs/components/editgrid/fixtures/index.d.ts

@@ -16,7 +16,8 @@ import comp15 from './comp15';
 import comp16 from './comp16';
 import comp18 from './comp18';
 import comp19 from './comp19';
+import comp20 from './comp20';
 import compOpenWhenEmpty from './comp-openWhenEmpty';
 import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
 import compWithCustomDefaultValue from './comp-with-custom-default-value';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };

package/lib/cjs/components/editgrid/fixtures/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.compTestEvents = exports.compWithCustomDefaultValue = exports.withOpenWhenEmptyAndConditions = exports.compOpenWhenEmpty = exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+exports.compTestEvents = exports.compWithCustomDefaultValue = exports.withOpenWhenEmptyAndConditions = exports.compOpenWhenEmpty = exports.comp20 = exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
@@ -42,6 +42,8 @@ const comp18_1 = __importDefault(require("./comp18"));
 exports.comp18 = comp18_1.default;
 const comp19_1 = __importDefault(require("./comp19"));
 exports.comp19 = comp19_1.default;
+const comp20_1 = __importDefault(require("./comp20"));
+exports.comp20 = comp20_1.default;
 const comp_with_conditions_and_openWhenEmpty_1 = __importDefault(require("./comp-with-conditions-and-openWhenEmpty"));
 exports.withOpenWhenEmptyAndConditions = comp_with_conditions_and_openWhenEmpty_1.default;
 const comp_openWhenEmpty_1 = __importDefault(require("./comp-openWhenEmpty"));

package/lib/cjs/components/number/Number.js

@@ -172,7 +172,13 @@ class NumberComponent extends Input_1.default {
         }
         let value = parseFloat(input);
         if (!lodash_1.default.isNaN(value)) {
-            value = String(value).replace('.', this.decimalSeparator);
+            // Format scientific notation
+            if (/e/i.test(String(value))) {
+                value = value.toExponential(this.decimalLimit);
+            }
+            else {
+                value = String(value).replace('.', this.decimalSeparator);
+            }
         }
         else {
             value = null;

package/lib/cjs/components/number/fixtures/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+exports.scientificNotation = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));

package/lib/cjs/components/number/fixtures/scientificNotation.d.ts

@@ -0,0 +1,14 @@
+declare namespace _default {
+    let label: string;
+    let mask: boolean;
+    let spellcheck: boolean;
+    let tableView: boolean;
+    let delimiter: boolean;
+    let requireDecimal: boolean;
+    let inputFormat: string;
+    let key: string;
+    let type: string;
+    let decimalLimit: number;
+    let input: boolean;
+}
+export default _default;

package/lib/cjs/components/number/fixtures/scientificNotation.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'label': 'Number',
+    'mask': false,
+    'spellcheck': true,
+    'tableView': true,
+    'delimiter': true,
+    'requireDecimal': true,
+    'inputFormat': 'plain',
+    'key': 'number',
+    'type': 'number',
+    'decimalLimit': 2,
+    'input': true
+};

package/lib/cjs/components/select/Select.d.ts

@@ -131,7 +131,7 @@ export default class SelectComponent extends ListComponent {
     addCurrentChoices(values: any, items: any, keyValue: any): any;
     getValueAsString(data: any, options: any): any;
     normalizeSingleValue(value: any): any;
-    setMetadata(value: any): any;
+    setMetadata(value: any, flags?: {}): any;
     updateValue(value: any, flags: any): boolean;
     undoValueTyping(value: any): any;
     setValue(value: any, flags?: {}): boolean;

package/lib/cjs/components/select/Select.js

@@ -1205,8 +1205,8 @@ class SelectComponent extends ListComponent_1.default {
         }
         return super.normalizeValue(this.normalizeSingleValue(value));
     }
-    setMetadata(value) {
-        var _a;
+    setMetadata(value, flags = {}) {
+        var _a, _b;
         if (lodash_1.default.isNil(value)) {
             return;
         }
@@ -1240,15 +1240,22 @@ class SelectComponent extends ListComponent_1.default {
             }
             lodash_1.default.set(submission.metadata.selectData, this.path, templateData);
         }
+        if (flags.resetValue && ((_b = this.root) === null || _b === void 0 ? void 0 : _b.submission)) {
+            const submission = this.root.submission;
+            if (!submission.metadata) {
+                submission.metadata = {};
+            }
+            submission.metadata.selectData = {};
+        }
     }
     updateValue(value, flags) {
         const changed = super.updateValue(value, flags);
-        if (changed || !this.selectMetadata) {
+        if (changed || !this.selectMetadata || flags.resetValue) {
             if (this.component.multiple && Array.isArray(this.dataValue)) {
-                this.dataValue.forEach(singleValue => this.setMetadata(singleValue));
+                this.dataValue.forEach(singleValue => this.setMetadata(singleValue, flags));
             }
             else {
-                this.setMetadata(this.dataValue);
+                this.setMetadata(this.dataValue, flags);
             }
         }
         return changed;

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

@@ -8,7 +8,6 @@ import { fastCloneDeep, Evaluator, getArrayFromComponentPath, eachComponent } fr
 const EditRowState = {
     New: 'new',
     Editing: 'editing',
-    Saving: 'saving',
     Saved: 'saved',
     Viewing: 'viewing',
     Removed: 'removed',
@@ -789,10 +788,6 @@ export default class EditGridComponent extends NestedArrayComponent {
         if (!this.component.rowDrafts) {
             editRow.components.forEach((comp) => comp.setPristine(false));
         }
-        // Mark the row with a 'Saving' state to trigger validation for future row changes
-        if (editRow.state === EditRowState.New) {
-            editRow.state = EditRowState.Saving;
-        }
         const errors = this.validateRow(editRow, true);
         if (!this.component.rowDrafts) {
             if (errors.length) {
@@ -805,7 +800,7 @@ export default class EditGridComponent extends NestedArrayComponent {
                 this.root.focusedComponent = null;
             }
             switch (editRow.state) {
-                case EditRowState.Saving: {
+                case EditRowState.New: {
                     const newIndex = dataValue.length;
                     dataValue.push(editRow.data);
                     editRow.components.forEach(component => component.rowIndex = newIndex);
@@ -965,7 +960,7 @@ export default class EditGridComponent extends NestedArrayComponent {
     }
     shouldValidateRow(editRow, dirty, fromSubmission) {
         return this.shouldValidateDraft(editRow) ||
-            editRow.state === EditRowState.Saving ||
+            editRow.state === EditRowState.New ||
             editRow.state === EditRowState.Editing ||
             editRow.alerts ||
             fromSubmission ||
@@ -980,7 +975,7 @@ export default class EditGridComponent extends NestedArrayComponent {
             editGridValue[editRow.rowIndex] = editRow.data;
             _.set(rootValue, this.path, editGridValue);
             const validationProcessorProcess = (context) => this.validationProcessor(context, { dirty, silentCheck });
-            editRow.errors = processSync({
+            const errors = processSync({
                 components: fastCloneDeep(this.component.components).map((component) => {
                     component.parentPath = `${this.path}[${editRow.rowIndex}]`;
                     return component;
@@ -997,6 +992,9 @@ export default class EditGridComponent extends NestedArrayComponent {
                     }
                 ]
             }).errors;
+            editRow.errors = (this.component.modal || this.component.rowDrafts)
+                ? errors
+                : errors.filter((err) => _.find(this.visibleErrors, ['component.id', err.component.id]));
         }
         // TODO: this is essentially running its own custom validation and should be moved into a validation rule
         if (this.component.validate && this.component.validate.row) {

package/lib/mjs/components/editgrid/fixtures/comp20.d.ts

@@ -0,0 +1,43 @@
+declare namespace _default {
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        alwaysEnabled: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        validateWhenHidden?: undefined;
+        rowDrafts?: undefined;
+        displayAsTable?: undefined;
+        components?: undefined;
+    } | {
+        label: string;
+        tableView: boolean;
+        validateWhenHidden: boolean;
+        rowDrafts: boolean;
+        key: string;
+        type: string;
+        displayAsTable: boolean;
+        input: boolean;
+        components: {
+            label: string;
+            applyMaskOn: string;
+            tableView: boolean;
+            validate: {
+                custom: string;
+            };
+            validateWhenHidden: boolean;
+            key: string;
+            type: string;
+            alwaysEnabled: boolean;
+            input: boolean;
+        }[];
+        alwaysEnabled?: undefined;
+    })[];
+}
+export default _default;

package/lib/mjs/components/editgrid/fixtures/comp20.js

@@ -0,0 +1,42 @@
+export default {
+    title: "edit grid validation",
+    name: "EG_validation",
+    path: "EG_validation",
+    type: "form",
+    display: "form",
+    components: [
+        {
+            label: 'Root Text',
+            alwaysEnabled: false,
+            tableView: true,
+            key: 'text',
+            type: 'textfield',
+            input: true
+        },
+        {
+            label: "Edit Grid",
+            tableView: false,
+            validateWhenHidden: false,
+            rowDrafts: false,
+            key: "editGrid",
+            type: "editgrid",
+            displayAsTable: false,
+            input: true,
+            components: [
+                {
+                    label: 'Textfield - EG',
+                    applyMaskOn: 'change',
+                    tableView: true,
+                    validate: {
+                        custom: "valid = (input === data.text) ? true : 'data must match root textfield';"
+                    },
+                    validateWhenHidden: false,
+                    key: 'rootTest',
+                    type: 'textfield',
+                    alwaysEnabled: false,
+                    input: true
+                },
+            ],
+        },
+    ],
+};

package/lib/mjs/components/editgrid/fixtures/index.d.ts

@@ -16,7 +16,8 @@ import comp15 from './comp15';
 import comp16 from './comp16';
 import comp18 from './comp18';
 import comp19 from './comp19';
+import comp20 from './comp20';
 import compOpenWhenEmpty from './comp-openWhenEmpty';
 import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
 import compWithCustomDefaultValue from './comp-with-custom-default-value';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };

package/lib/mjs/components/editgrid/fixtures/index.js

@@ -17,8 +17,9 @@ import comp16 from './comp16';
 import comp17 from './comp17';
 import comp18 from './comp18';
 import comp19 from './comp19';
+import comp20 from './comp20';
 import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
 import compOpenWhenEmpty from './comp-openWhenEmpty';
 import compWithCustomDefaultValue from './comp-with-custom-default-value';
 import compTestEvents from './comp-test-events';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };

package/lib/mjs/components/number/Number.js

@@ -170,7 +170,13 @@ export default class NumberComponent extends Input {
         }
         let value = parseFloat(input);
         if (!_.isNaN(value)) {
-            value = String(value).replace('.', this.decimalSeparator);
+            // Format scientific notation
+            if (/e/i.test(String(value))) {
+                value = value.toExponential(this.decimalLimit);
+            }
+            else {
+                value = String(value).replace('.', this.decimalSeparator);
+            }
         }
         else {
             value = null;

package/lib/mjs/components/number/fixtures/index.js

@@ -9,4 +9,4 @@ import comp8 from './comp8';
 import comp9 from './comp9';
 import comp10 from './comp10';
 import comp11 from './comp11';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11 };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, scientificNotation };

package/lib/mjs/components/number/fixtures/scientificNotation.d.ts

@@ -0,0 +1,14 @@
+declare namespace _default {
+    let label: string;
+    let mask: boolean;
+    let spellcheck: boolean;
+    let tableView: boolean;
+    let delimiter: boolean;
+    let requireDecimal: boolean;
+    let inputFormat: string;
+    let key: string;
+    let type: string;
+    let decimalLimit: number;
+    let input: boolean;
+}
+export default _default;

package/lib/mjs/components/number/fixtures/scientificNotation.js

@@ -0,0 +1,13 @@
+export default {
+    'label': 'Number',
+    'mask': false,
+    'spellcheck': true,
+    'tableView': true,
+    'delimiter': true,
+    'requireDecimal': true,
+    'inputFormat': 'plain',
+    'key': 'number',
+    'type': 'number',
+    'decimalLimit': 2,
+    'input': true
+};

package/lib/mjs/components/select/Select.d.ts

@@ -131,7 +131,7 @@ export default class SelectComponent extends ListComponent {
     addCurrentChoices(values: any, items: any, keyValue: any): any;
     getValueAsString(data: any, options: any): any;
     normalizeSingleValue(value: any): any;
-    setMetadata(value: any): any;
+    setMetadata(value: any, flags?: {}): any;
     updateValue(value: any, flags: any): boolean;
     undoValueTyping(value: any): any;
     setValue(value: any, flags?: {}): boolean;

package/lib/mjs/components/select/Select.js

@@ -1234,7 +1234,7 @@ export default class SelectComponent extends ListComponent {
         }
         return super.normalizeValue(this.normalizeSingleValue(value));
     }
-    setMetadata(value) {
+    setMetadata(value, flags = {}) {
         if (_.isNil(value)) {
             return;
         }
@@ -1268,15 +1268,22 @@ export default class SelectComponent extends ListComponent {
             }
             _.set(submission.metadata.selectData, this.path, templateData);
         }
+        if (flags.resetValue && this.root?.submission) {
+            const submission = this.root.submission;
+            if (!submission.metadata) {
+                submission.metadata = {};
+            }
+            submission.metadata.selectData = {};
+        }
     }
     updateValue(value, flags) {
         const changed = super.updateValue(value, flags);
-        if (changed || !this.selectMetadata) {
+        if (changed || !this.selectMetadata || flags.resetValue) {
             if (this.component.multiple && Array.isArray(this.dataValue)) {
-                this.dataValue.forEach(singleValue => this.setMetadata(singleValue));
+                this.dataValue.forEach(singleValue => this.setMetadata(singleValue, flags));
             }
             else {
-                this.setMetadata(this.dataValue);
+                this.setMetadata(this.dataValue, flags);
             }
         }
         return changed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-rc.93",
+  "version": "5.0.0-rc.95",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -79,10 +79,10 @@
   },
   "homepage": "https://github.com/formio/formio.js#readme",
   "dependencies": {
-    "@formio/bootstrap": "3.0.0-rc.40",
+    "@formio/bootstrap": "3.0.0-rc.41",
     "@formio/choices.js": "^10.2.1",
-    "@formio/core": "2.3.0-rc.14",
-    "@formio/text-mask-addons": "^3.8.0-formio.2",
+    "@formio/core": "2.3.0-rc.17",
+    "@formio/text-mask-addons": "^3.8.0-formio.3",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",
     "autocompleter": "^8.0.4",