Accept negative currency masked values (#254)

CMSgov · Mar 9, 2018 · ad114db · ad114db
1 parent 3e3f8fc
commit ad114db
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/core/src/components/TextField/Mask.jsx b/packages/core/src/components/TextField/Mask.jsx
@@ -31,7 +31,7 @@ export class Mask extends React.PureComponent {
 
     // 0 = number, 1 = decimals
     const parts = value.split('.');
-    const digitsRegex = /\d/g;
+    const digitsRegex = /^-|\d/g; // include a check for a beginning "-" for negative numbers
     const a = parts[0].match(digitsRegex).join('');
     const b = parts.length >= 2 && parts[1].match(digitsRegex).join('');
 

diff --git a/packages/core/src/components/TextField/Mask.test.jsx b/packages/core/src/components/TextField/Mask.test.jsx
@@ -114,5 +114,12 @@ describe('Mask', function() {
 
       expect(input.prop('value')).toBe('12,345,678.90');
     });
+
+    it('accepts negative values', () => {
+      const data = render({ mask: 'currency' }, { value: '-1,234' });
+      const input = data.wrapper.find('input');
+
+      expect(input.prop('value')).toBe('-1,234');
+    });
   });
 });