@formio/js 5.0.0-dev.5672.279701a → 5.0.0-dev.5673.3d062b9

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 and remove previous mask if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
      */
     updateMask(input: any, mask: string): void;
     /**

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

@@ -237,17 +237,10 @@ 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 and remove previous mask if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early 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/phonenumber/fixtures/index.d.ts

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

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

@@ -3,8 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp2 = exports.comp1 = void 0;
+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/cjs/utils/conditionOperators/DateGreaterThan.js

@@ -19,12 +19,13 @@ class DateGeaterThan extends ConditionOperator_1.default {
         return { date, comparedDate };
     }
     execute(options, functionName = 'isAfter') {
+        var _a;
         const { value, instance, conditionComponentPath } = options;
         if (!value) {
             return false;
         }
         let conditionTriggerComponent = null;
-        if (instance && instance.root) {
+        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {
             conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
         }
         if (conditionTriggerComponent && conditionTriggerComponent.isPartialDay && conditionTriggerComponent.isPartialDay(value)) {

package/lib/cjs/utils/conditionOperators/IsEmptyValue.js

@@ -16,8 +16,9 @@ class IsEmptyValue extends ConditionOperator_1.default {
         return false;
     }
     execute({ value, instance, conditionComponentPath }) {
+        var _a;
         const isEmptyValue = lodash_1.default.isEmpty(value);
-        if (instance && instance.root) {
+        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {
             const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
             return conditionTriggerComponent ? conditionTriggerComponent.isEmpty() : isEmptyValue;
         }

package/lib/cjs/utils/conditionOperators/IsEqualTo.js

@@ -14,7 +14,7 @@ class IsEqualTo extends ConditionOperator_1.default {
         return 'Is Equal To';
     }
     execute({ value, comparedValue, instance, conditionComponentPath }) {
-        var _a;
+        var _a, _b;
         if ((value || value === false) && comparedValue && typeof value !== typeof comparedValue && lodash_1.default.isString(comparedValue)) {
             try {
                 comparedValue = JSON.parse(comparedValue);
@@ -22,11 +22,11 @@ class IsEqualTo extends ConditionOperator_1.default {
             // eslint-disable-next-line no-empty
             catch (e) { }
         }
-        if (instance && instance.root) {
+        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {
             const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
             if (conditionTriggerComponent
                 && (0, utils_1.isSelectResourceWithObjectValue)(conditionTriggerComponent.component)
-                && ((_a = conditionTriggerComponent.component) === null || _a === void 0 ? void 0 : _a.template)) {
+                && ((_b = conditionTriggerComponent.component) === null || _b === void 0 ? void 0 : _b.template)) {
                 if (!value || !lodash_1.default.isPlainObject(value)) {
                     return false;
                 }

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 and remove previous mask if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
      */
     updateMask(input: any, mask: string): void;
     /**

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

@@ -232,17 +232,10 @@ 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 and remove previous mask if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early 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/phonenumber/fixtures/index.d.ts

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

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

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

package/lib/mjs/utils/conditionOperators/DateGreaterThan.js

@@ -19,7 +19,7 @@ export default class DateGeaterThan extends ConditionOperator {
             return false;
         }
         let conditionTriggerComponent = null;
-        if (instance && instance.root) {
+        if (instance?.root?.getComponent) {
             conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
         }
         if (conditionTriggerComponent && conditionTriggerComponent.isPartialDay && conditionTriggerComponent.isPartialDay(value)) {

package/lib/mjs/utils/conditionOperators/IsEmptyValue.js

@@ -12,7 +12,7 @@ export default class IsEmptyValue extends ConditionOperator {
     }
     execute({ value, instance, conditionComponentPath }) {
         const isEmptyValue = _.isEmpty(value);
-        if (instance && instance.root) {
+        if (instance?.root?.getComponent) {
             const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
             return conditionTriggerComponent ? conditionTriggerComponent.isEmpty() : isEmptyValue;
         }

package/lib/mjs/utils/conditionOperators/IsEqualTo.js

@@ -16,7 +16,7 @@ export default class IsEqualTo extends ConditionOperator {
             // eslint-disable-next-line no-empty
             catch (e) { }
         }
-        if (instance && instance.root) {
+        if (instance?.root?.getComponent) {
             const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
             if (conditionTriggerComponent
                 && isSelectResourceWithObjectValue(conditionTriggerComponent.component)

package/package.json

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

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

@@ -1,16 +0,0 @@
-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

@@ -1,25 +0,0 @@
-"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/mjs/components/phonenumber/fixtures/comp2.d.ts

@@ -1,16 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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
-        }
-    ]
-};