@formio/js 5.0.0-dev.5671.e370c98 → 5.0.0-dev.5672.279701a

package/lib/cjs/components/_classes/multivalue/Multivalue.d.ts

@@ -44,7 +44,7 @@ export default class Multivalue extends Field {
     attachMultiMask(index: number): boolean;
     /**
      * @param {any} input - The input element on which the mask is to be applied.
-     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.
      */
     updateMask(input: any, mask: string): void;
     /**

package/lib/cjs/components/_classes/multivalue/Multivalue.js

@@ -237,10 +237,17 @@ class Multivalue extends Field_1.default {
     }
     /**
      * @param {any} input - The input element on which the mask is to be applied.
-     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.
      */
     updateMask(input, mask) {
         if (!mask) {
+            if (input.mask) {
+                input.mask.destroy();
+            }
+            if (!this.component.placeholder) {
+                input.removeAttribute('placeholder');
+            }
+            input.value = '';
             return;
         }
         this.setInputMask(input, mask, !this.component.placeholder);

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

@@ -48,7 +48,7 @@ class NumberComponent extends Input_1.default {
         var _a, _b;
         super(...args);
         const separators = (0, utils_1.getNumberSeparators)(this.options.language || navigator.language);
-        this.decimalSeparator = this.options.decimalSeparator = this.component.decimalSymbol || this.options.decimalSeparator
+        this.decimalSeparator = this.options.decimalSeparator = this.options.decimalSeparator
             || ((_a = this.options.properties) === null || _a === void 0 ? void 0 : _a.decimalSeparator)
             || separators.decimalSeparator;
         if (this.component.delimiter) {

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

@@ -5,5 +5,4 @@ import comp4 from './comp4';
 import comp5 from './comp5';
 import comp6 from './comp6';
 import comp7 from './comp7';
-import comp8 from './comp8';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8 };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };

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.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+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"));
@@ -18,5 +18,3 @@ const comp6_1 = __importDefault(require("./comp6"));
 exports.comp6 = comp6_1.default;
 const comp7_1 = __importDefault(require("./comp7"));
 exports.comp7 = comp7_1.default;
-const comp8_1 = __importDefault(require("./comp8"));
-exports.comp8 = comp8_1.default;

package/lib/cjs/components/phonenumber/fixtures/comp2.d.ts

@@ -0,0 +1,16 @@
+declare namespace _default {
+    let components: {
+        label: string;
+        applyMaskOn: string;
+        allowMultipleMasks: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        inputMasks: {
+            label: string;
+            mask: string;
+        }[];
+        input: boolean;
+    }[];
+}
+export default _default;

package/lib/cjs/components/phonenumber/fixtures/comp2.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    components: [
+        {
+            "label": "Phone Number",
+            "applyMaskOn": "change",
+            "allowMultipleMasks": true,
+            "tableView": true,
+            "key": "phoneNumber",
+            "type": "phoneNumber",
+            "inputMasks": [
+                {
+                    "label": "Canada",
+                    "mask": "(999) 999-9999"
+                },
+                {
+                    "label": "Other",
+                    "mask": ""
+                }
+            ],
+            "input": true
+        }
+    ]
+};

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

@@ -1,2 +1,3 @@
-export { comp1 };
 import comp1 from './comp1';
+import comp2 from './comp2';
+export { comp1, comp2 };

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

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp1 = void 0;
+exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
+const comp2_1 = __importDefault(require("./comp2"));
+exports.comp2 = comp2_1.default;

package/lib/mjs/components/_classes/multivalue/Multivalue.d.ts

@@ -44,7 +44,7 @@ export default class Multivalue extends Field {
     attachMultiMask(index: number): boolean;
     /**
      * @param {any} input - The input element on which the mask is to be applied.
-     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.
      */
     updateMask(input: any, mask: string): void;
     /**

package/lib/mjs/components/_classes/multivalue/Multivalue.js

@@ -232,10 +232,17 @@ export default class Multivalue extends Field {
     }
     /**
      * @param {any} input - The input element on which the mask is to be applied.
-     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.
      */
     updateMask(input, mask) {
         if (!mask) {
+            if (input.mask) {
+                input.mask.destroy();
+            }
+            if (!this.component.placeholder) {
+                input.removeAttribute('placeholder');
+            }
+            input.value = '';
             return;
         }
         this.setInputMask(input, mask, !this.component.placeholder);

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

@@ -46,7 +46,7 @@ export default class NumberComponent extends Input {
     constructor(...args) {
         super(...args);
         const separators = getNumberSeparators(this.options.language || navigator.language);
-        this.decimalSeparator = this.options.decimalSeparator = this.component.decimalSymbol || this.options.decimalSeparator
+        this.decimalSeparator = this.options.decimalSeparator = this.options.decimalSeparator
             || this.options.properties?.decimalSeparator
             || separators.decimalSeparator;
         if (this.component.delimiter) {

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

@@ -5,5 +5,4 @@ import comp4 from './comp4';
 import comp5 from './comp5';
 import comp6 from './comp6';
 import comp7 from './comp7';
-import comp8 from './comp8';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8 };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };

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

@@ -5,5 +5,4 @@ import comp4 from './comp4';
 import comp5 from './comp5';
 import comp6 from './comp6';
 import comp7 from './comp7';
-import comp8 from './comp8';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8 };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };

package/lib/mjs/components/phonenumber/fixtures/comp2.d.ts

@@ -0,0 +1,16 @@
+declare namespace _default {
+    let components: {
+        label: string;
+        applyMaskOn: string;
+        allowMultipleMasks: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        inputMasks: {
+            label: string;
+            mask: string;
+        }[];
+        input: boolean;
+    }[];
+}
+export default _default;

package/lib/mjs/components/phonenumber/fixtures/comp2.js

@@ -0,0 +1,23 @@
+export default {
+    components: [
+        {
+            "label": "Phone Number",
+            "applyMaskOn": "change",
+            "allowMultipleMasks": true,
+            "tableView": true,
+            "key": "phoneNumber",
+            "type": "phoneNumber",
+            "inputMasks": [
+                {
+                    "label": "Canada",
+                    "mask": "(999) 999-9999"
+                },
+                {
+                    "label": "Other",
+                    "mask": ""
+                }
+            ],
+            "input": true
+        }
+    ]
+};

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

@@ -1,2 +1,3 @@
-export { comp1 };
 import comp1 from './comp1';
+import comp2 from './comp2';
+export { comp1, comp2 };

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

@@ -1,2 +1,3 @@
 import comp1 from './comp1';
-export { comp1 };
+import comp2 from './comp2';
+export { comp1, comp2 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5671.e370c98",
+  "version": "5.0.0-dev.5672.279701a",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {

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

@@ -1,32 +0,0 @@
-declare namespace _default {
-    let components: ({
-        label: string;
-        applyMaskOn: string;
-        mask: boolean;
-        tableView: boolean;
-        delimiter: boolean;
-        requireDecimal: boolean;
-        inputFormat: string;
-        truncateMultipleSpaces: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        decimalSymbol: string;
-        disableOnInvalid?: undefined;
-    } | {
-        type: string;
-        label: string;
-        key: string;
-        disableOnInvalid: boolean;
-        input: boolean;
-        tableView: boolean;
-        applyMaskOn?: undefined;
-        mask?: undefined;
-        delimiter?: undefined;
-        requireDecimal?: undefined;
-        inputFormat?: undefined;
-        truncateMultipleSpaces?: undefined;
-        decimalSymbol?: undefined;
-    })[];
-}
-export default _default;

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    components: [
-        {
-            "label": "Number",
-            "applyMaskOn": "change",
-            "mask": false,
-            "tableView": false,
-            "delimiter": false,
-            "requireDecimal": false,
-            "inputFormat": "plain",
-            "truncateMultipleSpaces": false,
-            "key": "number",
-            "type": "number",
-            "input": true,
-            "decimalSymbol": "-"
-        },
-        {
-            "type": "button",
-            "label": "Submit",
-            "key": "submit",
-            "disableOnInvalid": true,
-            "input": true,
-            "tableView": false
-        }
-    ]
-};

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

@@ -1,32 +0,0 @@
-declare namespace _default {
-    let components: ({
-        label: string;
-        applyMaskOn: string;
-        mask: boolean;
-        tableView: boolean;
-        delimiter: boolean;
-        requireDecimal: boolean;
-        inputFormat: string;
-        truncateMultipleSpaces: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        decimalSymbol: string;
-        disableOnInvalid?: undefined;
-    } | {
-        type: string;
-        label: string;
-        key: string;
-        disableOnInvalid: boolean;
-        input: boolean;
-        tableView: boolean;
-        applyMaskOn?: undefined;
-        mask?: undefined;
-        delimiter?: undefined;
-        requireDecimal?: undefined;
-        inputFormat?: undefined;
-        truncateMultipleSpaces?: undefined;
-        decimalSymbol?: undefined;
-    })[];
-}
-export default _default;

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

@@ -1,26 +0,0 @@
-export default {
-    components: [
-        {
-            "label": "Number",
-            "applyMaskOn": "change",
-            "mask": false,
-            "tableView": false,
-            "delimiter": false,
-            "requireDecimal": false,
-            "inputFormat": "plain",
-            "truncateMultipleSpaces": false,
-            "key": "number",
-            "type": "number",
-            "input": true,
-            "decimalSymbol": "-"
-        },
-        {
-            "type": "button",
-            "label": "Submit",
-            "key": "submit",
-            "disableOnInvalid": true,
-            "input": true,
-            "tableView": false
-        }
-    ]
-};