Negative signs should come before the prefix.

Author: jsillitoe

README.md

@@ -96,6 +96,14 @@ Optionally set a currency symbol as a prefix or suffix
 ```
 
 
+Negative signs come before the prefix
+```javascript
+    // -$20.00
+    <CurrencyInput prefix="$" value="-20.00" />
+```
+
+
+
 
 All other attributes are applied to the input element.  For example, you can integrate bootstrap styling:
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-currency-input",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "React component for inputing currency amounts",
   "main": "lib/index.js",
   "scripts": {

src/mask.js

@@ -63,16 +63,15 @@ export default function mask(value, precision, decimalSeparator, thousandSeparat
         digits.splice(x, 0, thousandSeparator);
     }
 
+    // if we have a prefix or suffix, add them in.
+    if (prefix.length > 0){digits.unshift(prefix);}
+    if (suffix.length > 0){digits.push(suffix);}
+
     // if the number is negative, insert a "-" to
     // the front of the array
     if (allowNegative && numberIsNegative) {
         digits.unshift('-');
     }
 
-    // if we have a prefix or suffix, add them in.
-    if (prefix.length > 0){digits.unshift(prefix);}
-    if (suffix.length > 0){digits.push(suffix);}
-
-
     return digits.join('').trim();
 }

test/mask.spec.js

@@ -143,6 +143,11 @@ describe('mask', function(){
             expect(mask("0","2",".",",",true,""," kr   ")).to.equal("0.00 kr");
         });
 
+
+        it('"-" should come before the prefix', function(){
+            expect(mask("-20.00","2",".",",",true,"$","")).to.equal("-$20.00");
+        });
+
     });