linear-react-components-ui 2.0.1-beta.0 → 2.0.1-beta.2

package/lib/_virtual/index.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requirePropTypes } from "../node_modules/prop-types/index.js";
+var propTypesExports = /* @__PURE__ */ requirePropTypes();
+const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
+export {
+  PropTypes as default
+};
+//# sourceMappingURL=index.js.map

package/lib/_virtual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/_virtual/index2.js

@@ -0,0 +1,5 @@
+var propTypes = { exports: {} };
+export {
+  propTypes as __module
+};
+//# sourceMappingURL=index2.js.map

package/lib/_virtual/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/_virtual/index3.js

@@ -0,0 +1,5 @@
+var reactIs = { exports: {} };
+export {
+  reactIs as __module
+};
+//# sourceMappingURL=index3.js.map

package/lib/_virtual/index3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/_virtual/react-is.development.js

@@ -0,0 +1,5 @@
+var reactIs_development = {};
+export {
+  reactIs_development as __exports
+};
+//# sourceMappingURL=react-is.development.js.map

package/lib/_virtual/react-is.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/_virtual/react-is.production.min.js

@@ -0,0 +1,5 @@
+var reactIs_production_min = {};
+export {
+  reactIs_production_min as __exports
+};
+//# sourceMappingURL=react-is.production.min.js.map

package/lib/_virtual/react-is.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/inputs/number/Currency.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 import _ from "../../_virtual/lodash.js";
 import { useIMask } from "react-imask";
-import { numberToPtBR } from "./format_number.js";
+import { numberToEnUS, numberToPtBR } from "./format_number.js";
 import InputTextBase from "../base/InputTextBase.js";
 import { mergeRefs } from "../../form2/helpers.js";
 const CurrencyField = (props) => {
@@ -26,8 +26,7 @@ const CurrencyField = (props) => {
   const leftElements = displayCurrencySymbol ? /* @__PURE__ */ jsx("span", { className: "currency-symbol", children: currencySymbol }) : [];
   const {
     value: maskedValue,
-    setValue: setMaskedValue,
-    typedValue
+    setValue: setMaskedValue
   } = useIMask({
     mask: Number,
     unmask,
@@ -41,25 +40,26 @@ const CurrencyField = (props) => {
     thousandsSeparator: "."
   }, {
     ref: currencyNumberInputRef,
-    onAccept: (__, maskRef, event) => {
+    onAccept: (__, options, event) => {
       if (isResetting.current) {
         isResetting.current = false;
         return;
       }
+      const parsedValue = numberToEnUS(options.unmaskedValue);
       props?.onChange?.({
         ...event,
         target: {
           ...event?.target,
           name: props?.name,
-          value: maskRef.typedValue
+          value: parsedValue
         }
       });
     }
   });
   const handleBlur = (event_0) => {
-    const currentValue = typedValue;
     if (!_.isNil(min)) {
-      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {
+      const currentValue = numberToEnUS(maskedValue);
+      if (_.isNaN(currentValue) || currentValue < min) {
         setMaskedValue(numberToPtBR(min) ?? _.toString(min));
         props?.onChange?.({
           ...event_0,
@@ -71,13 +71,7 @@ const CurrencyField = (props) => {
         });
       }
     }
-    props?.onBlur?.({
-      ...event_0,
-      target: {
-        ...event_0?.target,
-        value: currentValue
-      }
-    });
+    props?.onBlur?.(event_0);
   };
   useEffect(() => {
     if (_.isNil(props?.value)) {
@@ -87,9 +81,9 @@ const CurrencyField = (props) => {
       }
       return;
     }
-    const numericValue = typeof props.value === "string" ? parseFloat(props.value) : props.value;
-    if (!_.isEqual(typedValue, numericValue)) {
-      setMaskedValue(numberToPtBR(props?.value) ?? "");
+    const valueToPtBR = numberToPtBR(props?.value) ?? "";
+    if (!_.isEqual(parseFloat(_.toString(props?.value)), numberToEnUS(maskedValue))) {
+      setMaskedValue(valueToPtBR);
     }
   }, [props?.value]);
   return /* @__PURE__ */ jsx(InputTextBase, { ...props, inputRef: mergeRefs(currencyNumberInputRef, inputRef), type: "text", onChange: () => {

package/lib/inputs/number/Currency.js.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sources":["../../../src/lib/inputs/number/Currency.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { ICurrencyProps } from './types';\nimport { numberToPtBR } from './format_number';\nimport InputTextBase from '../base/InputTextBase';\nimport { mergeRefs } from '../../form2/helpers';\nimport type { CustomInputEvent } from '../base/types';\n\nconst CurrencyField = (props: ICurrencyProps) => {\n  const {\n    inputRef = undefined, textAlign = 'left', themePopover = 'light', popoverAlign = 'left',\n    min = undefined, max = undefined, allowNegative = false, scale = 2, normalizeZeros = true,\n    padFractionalZeros = true, unmask = true, currencySymbol = 'R$', displayCurrencySymbol = true,\n  } = props;\n  const currencyNumberInputRef = useRef<HTMLInputElement | null>(null);\n  const isResetting = useRef(false);\n  const leftElements = displayCurrencySymbol ?\n    <span className=\"currency-symbol\">{currencySymbol}</span>\n    : [];\n\n  const { value: maskedValue, setValue: setMaskedValue, typedValue } = useIMask({\n    mask: Number,\n    unmask,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n    max,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n  }, {\n    ref: currencyNumberInputRef,\n    onAccept: (__, maskRef, event) => {\n      if (isResetting.current) {\n        isResetting.current = false;\n        return;\n      }\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: maskRef.typedValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    const currentValue = typedValue as number;\n    if (!_.isNil(min)) {\n      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(numberToPtBR(min) ?? _.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.({ \n      ...event, \n      target: { \n        ...event?.target, \n        value: currentValue as any, \n      }, \n    });\n  };\n\n  useEffect(() => {\n    if (_.isNil(props?.value)) {\n      if (maskedValue !== '') {\n        isResetting.current = true;\n        setMaskedValue('');\n      }\n      return;\n    }\n    const numericValue = typeof props.value === 'string' ? parseFloat(props.value) : props.value;\n    if (!_.isEqual(typedValue, numericValue)) {\n      setMaskedValue(numberToPtBR(props?.value) ?? '');\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(currencyNumberInputRef, inputRef) as any}\n      type=\"text\"\n      onChange={() => { }}\n      leftElements={leftElements}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default CurrencyField;\n"],"names":["CurrencyField","props","inputRef","undefined","textAlign","themePopover","popoverAlign","min","max","allowNegative","scale","normalizeZeros","padFractionalZeros","unmask","currencySymbol","displayCurrencySymbol","currencyNumberInputRef","useRef","isResetting","leftElements","value","maskedValue","setValue","setMaskedValue","typedValue","useIMask","mask","Number","_","isNil","radix","mapToRadix","thousandsSeparator","ref","onAccept","__","maskRef","event","current","onChange","target","name","handleBlur","currentValue","isNaN","numberToPtBR","toString","onBlur","useEffect","numericValue","parseFloat","isEqual","mergeRefs"],"mappings":"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"}
+{"version":3,"file":"Currency.js","sources":["../../../src/lib/inputs/number/Currency.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { ICurrencyProps } from './types';\nimport { numberToEnUS, numberToPtBR } from './format_number';\nimport InputTextBase from '../base/InputTextBase';\nimport { mergeRefs } from '../../form2/helpers';\nimport type { CustomInputEvent } from '../base/types';\n\nconst CurrencyField = (props: ICurrencyProps) => {\n  const {\n    inputRef = undefined, textAlign = 'left', themePopover = 'light', popoverAlign = 'left',\n    min = undefined, max = undefined, allowNegative = false, scale = 2, normalizeZeros = true,\n    padFractionalZeros = true, unmask = true, currencySymbol = 'R$', displayCurrencySymbol = true,\n  } = props;\n  const currencyNumberInputRef = useRef<HTMLInputElement | null>(null);\n  const isResetting = useRef(false);\n  const leftElements = displayCurrencySymbol ?\n    <span className=\"currency-symbol\">{currencySymbol}</span>\n    : [];\n\n  const { value: maskedValue, setValue: setMaskedValue } = useIMask({\n    mask: Number,\n    unmask,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n    max,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n  }, {\n    ref: currencyNumberInputRef,\n    onAccept: (__, options, event) => {\n      if (isResetting.current) {\n        isResetting.current = false;\n        return;\n      }\n      const parsedValue = numberToEnUS(options.unmaskedValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = numberToEnUS(maskedValue) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(numberToPtBR(min) ?? _.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    if (_.isNil(props?.value)) {\n      if (maskedValue !== '') {\n        isResetting.current = true;\n        setMaskedValue('');\n      }\n      return;\n    }\n    const valueToPtBR = numberToPtBR(props?.value) ?? '';\n    if (!_.isEqual(\n      parseFloat(_.toString(props?.value)), numberToEnUS(maskedValue),\n    )) {\n      setMaskedValue(valueToPtBR);\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(currencyNumberInputRef, inputRef) as any}\n      type=\"text\"\n      onChange={() => { }}\n      leftElements={leftElements}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default CurrencyField;\n"],"names":["CurrencyField","props","inputRef","undefined","textAlign","themePopover","popoverAlign","min","max","allowNegative","scale","normalizeZeros","padFractionalZeros","unmask","currencySymbol","displayCurrencySymbol","currencyNumberInputRef","useRef","isResetting","leftElements","value","maskedValue","setValue","setMaskedValue","useIMask","mask","Number","_","isNil","radix","mapToRadix","thousandsSeparator","ref","onAccept","__","options","event","current","parsedValue","numberToEnUS","unmaskedValue","onChange","target","name","handleBlur","currentValue","isNaN","numberToPtBR","toString","onBlur","useEffect","valueToPtBR","isEqual","parseFloat","mergeRefs"],"mappings":";;;;;;;AASA,MAAMA,gBAAgBA,CAACC,UAA0B;AAC/C,QAAM;AAAA,IACJC,WAAWC;AAAAA,IAAWC,YAAY;AAAA,IAAQC,eAAe;AAAA,IAASC,eAAe;AAAA,IACjFC,MAAMJ;AAAAA,IAAWK,MAAML;AAAAA,IAAWM,gBAAgB;AAAA,IAAOC,QAAQ;AAAA,IAAGC,iBAAiB;AAAA,IACrFC,qBAAqB;AAAA,IAAMC,SAAS;AAAA,IAAMC,iBAAiB;AAAA,IAAMC,wBAAwB;AAAA,EAAA,IACvFd;AACJ,QAAMe,yBAAyBC,OAAgC,IAAI;AACnE,QAAMC,cAAcD,OAAO,KAAK;AAChC,QAAME,eAAeJ,wBACnB,oBAAC,QAAA,EAAK,WAAU,mBAAmBD,UAAAA,eAAAA,CAAe,IAChD,CAAA;AAEJ,QAAM;AAAA,IAAEM,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,EAAAA,IAAmBC,SAAS;AAAA,IAChEC,MAAMC;AAAAA,IACNb;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAJ;AAAAA,IACAD,KAAK,CAACoB,EAAEC,MAAMrB,GAAG,IAAIA,MAAOE,gBAAgBN,SAAY;AAAA,IACxD0B,OAAO;AAAA,IACPC,YAAY,CAAC,GAAG;AAAA,IAChBC,oBAAoB;AAAA,EAAA,GACnB;AAAA,IACDC,KAAKhB;AAAAA,IACLiB,UAAUA,CAACC,IAAIC,SAASC,UAAU;AAChC,UAAIlB,YAAYmB,SAAS;AACvBnB,oBAAYmB,UAAU;AACtB;AAAA,MACF;AACA,YAAMC,cAAcC,aAAaJ,QAAQK,aAAa;AACtDvC,aAAOwC,WAAW;AAAA,QAChB,GAAGL;AAAAA,QACHM,QAAQ;AAAA,UACN,GAAGN,OAAOM;AAAAA,UACVC,MAAM1C,OAAO0C;AAAAA,UACbvB,OAAOkB;AAAAA,QAAAA;AAAAA,MACT,CACsC;AAAA,IAC1C;AAAA,EAAA,CACD;AAMD,QAAMM,aAAaA,CAACR,YAA4B;AAC9C,QAAI,CAACT,EAAEC,MAAMrB,GAAG,GAAG;AACjB,YAAMsC,eAAeN,aAAalB,WAAW;AAC7C,UAAIM,EAAEmB,MAAMD,YAAY,KAAKA,eAAetC,KAAK;AAC/CgB,uBAAewB,aAAaxC,GAAG,KAAKoB,EAAEqB,SAASzC,GAAG,CAAC;AACnDN,eAAOwC,WAAW;AAAA,UAChB,GAAGL;AAAAA,UACHM,QAAQ;AAAA,YACN,GAAGN,SAAOM;AAAAA,YACVC,MAAM1C,OAAO0C;AAAAA,YACbvB,OAAOb;AAAAA,UAAAA;AAAAA,QACT,CACmB;AAAA,MACvB;AAAA,IACF;AACAN,WAAOgD,SAASb,OAAK;AAAA,EACvB;AAEAc,YAAU,MAAM;AACd,QAAIvB,EAAEC,MAAM3B,OAAOmB,KAAK,GAAG;AACzB,UAAIC,gBAAgB,IAAI;AACtBH,oBAAYmB,UAAU;AACtBd,uBAAe,EAAE;AAAA,MACnB;AACA;AAAA,IACF;AACA,UAAM4B,cAAcJ,aAAa9C,OAAOmB,KAAK,KAAK;AAClD,QAAI,CAACO,EAAEyB,QACLC,WAAW1B,EAAEqB,SAAS/C,OAAOmB,KAAK,CAAC,GAAGmB,aAAalB,WAAW,CAChE,GAAG;AACDE,qBAAe4B,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAClD,OAAOmB,KAAK,CAAC;AAEjB,SACE,oBAAC,eAAA,EACC,GAAInB,OACJ,UAAUqD,UAAUtC,wBAAwBd,QAAQ,GACpD,MAAK,QACL,UAAU,MAAM;AAAA,EAAE,GAClB,cACA,QAAQ0C,YACR,OAAOvB,aACP,WACA,cACA,cAA2B;AAEjC;"}

package/lib/inputs/number/Decimal.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import _ from "../../_virtual/lodash.js";
 import { useRef, useEffect } from "react";
 import { useIMask } from "react-imask";
-import { numberToPtBR } from "./format_number.js";
+import { numberToEnUS, numberToPtBR } from "./format_number.js";
 import InputTextBase from "../base/InputTextBase.js";
 import { mergeRefs } from "../../form2/helpers.js";
 const DecimalField = (props) => {
@@ -23,8 +23,7 @@ const DecimalField = (props) => {
   const isResetting = useRef(false);
   const {
     value: maskedValue,
-    setValue: setMaskedValue,
-    typedValue
+    setValue: setMaskedValue
   } = useIMask({
     mask: Number,
     unmask,
@@ -38,25 +37,26 @@ const DecimalField = (props) => {
     thousandsSeparator: "."
   }, {
     ref: decimalNumberInputRef,
-    onAccept: (__, maskRef, event) => {
+    onAccept: (__, options, event) => {
       if (isResetting.current) {
         isResetting.current = false;
         return;
       }
+      const parsedValue = numberToEnUS(options.unmaskedValue);
       props?.onChange?.({
         ...event,
         target: {
           ...event?.target,
           name: props?.name,
-          value: maskRef.typedValue
+          value: parsedValue
         }
       });
     }
   });
   const handleBlur = (event_0) => {
-    const currentValue = typedValue;
     if (!_.isNil(min)) {
-      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {
+      const currentValue = numberToEnUS(maskedValue);
+      if (_.isNaN(currentValue) || currentValue < min) {
         setMaskedValue(numberToPtBR(min) ?? _.toString(min));
         props?.onChange?.({
           ...event_0,
@@ -68,13 +68,7 @@ const DecimalField = (props) => {
         });
       }
     }
-    props?.onBlur?.({
-      ...event_0,
-      target: {
-        ...event_0?.target,
-        value: currentValue
-      }
-    });
+    props?.onBlur?.(event_0);
   };
   useEffect(() => {
     if (_.isNil(props?.value)) {
@@ -84,9 +78,9 @@ const DecimalField = (props) => {
       }
       return;
     }
-    const numericValue = typeof props.value === "string" ? parseFloat(props.value) : props.value;
-    if (!_.isEqual(typedValue, numericValue)) {
-      setMaskedValue(numberToPtBR(props?.value) ?? "");
+    const valueToPtBR = numberToPtBR(props?.value) ?? "";
+    if (!_.isEqual(parseFloat(_.toString(props?.value)), numberToEnUS(maskedValue))) {
+      setMaskedValue(valueToPtBR);
     }
   }, [props?.value]);
   return /* @__PURE__ */ jsx(InputTextBase, { ...props, inputRef: mergeRefs(decimalNumberInputRef, inputRef), type: "text", onChange: () => {

package/lib/inputs/number/Decimal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Decimal.js","sources":["../../../src/lib/inputs/number/Decimal.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React, { useEffect, useRef } from 'react';\nimport { useIMask } from 'react-imask';\nimport { IDecimalProps } from './types';\nimport { numberToPtBR } from './format_number';\nimport InputTextBase from '../base/InputTextBase';\nimport type { CustomInputEvent } from '../base/types';\nimport { mergeRefs } from '../../form2/helpers';\n\nconst DecimalField = (props: IDecimalProps) => {\n  const {\n    textAlign = 'left', themePopover = 'light', popoverAlign = 'left', min = undefined,\n    max = undefined, allowNegative = false, scale = 2, normalizeZeros = true,\n    padFractionalZeros = true, unmask = true, inputRef = undefined,\n  } = props;\n  const decimalNumberInputRef = useRef<HTMLInputElement | null>(null);\n  const isResetting = useRef(false);\n\n  const { value: maskedValue, setValue: setMaskedValue, typedValue } = useIMask({\n    mask: Number,\n    unmask,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n    max,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n  }, {\n    ref: decimalNumberInputRef,\n    onAccept: (__, maskRef, event) => {\n      if (isResetting.current) {\n        isResetting.current = false;\n        return;\n      }\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: maskRef.typedValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    const currentValue = typedValue as number;\n    if (!_.isNil(min)) {\n      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(numberToPtBR(min) ?? _.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.({ \n      ...event, \n      target: { \n        ...event?.target, \n        value: currentValue as any, \n      }, \n    });\n  };\n\n  useEffect(() => {\n    if (_.isNil(props?.value)) {\n      if (maskedValue !== '') {\n        isResetting.current = true;\n        setMaskedValue('');\n      }\n      return;\n    }\n    const numericValue = typeof props.value === 'string' ? parseFloat(props.value) : props.value;\n    if (!_.isEqual(typedValue, numericValue)) {\n      setMaskedValue(numberToPtBR(props?.value) ?? '');\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(decimalNumberInputRef, inputRef) as any}\n      type=\"text\"\n      onChange={() => { }}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default DecimalField;\n"],"names":["DecimalField","props","textAlign","themePopover","popoverAlign","min","undefined","max","allowNegative","scale","normalizeZeros","padFractionalZeros","unmask","inputRef","decimalNumberInputRef","useRef","isResetting","value","maskedValue","setValue","setMaskedValue","typedValue","useIMask","mask","Number","_","isNil","radix","mapToRadix","thousandsSeparator","ref","onAccept","__","maskRef","event","current","onChange","target","name","handleBlur","currentValue","isNaN","numberToPtBR","toString","onBlur","useEffect","numericValue","parseFloat","isEqual","mergeRefs"],"mappings":";;;;;;;AASA,MAAMA,eAAeA,CAACC,UAAyB;AAC7C,QAAM;AAAA,IACJC,YAAY;AAAA,IAAQC,eAAe;AAAA,IAASC,eAAe;AAAA,IAAQC,MAAMC;AAAAA,IACzEC,MAAMD;AAAAA,IAAWE,gBAAgB;AAAA,IAAOC,QAAQ;AAAA,IAAGC,iBAAiB;AAAA,IACpEC,qBAAqB;AAAA,IAAMC,SAAS;AAAA,IAAMC,WAAWP;AAAAA,EAAAA,IACnDL;AACJ,QAAMa,wBAAwBC,OAAgC,IAAI;AAClE,QAAMC,cAAcD,OAAO,KAAK;AAEhC,QAAM;AAAA,IAAEE,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC;AAAAA,EAAAA,IAAeC,SAAS;AAAA,IAC5EC,MAAMC;AAAAA,IACNZ;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAJ;AAAAA,IACAF,KAAK,CAACoB,EAAEC,MAAMrB,GAAG,IAAIA,MAAOG,gBAAgBF,SAAY;AAAA,IACxDqB,OAAO;AAAA,IACPC,YAAY,CAAC,GAAG;AAAA,IAChBC,oBAAoB;AAAA,EAAA,GACnB;AAAA,IACDC,KAAKhB;AAAAA,IACLiB,UAAUA,CAACC,IAAIC,SAASC,UAAU;AAChC,UAAIlB,YAAYmB,SAAS;AACvBnB,oBAAYmB,UAAU;AACtB;AAAA,MACF;AACAlC,aAAOmC,WAAW;AAAA,QAChB,GAAGF;AAAAA,QACHG,QAAQ;AAAA,UACN,GAAGH,OAAOG;AAAAA,UACVC,MAAMrC,OAAOqC;AAAAA,UACbrB,OAAOgB,QAAQZ;AAAAA,QAAAA;AAAAA,MACjB,CACsC;AAAA,IAC1C;AAAA,EAAA,CACD;AAMD,QAAMkB,aAAaA,CAACL,YAA4B;AAC9C,UAAMM,eAAenB;AACrB,QAAI,CAACI,EAAEC,MAAMrB,GAAG,GAAG;AACjB,UAAIoB,EAAEC,MAAMc,YAAY,KAAKf,EAAEgB,MAAMD,YAAY,KAAKA,eAAenC,KAAK;AACxEe,uBAAesB,aAAarC,GAAG,KAAKoB,EAAEkB,SAAStC,GAAG,CAAC;AACnDJ,eAAOmC,WAAW;AAAA,UAChB,GAAGF;AAAAA,UACHG,QAAQ;AAAA,YACN,GAAGH,SAAOG;AAAAA,YACVC,MAAMrC,OAAOqC;AAAAA,YACbrB,OAAOZ;AAAAA,UAAAA;AAAAA,QACT,CACmB;AAAA,MACvB;AAAA,IACF;AACAJ,WAAO2C,SAAS;AAAA,MACd,GAAGV;AAAAA,MACHG,QAAQ;AAAA,QACN,GAAGH,SAAOG;AAAAA,QACVpB,OAAOuB;AAAAA,MAAAA;AAAAA,IACT,CACD;AAAA,EACH;AAEAK,YAAU,MAAM;AACd,QAAIpB,EAAEC,MAAMzB,OAAOgB,KAAK,GAAG;AACzB,UAAIC,gBAAgB,IAAI;AACtBF,oBAAYmB,UAAU;AACtBf,uBAAe,EAAE;AAAA,MACnB;AACA;AAAA,IACF;AACA,UAAM0B,eAAe,OAAO7C,MAAMgB,UAAU,WAAW8B,WAAW9C,MAAMgB,KAAK,IAAIhB,MAAMgB;AACvF,QAAI,CAACQ,EAAEuB,QAAQ3B,YAAYyB,YAAY,GAAG;AACxC1B,qBAAesB,aAAazC,OAAOgB,KAAK,KAAK,EAAE;AAAA,IACjD;AAAA,EACF,GAAG,CAAChB,OAAOgB,KAAK,CAAC;AAEjB,SACE,oBAAC,eAAA,EACC,GAAIhB,OACJ,UAAUgD,UAAUnC,uBAAuBD,QAAQ,GACnD,MAAK,QACL,UAAU,MAAM;AAAA,EAAE,GAClB,QAAQ0B,YACR,OAAOrB,aACP,WACA,cACA,cAA2B;AAEjC;"}
+{"version":3,"file":"Decimal.js","sources":["../../../src/lib/inputs/number/Decimal.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React, { useEffect, useRef } from 'react';\nimport { useIMask } from 'react-imask';\nimport { IDecimalProps } from './types';\nimport { numberToEnUS, numberToPtBR } from './format_number';\nimport InputTextBase from '../base/InputTextBase';\nimport type { CustomInputEvent } from '../base/types';\nimport { mergeRefs } from '../../form2/helpers';\n\nconst DecimalField = (props: IDecimalProps) => {\n  const {\n    textAlign = 'left', themePopover = 'light', popoverAlign = 'left', min = undefined,\n    max = undefined, allowNegative = false, scale = 2, normalizeZeros = true,\n    padFractionalZeros = true, unmask = true, inputRef = undefined,\n  } = props;\n  const decimalNumberInputRef = useRef<HTMLInputElement | null>(null);\n  const isResetting = useRef(false);\n\n  const { value: maskedValue, setValue: setMaskedValue } = useIMask({\n    mask: Number,\n    unmask,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n    max,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n  }, {\n    ref: decimalNumberInputRef,\n    onAccept: (__, options, event) => {\n      if (isResetting.current) {\n        isResetting.current = false;\n        return;\n      }\n      const parsedValue = numberToEnUS(options.unmaskedValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = numberToEnUS(maskedValue) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(numberToPtBR(min) ?? _.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    if (_.isNil(props?.value)) {\n      if (maskedValue !== '') {\n        isResetting.current = true;\n        setMaskedValue('');\n      }\n      return;\n    }\n    const valueToPtBR = numberToPtBR(props?.value) ?? '';\n    if (!_.isEqual(\n      parseFloat(_.toString(props?.value)), numberToEnUS(maskedValue),\n    )) {\n      setMaskedValue(valueToPtBR);\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(decimalNumberInputRef, inputRef) as any}\n      type=\"text\"\n      onChange={() => { }}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default DecimalField;\n"],"names":["DecimalField","props","textAlign","themePopover","popoverAlign","min","undefined","max","allowNegative","scale","normalizeZeros","padFractionalZeros","unmask","inputRef","decimalNumberInputRef","useRef","isResetting","value","maskedValue","setValue","setMaskedValue","useIMask","mask","Number","_","isNil","radix","mapToRadix","thousandsSeparator","ref","onAccept","__","options","event","current","parsedValue","numberToEnUS","unmaskedValue","onChange","target","name","handleBlur","currentValue","isNaN","numberToPtBR","toString","onBlur","useEffect","valueToPtBR","isEqual","parseFloat","mergeRefs"],"mappings":";;;;;;;AASA,MAAMA,eAAeA,CAACC,UAAyB;AAC7C,QAAM;AAAA,IACJC,YAAY;AAAA,IAAQC,eAAe;AAAA,IAASC,eAAe;AAAA,IAAQC,MAAMC;AAAAA,IACzEC,MAAMD;AAAAA,IAAWE,gBAAgB;AAAA,IAAOC,QAAQ;AAAA,IAAGC,iBAAiB;AAAA,IACpEC,qBAAqB;AAAA,IAAMC,SAAS;AAAA,IAAMC,WAAWP;AAAAA,EAAAA,IACnDL;AACJ,QAAMa,wBAAwBC,OAAgC,IAAI;AAClE,QAAMC,cAAcD,OAAO,KAAK;AAEhC,QAAM;AAAA,IAAEE,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,EAAAA,IAAmBC,SAAS;AAAA,IAChEC,MAAMC;AAAAA,IACNX;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAJ;AAAAA,IACAF,KAAK,CAACmB,EAAEC,MAAMpB,GAAG,IAAIA,MAAOG,gBAAgBF,SAAY;AAAA,IACxDoB,OAAO;AAAA,IACPC,YAAY,CAAC,GAAG;AAAA,IAChBC,oBAAoB;AAAA,EAAA,GACnB;AAAA,IACDC,KAAKf;AAAAA,IACLgB,UAAUA,CAACC,IAAIC,SAASC,UAAU;AAChC,UAAIjB,YAAYkB,SAAS;AACvBlB,oBAAYkB,UAAU;AACtB;AAAA,MACF;AACA,YAAMC,cAAcC,aAAaJ,QAAQK,aAAa;AACtDpC,aAAOqC,WAAW;AAAA,QAChB,GAAGL;AAAAA,QACHM,QAAQ;AAAA,UACN,GAAGN,OAAOM;AAAAA,UACVC,MAAMvC,OAAOuC;AAAAA,UACbvB,OAAOkB;AAAAA,QAAAA;AAAAA,MACT,CACsC;AAAA,IAC1C;AAAA,EAAA,CACD;AAMD,QAAMM,aAAaA,CAACR,YAA4B;AAC9C,QAAI,CAACT,EAAEC,MAAMpB,GAAG,GAAG;AACjB,YAAMqC,eAAeN,aAAalB,WAAW;AAC7C,UAAIM,EAAEmB,MAAMD,YAAY,KAAKA,eAAerC,KAAK;AAC/Ce,uBAAewB,aAAavC,GAAG,KAAKmB,EAAEqB,SAASxC,GAAG,CAAC;AACnDJ,eAAOqC,WAAW;AAAA,UAChB,GAAGL;AAAAA,UACHM,QAAQ;AAAA,YACN,GAAGN,SAAOM;AAAAA,YACVC,MAAMvC,OAAOuC;AAAAA,YACbvB,OAAOZ;AAAAA,UAAAA;AAAAA,QACT,CACmB;AAAA,MACvB;AAAA,IACF;AACAJ,WAAO6C,SAASb,OAAK;AAAA,EACvB;AAEAc,YAAU,MAAM;AACd,QAAIvB,EAAEC,MAAMxB,OAAOgB,KAAK,GAAG;AACzB,UAAIC,gBAAgB,IAAI;AACtBF,oBAAYkB,UAAU;AACtBd,uBAAe,EAAE;AAAA,MACnB;AACA;AAAA,IACF;AACA,UAAM4B,cAAcJ,aAAa3C,OAAOgB,KAAK,KAAK;AAClD,QAAI,CAACO,EAAEyB,QACLC,WAAW1B,EAAEqB,SAAS5C,OAAOgB,KAAK,CAAC,GAAGmB,aAAalB,WAAW,CAChE,GAAG;AACDE,qBAAe4B,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC/C,OAAOgB,KAAK,CAAC;AAEjB,SACE,oBAAC,eAAA,EACC,GAAIhB,OACJ,UAAUkD,UAAUrC,uBAAuBD,QAAQ,GACnD,MAAK,QACL,UAAU,MAAM;AAAA,EAAE,GAClB,QAAQ4B,YACR,OAAOvB,aACP,WACA,cACA,cAA2B;AAEjC;"}

package/lib/inputs/number/index.js

@@ -20,8 +20,7 @@ const NumberField = (props) => {
   const isResetting = useRef(false);
   const {
     value: maskedValue,
-    setValue: setMaskedValue,
-    typedValue
+    setValue: setMaskedValue
   } = useIMask({
     mask: Number,
     max,
@@ -34,25 +33,26 @@ const NumberField = (props) => {
     padFractionalZeros: false
   }, {
     ref: numberInputRef,
-    onAccept: (__, maskRef, event) => {
+    onAccept: (value, __, event) => {
       if (isResetting.current) {
         isResetting.current = false;
         return;
       }
+      const parsedValue = parseInt(value, 10);
       props?.onChange?.({
         ...event,
         target: {
           ...event?.target,
           name: props?.name,
-          value: maskRef.typedValue
+          value: parsedValue
         }
       });
     }
   });
   const handleBlur = (event_0) => {
-    const currentValue = typedValue;
     if (!_.isNil(min)) {
-      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {
+      const currentValue = parseInt(maskedValue, 10);
+      if (_.isNaN(currentValue) || currentValue < min) {
         setMaskedValue(_.toString(min));
         props?.onChange?.({
           ...event_0,
@@ -64,13 +64,7 @@ const NumberField = (props) => {
         });
       }
     }
-    props?.onBlur?.({
-      ...event_0,
-      target: {
-        ...event_0?.target,
-        value: currentValue
-      }
-    });
+    props?.onBlur?.(event_0);
   };
   useEffect(() => {
     if (_.isNil(props?.value)) {
@@ -80,8 +74,8 @@ const NumberField = (props) => {
       }
       return;
     }
-    const numericValue = typeof props.value === "string" ? Number(props.value) : props.value;
-    if (!_.isEqual(typedValue, numericValue)) {
+    const floatMaskedValue = Number(maskedValue || "0");
+    if (!_.isEqual(props?.value, floatMaskedValue) || _.isEqual(props?.value, 0)) {
       setMaskedValue(_.toString(props?.value));
     }
   }, [props?.value]);

package/lib/inputs/number/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/number/index.tsx"],"sourcesContent":["import '../../assets/styles/numbers.scss';\n\nimport React, { useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport DecimalField from './Decimal';\nimport CurrencyField from './Currency';\nimport { INumberFieldProps } from './types';\nimport InputTextBase from '../base/InputTextBase';\nimport { CustomInputEvent } from '../base/types';\nimport { mergeRefs } from '../../form2/helpers';\n\nconst NumberField = (props: INumberFieldProps) => {\n  const {\n    textAlign = 'left', themePopover = 'light', popoverAlign = 'left', min = undefined, \n    max = undefined, inputRef = undefined,\n  } = props;\n  const numberInputRef = useRef<HTMLInputElement | null>(null);\n  const isResetting = useRef(false);\n\n  const { value: maskedValue, setValue: setMaskedValue, typedValue } = useIMask({\n    mask: Number,\n    max,\n    min,\n    scale: 0,\n    enum: undefined,\n    to: undefined,\n    from: undefined,\n    normalizeZeros: true,\n    padFractionalZeros: false,\n  }, {\n    ref: numberInputRef,\n    onAccept: (__, maskRef, event) => {\n      if (isResetting.current) {\n        isResetting.current = false;\n        return;\n      }\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: maskRef.typedValue as any,\n        },\n      } as CustomInputEvent);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    const currentValue = typedValue as number;\n    if (!_.isNil(min)) {\n      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.({ \n      ...event, \n      target: { \n        ...event?.target, \n        value: currentValue as any, \n      }, \n    });\n  };\n\n  useEffect(() => {\n    if (_.isNil(props?.value)) {\n      if (maskedValue !== '') {\n        isResetting.current = true;\n        setMaskedValue('');\n      }\n      return;\n    }\n    const numericValue = typeof props.value === 'string' ? Number(props.value) : props.value;\n    if (!_.isEqual(typedValue, numericValue)) {\n      setMaskedValue(_.toString(props?.value));\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(numberInputRef, inputRef) as any}\n      type=\"number\"\n      onChange={() => {}}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default NumberField;\nexport {\n  CurrencyField,\n  DecimalField,\n};\n"],"names":["NumberField","props","textAlign","themePopover","popoverAlign","min","undefined","max","inputRef","numberInputRef","useRef","isResetting","value","maskedValue","setValue","setMaskedValue","typedValue","useIMask","mask","Number","scale","enum","to","from","normalizeZeros","padFractionalZeros","ref","onAccept","__","maskRef","event","current","onChange","target","name","handleBlur","currentValue","_","isNil","isNaN","toString","onBlur","useEffect","numericValue","isEqual","mergeRefs"],"mappings":";;;;;;;;;AAYA,MAAMA,cAAcA,CAACC,UAA6B;AAChD,QAAM;AAAA,IACJC,YAAY;AAAA,IAAQC,eAAe;AAAA,IAASC,eAAe;AAAA,IAAQC,MAAMC;AAAAA,IACzEC,MAAMD;AAAAA,IAAWE,WAAWF;AAAAA,EAAAA,IAC1BL;AACJ,QAAMQ,iBAAiBC,OAAgC,IAAI;AAC3D,QAAMC,cAAcD,OAAO,KAAK;AAEhC,QAAM;AAAA,IAAEE,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC;AAAAA,EAAAA,IAAeC,SAAS;AAAA,IAC5EC,MAAMC;AAAAA,IACNZ;AAAAA,IACAF;AAAAA,IACAe,OAAO;AAAA,IACPC,MAAMf;AAAAA,IACNgB,IAAIhB;AAAAA,IACJiB,MAAMjB;AAAAA,IACNkB,gBAAgB;AAAA,IAChBC,oBAAoB;AAAA,EAAA,GACnB;AAAA,IACDC,KAAKjB;AAAAA,IACLkB,UAAUA,CAACC,IAAIC,SAASC,UAAU;AAChC,UAAInB,YAAYoB,SAAS;AACvBpB,oBAAYoB,UAAU;AACtB;AAAA,MACF;AACA9B,aAAO+B,WAAW;AAAA,QAChB,GAAGF;AAAAA,QACHG,QAAQ;AAAA,UACN,GAAGH,OAAOG;AAAAA,UACVC,MAAMjC,OAAOiC;AAAAA,UACbtB,OAAOiB,QAAQb;AAAAA,QAAAA;AAAAA,MACjB,CACmB;AAAA,IACvB;AAAA,EAAA,CACD;AAMD,QAAMmB,aAAaA,CAACL,YAA4B;AAC9C,UAAMM,eAAepB;AACrB,QAAI,CAACqB,EAAEC,MAAMjC,GAAG,GAAG;AACjB,UAAIgC,EAAEC,MAAMF,YAAY,KAAKC,EAAEE,MAAMH,YAAY,KAAKA,eAAe/B,KAAK;AACxEU,uBAAesB,EAAEG,SAASnC,GAAG,CAAC;AAC9BJ,eAAO+B,WAAW;AAAA,UAChB,GAAGF;AAAAA,UACHG,QAAQ;AAAA,YACN,GAAGH,SAAOG;AAAAA,YACVC,MAAMjC,OAAOiC;AAAAA,YACbtB,OAAOP;AAAAA,UAAAA;AAAAA,QACT,CACmB;AAAA,MACvB;AAAA,IACF;AACAJ,WAAOwC,SAAS;AAAA,MACd,GAAGX;AAAAA,MACHG,QAAQ;AAAA,QACN,GAAGH,SAAOG;AAAAA,QACVrB,OAAOwB;AAAAA,MAAAA;AAAAA,IACT,CACD;AAAA,EACH;AAEAM,YAAU,MAAM;AACd,QAAIL,EAAEC,MAAMrC,OAAOW,KAAK,GAAG;AACzB,UAAIC,gBAAgB,IAAI;AACtBF,oBAAYoB,UAAU;AACtBhB,uBAAe,EAAE;AAAA,MACnB;AACA;AAAA,IACF;AACA,UAAM4B,eAAe,OAAO1C,MAAMW,UAAU,WAAWO,OAAOlB,MAAMW,KAAK,IAAIX,MAAMW;AACnF,QAAI,CAACyB,EAAEO,QAAQ5B,YAAY2B,YAAY,GAAG;AACxC5B,qBAAesB,EAAEG,SAASvC,OAAOW,KAAK,CAAC;AAAA,IACzC;AAAA,EACF,GAAG,CAACX,OAAOW,KAAK,CAAC;AAEjB,SACE,oBAAC,eAAA,EACC,GAAIX,OACJ,UAAU4C,UAAUpC,gBAAgBD,QAAQ,GAC5C,MAAK,UACL,UAAU,MAAM;AAAA,EAAC,GACjB,QAAQ2B,YACR,OAAOtB,aACP,WACA,cACA,cAA2B;AAEjC;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/number/index.tsx"],"sourcesContent":["import '../../assets/styles/numbers.scss';\n\nimport React, { useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport DecimalField from './Decimal';\nimport CurrencyField from './Currency';\nimport { INumberFieldProps } from './types';\nimport InputTextBase from '../base/InputTextBase';\nimport { CustomInputEvent } from '../base/types';\nimport { mergeRefs } from '../../form2/helpers';\n\nconst NumberField = (props: INumberFieldProps) => {\n  const {\n    textAlign = 'left', themePopover = 'light', popoverAlign = 'left', min = undefined, \n    max = undefined, inputRef = undefined,\n  } = props;\n  const numberInputRef = useRef<HTMLInputElement | null>(null);\n  const isResetting = useRef(false);\n\n  const { value: maskedValue, setValue: setMaskedValue } = useIMask({\n    mask: Number,\n    max,\n    min,\n    scale: 0,\n    enum: undefined,\n    to: undefined,\n    from: undefined,\n    normalizeZeros: true,\n    padFractionalZeros: false,\n  }, {\n    ref: numberInputRef,\n    onAccept: (value, __, event) => {\n      if (isResetting.current) {\n        isResetting.current = false;\n        return;\n      }\n      const parsedValue = parseInt(value, 10);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as CustomInputEvent);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = parseInt(maskedValue, 10) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    if (_.isNil(props?.value)) {\n      if (maskedValue !== '') {\n        isResetting.current = true;\n        setMaskedValue('');\n      }\n      return;\n    }\n    const floatMaskedValue = Number(maskedValue || '0');\n    if (!_.isEqual(props?.value, floatMaskedValue) || _.isEqual(props?.value, 0)) {\n      setMaskedValue(_.toString(props?.value));\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(numberInputRef, inputRef) as any}\n      type=\"number\"\n      onChange={() => {}}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default NumberField;\nexport {\n  CurrencyField,\n  DecimalField,\n};\n"],"names":["NumberField","props","textAlign","themePopover","popoverAlign","min","undefined","max","inputRef","numberInputRef","useRef","isResetting","value","maskedValue","setValue","setMaskedValue","useIMask","mask","Number","scale","enum","to","from","normalizeZeros","padFractionalZeros","ref","onAccept","__","event","current","parsedValue","parseInt","onChange","target","name","handleBlur","_","isNil","currentValue","isNaN","toString","onBlur","useEffect","floatMaskedValue","isEqual","mergeRefs"],"mappings":";;;;;;;;;AAYA,MAAMA,cAAcA,CAACC,UAA6B;AAChD,QAAM;AAAA,IACJC,YAAY;AAAA,IAAQC,eAAe;AAAA,IAASC,eAAe;AAAA,IAAQC,MAAMC;AAAAA,IACzEC,MAAMD;AAAAA,IAAWE,WAAWF;AAAAA,EAAAA,IAC1BL;AACJ,QAAMQ,iBAAiBC,OAAgC,IAAI;AAC3D,QAAMC,cAAcD,OAAO,KAAK;AAEhC,QAAM;AAAA,IAAEE,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,EAAAA,IAAmBC,SAAS;AAAA,IAChEC,MAAMC;AAAAA,IACNX;AAAAA,IACAF;AAAAA,IACAc,OAAO;AAAA,IACPC,MAAMd;AAAAA,IACNe,IAAIf;AAAAA,IACJgB,MAAMhB;AAAAA,IACNiB,gBAAgB;AAAA,IAChBC,oBAAoB;AAAA,EAAA,GACnB;AAAA,IACDC,KAAKhB;AAAAA,IACLiB,UAAUA,CAACd,OAAOe,IAAIC,UAAU;AAC9B,UAAIjB,YAAYkB,SAAS;AACvBlB,oBAAYkB,UAAU;AACtB;AAAA,MACF;AACA,YAAMC,cAAcC,SAASnB,OAAO,EAAE;AACtCX,aAAO+B,WAAW;AAAA,QAChB,GAAGJ;AAAAA,QACHK,QAAQ;AAAA,UACN,GAAGL,OAAOK;AAAAA,UACVC,MAAMjC,OAAOiC;AAAAA,UACbtB,OAAOkB;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IACvB;AAAA,EAAA,CACD;AAMD,QAAMK,aAAaA,CAACP,YAA4B;AAC9C,QAAI,CAACQ,EAAEC,MAAMhC,GAAG,GAAG;AACjB,YAAMiC,eAAeP,SAASlB,aAAa,EAAE;AAC7C,UAAIuB,EAAEG,MAAMD,YAAY,KAAKA,eAAejC,KAAK;AAC/CU,uBAAeqB,EAAEI,SAASnC,GAAG,CAAC;AAC9BJ,eAAO+B,WAAW;AAAA,UAChB,GAAGJ;AAAAA,UACHK,QAAQ;AAAA,YACN,GAAGL,SAAOK;AAAAA,YACVC,MAAMjC,OAAOiC;AAAAA,YACbtB,OAAOP;AAAAA,UAAAA;AAAAA,QACT,CACmB;AAAA,MACvB;AAAA,IACF;AACAJ,WAAOwC,SAASb,OAAK;AAAA,EACvB;AAEAc,YAAU,MAAM;AACd,QAAIN,EAAEC,MAAMpC,OAAOW,KAAK,GAAG;AACzB,UAAIC,gBAAgB,IAAI;AACtBF,oBAAYkB,UAAU;AACtBd,uBAAe,EAAE;AAAA,MACnB;AACA;AAAA,IACF;AACA,UAAM4B,mBAAmBzB,OAAOL,eAAe,GAAG;AAClD,QAAI,CAACuB,EAAEQ,QAAQ3C,OAAOW,OAAO+B,gBAAgB,KAAKP,EAAEQ,QAAQ3C,OAAOW,OAAO,CAAC,GAAG;AAC5EG,qBAAeqB,EAAEI,SAASvC,OAAOW,KAAK,CAAC;AAAA,IACzC;AAAA,EACF,GAAG,CAACX,OAAOW,KAAK,CAAC;AAEjB,SACE,oBAAC,eAAA,EACC,GAAIX,OACJ,UAAU4C,UAAUpC,gBAAgBD,QAAQ,GAC5C,MAAK,UACL,UAAU,MAAM;AAAA,EAAC,GACjB,QAAQ2B,YACR,OAAOtB,aACP,WACA,cACA,cAA2B;AAEjC;"}

package/lib/menus/float/SubMenuContainer.d.ts

@@ -1,11 +1,29 @@
-import { ReactNode } from 'react';
-interface SubMenuContainerProps {
-    title?: string;
-    customClass?: string;
-    handlerGoBack: () => void;
-    skeletonize?: boolean;
-    skeletonQtty?: number;
-    children: ReactNode;
-}
-declare const SubMenuContainer: ({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: SubMenuContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default SubMenuContainer;
+declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
+    title: any;
+    customClass: any;
+    handlerGoBack: any;
+    skeletonize: any;
+    skeletonQtty: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace SubMenuContainer {
+    namespace propTypes {
+        let children: any;
+        let handlerGoBack: any;
+        let title: any;
+        let customClass: any;
+        let skeletonize: any;
+        let skeletonQtty: any;
+    }
+    namespace defaultProps {
+        let title_1: undefined;
+        export { title_1 as title };
+        let customClass_1: undefined;
+        export { customClass_1 as customClass };
+        let skeletonize_1: boolean;
+        export { skeletonize_1 as skeletonize };
+        let skeletonQtty_1: number;
+        export { skeletonQtty_1 as skeletonQtty };
+    }
+}