linear-react-components-ui 1.1.22-beta.12 → 1.1.22-beta.14

package/lib/inputs/mask/BaseMask.js

@@ -34,7 +34,7 @@ const returnEventFormattedValue = (props, event) => {
     const value = props.defaultValue || '';
     return _objectSpread(_objectSpread({}, event), {}, {
       target: {
-        value: (0, _format_number.numberToEnUS)(value),
+        value: String((0, _format_number.numberToEnUS)(value)),
         name
       }
     });
@@ -119,10 +119,10 @@ const BaseMask = _ref => {
   const {
     ref,
     setValue,
-    setTypedValue,
+    setUnmaskedValue,
     maskRef
   } = (0, _reactImask.useIMask)(_objectSpread({}, maskOptions), {
-    defaultValue: defaultValue,
+    defaultValue,
     onAccept: (_, r) => {
       if (!disableCallbacks && onChange) {
         const event = {
@@ -151,10 +151,13 @@ const BaseMask = _ref => {
     }
   });
   (0, _react.useEffect)(() => {
-    if (typeof valueProp === 'number') {
-      if (String(valueProp).trim().length > 0) setTypedValue(valueProp);else setTypedValue(0);
+    if (mask === Number || typeof valueProp === 'number') {
+      const updatedUnmaskedValue = (0, _format_number.numberToEnUS)(String(valueProp));
+      if (!Number.isNaN(updatedUnmaskedValue)) setUnmaskedValue(String(updatedUnmaskedValue));
+      return;
     }
-    setValue((0, _format_number.numberToPtBR)(valueProp) ?? '');
+    const updatedValue = valueProp ? String(valueProp) : '';
+    setValue(updatedValue);
   }, [valueProp]);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({
     inputRef: r => {

package/lib/inputs/mask/helpers.js

@@ -30,7 +30,7 @@ const getMaskOptions = _ref => {
       pattern = '',
       radix = ' ',
       thousandsSeparator = '',
-      mapToRadix = [],
+      mapToRadix = ['.'],
       scale = 2,
       normalizeZeros = true,
       padFractionalZeros = true,

package/lib/inputs/number/BaseNumber.js

@@ -29,7 +29,7 @@ const returnEventFormattedValue = (props, event) => {
     } = event.target;
     return _objectSpread(_objectSpread({}, event), {}, {
       target: {
-        value: (0, _format_number.numberToEnUS)(value),
+        value: String((0, _format_number.numberToEnUS)(value)),
         name
       }
     });
@@ -67,10 +67,11 @@ const BaseNumber = _ref => {
     returnFormattedValueOnKeyDown: true
   });
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
-    value: (0, _format_number.numberToPtBR)(value ?? 0),
+    mask: Number,
+    value: value ?? 0,
     thousandsSeparator: ".",
     radix: ",",
-    mask: Number,
+    mapToRadix: ['.'],
     isNumeric: true
   }, props, getEventProps(eventProps)));
 };

package/lib/inputs/number/format_number.d.ts

@@ -1,5 +1,5 @@
 declare const numberToPtBR: (value?: string | number) => string | undefined;
-declare const numberToEnUS: (value: string) => string | number;
+declare const numberToEnUS: (value: string) => number;
 declare const formatOnlyNumbers: (value: string) => string;
 
 export { formatOnlyNumbers, numberToEnUS, numberToPtBR };

package/lib/inputs/number/format_number.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.numberToPtBR = exports.numberToEnUS = exports.formatOnlyNumbers = void 0;
+const ptBRRegex = /\b\d{1,3}(?:\.\d{3})*,\d+\b/;
 const numberToPtBR = value => {
   if (value !== undefined && typeof value === 'number') {
     return value.toLocaleString('pt-BR');
@@ -13,11 +14,12 @@ const numberToPtBR = value => {
 exports.numberToPtBR = numberToPtBR;
 const numberToEnUS = value => {
   let formattedNumber;
-  if (value) {
+  const isPTBR = ptBRRegex.test(value);
+  if (isPTBR) {
     formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');
     return Number(formattedNumber);
   }
-  return value;
+  return Number(value);
 };
 exports.numberToEnUS = numberToEnUS;
 const formatOnlyNumbers = value => {

package/lib/inputs/number/types.d.ts

@@ -12,7 +12,7 @@ import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
-    value?: string;
+    value?: string | number;
     permissionAttr?: PermissionAttr;
     disabled?: boolean;
     hint?: string | string[];

package/lib/inputs/types.d.ts

@@ -50,7 +50,7 @@ interface IInputHOCProps {
 }
 interface IMaskHOCProps {
     label?: string;
-    value?: string;
+    value?: string | number;
     unmask?: boolean;
     name?: string;
     commit?: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.22-beta.12",
+  "version": "1.1.22-beta.14",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",