resolve #8231 When using the numeric input mask, it's impossible to r…

…eset a field's value (#8250)

Co-authored-by: OlgaLarina <olga.larina.dev@gmail.com>

src/mask/mask_numeric.ts

@@ -120,6 +120,10 @@ export class InputMaskNumeric extends InputMaskBase {
     return result;
   }
 
+  private numericalCompositionIsEmpty(number: INumericalComposition): boolean {
+    return !number.integralPart && !number.fractionalPart;
+  }
+
   public displayNumber(parsedNumber: INumericalComposition, insertThousandsSeparator = true, matchWholeMask: boolean = false): string {
     let displayIntegralPart = parsedNumber.integralPart;
     if(insertThousandsSeparator && !!displayIntegralPart) {
@@ -224,8 +228,9 @@ export class InputMaskNumeric extends InputMaskBase {
     return displayText;
   }
 
-  private getNumberUnmaskedValue(str: string): number {
+  private getNumberUnmaskedValue(str: string): number | undefined {
     const parsedNumber = this.parseNumber(str);
+    if (this.numericalCompositionIsEmpty(parsedNumber)) return undefined;
     return this.convertNumber(parsedNumber);
   }
 

tests/mask/mask_number_tests.ts

@@ -194,16 +194,29 @@ QUnit.test("get numeric masked not allow negative value by formated text", funct
 
 QUnit.test("get numeric unmasked valid text", function(assert) {
   const maskInstance = new InputMaskNumeric();
+  assert.ok(maskInstance.getUnmaskedValue("") === undefined);
+  assert.ok(maskInstance.getUnmaskedValue("0") === 0);
   assert.ok(maskInstance.getUnmaskedValue("123") === 123);
   assert.ok(maskInstance.getUnmaskedValue("123,456") === 123456);
   assert.ok(maskInstance.getUnmaskedValue("123,456.78") === 123456.78);
   assert.ok(maskInstance.getUnmaskedValue("123,456.789") === 123456.78);
   assert.ok(maskInstance.getUnmaskedValue("123,456,789,101.12") === 123456789101.12);
 });
 
-QUnit.test("get numeric unmasked valid text custom settings", function(assert) {
+QUnit.test("get numeric unmasked invalid text", function (assert) {
+  const maskInstance = new InputMaskNumeric();
+  assert.ok(maskInstance.getUnmaskedValue(" ") === undefined);
+  assert.ok(maskInstance.getUnmaskedValue(".") === undefined);
+  assert.ok(maskInstance.getUnmaskedValue(",") === undefined);
+  assert.ok(maskInstance.getUnmaskedValue("-") === undefined);
+  assert.ok(maskInstance.getUnmaskedValue("@") === undefined);
+  assert.ok(maskInstance.getUnmaskedValue("a") === undefined);
+});
+
+QUnit.test("get numeric unmasked valid text custom settings", function (assert) {
   const maskInstance = new InputMaskNumeric();
   maskInstance.setData({ "decimalSeparator": ",", "thousandsSeparator": "." });
+  assert.ok(maskInstance.getUnmaskedValue("0") === 0);
   assert.ok(maskInstance.getUnmaskedValue("123") === 123);
   assert.ok(maskInstance.getUnmaskedValue("123.456") === 123456);
   assert.ok(maskInstance.getUnmaskedValue("123.456,78") === 123456.78);