react-currency-mask - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

lib/functions/format.d.ts

@@ -1,1 +0,1 @@
-export declare const formatCurrency: (value: number, currencyType?: string, hideSymbol?: boolean) => string;
+export declare const formatCurrency: (locale: string | undefined, value: number, currencyType?: string, hideSymbol?: boolean) => string;

lib/functions/format.js

@@ -5,4 +5,4 @@ "use strict";
 const SYMBOL_LENGTH = 3;
-const formatCurrency = (value, currencyType = 'BRL', hideSymbol = false) => {
-    const formatter = new Intl.NumberFormat('pt-BR', {
+const formatCurrency = (locale = 'pt-BR', value, currencyType = 'BRL', hideSymbol = false) => {
+    const formatter = new Intl.NumberFormat(locale, {
         style: 'currency',
@@ -9,0 +9,0 @@ currency: currencyType,

lib/functions/helpers.d.ts

 export declare const clearNumber: (number: any) => number;
 export declare const normalizeValue: (number: string | number) => number;
-export declare const maskValues: (inputFieldValue: string | number | undefined, currency: string, shouldCutSymbol: boolean) => (string | number)[];
+export declare const maskValues: (locale: string, inputFieldValue: string | number | undefined, currency: string, shouldCutSymbol: boolean) => (string | number)[];

lib/functions/helpers.js

@@ -32,9 +32,9 @@ "use strict";
 exports.normalizeValue = normalizeValue;
-const maskValues = (inputFieldValue, currency, shouldCutSymbol) => {
+const maskValues = (locale, inputFieldValue, currency, shouldCutSymbol) => {
     if (!inputFieldValue)
         return [0, ''];
     const value = (0, exports.normalizeValue)(inputFieldValue);
-    const maskedValue = (0, format_1.formatCurrency)(value, currency, shouldCutSymbol);
+    const maskedValue = (0, format_1.formatCurrency)(locale, value, currency, shouldCutSymbol);
     return [value, maskedValue];
 };
 exports.maskValues = maskValues;

lib/index.js

@@ -9,6 +9,6 @@ "use strict";
 const helpers_1 = require("./functions/helpers");
-exports.CurrencyInput = (0, react_2.forwardRef)(({ InputElement, value, defaultValue, hideSymbol = false, currency = 'BRL', max, autoSelect, autoReset, onChangeValue, onBlur, onFocus, onKeyPress, ...otherProps }, ref) => {
+exports.CurrencyInput = (0, react_2.forwardRef)(({ InputElement, value, defaultValue, hideSymbol = false, currency = 'BRL', locale = 'pt-BR', max, autoSelect, autoReset, onChangeValue, onBlur, onFocus, onKeyPress, ...otherProps }, ref) => {
     const [maskedValue, setMaskedValue] = (0, react_2.useState)('0');
     const updateValues = (originalValue) => {
-        const [calculatedValue, calculatedMaskedValue] = (0, helpers_1.maskValues)(originalValue, currency, hideSymbol);
+        const [calculatedValue, calculatedMaskedValue] = (0, helpers_1.maskValues)(locale, originalValue, currency, hideSymbol);
         if (!max || calculatedValue <= max) {
@@ -30,3 +30,3 @@ setMaskedValue(calculatedMaskedValue);
         if (autoReset) {
-            (0, helpers_1.maskValues)(0, currency, hideSymbol);
+            (0, helpers_1.maskValues)(locale, 0, currency, hideSymbol);
         }
@@ -49,3 +49,3 @@ if (maskedValue && onBlur) {
         const currentValue = value || defaultValue || undefined;
-        const [, maskedValue] = (0, helpers_1.maskValues)(currentValue, currency, hideSymbol);
+        const [, maskedValue] = (0, helpers_1.maskValues)(locale, currentValue, currency, hideSymbol);
         setMaskedValue(maskedValue);
@@ -52,0 +52,0 @@ }, [currency, defaultValue, hideSymbol, value]);

lib/types/CurrencyMask.d.ts

@@ -8,2 +8,3 @@ import { ChangeEvent, FocusEvent, KeyboardEvent, ReactElement } from 'react';
     currency?: string;
+    locale?: string;
     hideSymbol?: boolean;
@@ -10,0 +11,0 @@ autoSelect?: boolean;

package.json

 {
   "name": "react-currency-mask",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "React Input that handles and apply currency masks in your own inputs",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -69,2 +69,5 @@ # React Currency Mask
 
+`locale`
+Optional, locale you want to format currency. Default is `pt-BR`.
+
 `hideSymbol`
@@ -121,3 +124,3 @@ Optional, boolean to control the currency symbol display.
 
-<small style="color: #c08d78;"><u>\*This example uses a MUI TextField</u></small>
+<u>\*This example uses a MUI TextField</u>
 
@@ -159,3 +162,3 @@ **Example output**
 
-<small style="color: #c08d78;"><u>\*Input Element is optional, use it just if you want a custom input</u></small>
+<u>\*Input Element is optional, use it just if you want a custom input</u>
 
@@ -162,0 +165,0 @@ ---

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13573

increased by1.03%

Lines of code

148

increased by0.68%

Number of lines in readme file

171

increased by1.79%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes