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

package/lib/assets/styles/datepicker2.css

@@ -741,7 +741,7 @@
     background-position: -135% 0%;
   }
 }
-.date-calendar-box[aria-expanded=true], .date-field-root .container .input {
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-column .time-column-options, .date-calendar-box[aria-expanded=true], .date-field-root .container .input {
   color: #666;
   font-size: 16px;
   font-family: Roboto;
@@ -1029,9 +1029,10 @@ input::-webkit-inner-spin-button {
   margin: 5px 0;
   font-size: 87.5%;
   z-index: auto;
-  position: fixed;
-  display: flex;
-  flex-direction: column;
+  display: grid;
+  grid-template-columns: minmax(280px, 1fr) auto;
+  grid-template-areas: "header    time" "weekdays  time" "grid      time";
+  min-width: min-content;
   overflow: hidden;
   border: 1px solid #dae1e8;
   background-color: #fff;
@@ -1039,6 +1040,7 @@ input::-webkit-inner-spin-button {
   box-shadow: -6px 6px 50px -12px rgba(51, 51, 51, 0.4);
 }
 .date-calendar-box[aria-expanded=true] .date-calendar-box-header {
+  grid-area: header;
   width: auto;
   height: auto;
   display: flex;
@@ -1070,6 +1072,7 @@ input::-webkit-inner-spin-button {
   font-size: 87.5%;
 }
 .date-calendar-box[aria-expanded=true] .date-calendar-box-days-of-week {
+  grid-area: weekdays;
   height: 28px;
   display: flex;
   flex-flow: nowrap;
@@ -1086,11 +1089,13 @@ input::-webkit-inner-spin-button {
   vertical-align: middle;
 }
 .date-calendar-box[aria-expanded=true] .date-calendar-box-grid-of-days {
+  grid-area: grid;
   padding: 3px;
 }
 .date-calendar-box[aria-expanded=true] .date-calendar-box-grid-of-days table {
   width: 100%;
   height: 100%;
+  min-height: 252px;
 }
 .date-calendar-box[aria-expanded=true] .date-calendar-box-grid-of-days table td[role=gridcell] {
   text-align: center;
@@ -1127,6 +1132,13 @@ input::-webkit-inner-spin-button {
   border-color: #d1d3d4;
   border-style: dashed;
 }
+.date-calendar-box[aria-expanded=true] .date-calendar-box-grid-of-days table .day-button[data-state-out-of-bounds=true] {
+  color: #cacaca !important;
+  cursor: not-allowed;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-grid-of-days table .day-button[data-state-out-of-bounds=true]:hover {
+  background-color: transparent;
+}
 .date-calendar-box[aria-expanded=true] .date-calendar-box-grid-of-days table .day-button[data-state-is-today=true] {
   position: relative;
 }
@@ -1144,4 +1156,65 @@ input::-webkit-inner-spin-button {
 }
 .date-calendar-box[aria-expanded=true] .date-calendar-box-grid-of-days table .day-button[data-state-is-today=true][aria-selected=true]::after {
   background-color: #fff;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector {
+  grid-area: time;
+  display: flex;
+  flex-direction: row;
+  height: 0;
+  min-height: 100%;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-column {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  width: 52px;
+  border-left: 1px solid #dae1e8;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-column .time-column-label {
+  padding: 6px 0;
+  font-size: 87.5%;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #f0f0f0;
+  border-bottom: 1px solid #e1e1e1;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-column .time-column-options {
+  flex: 1 1 auto;
+  min-height: 0;
+  font-size: 87.5%;
+  overflow: hidden auto;
+  scrollbar-width: none;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-column .time-column-options::-webkit-scrollbar {
+  display: none;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-unit-button {
+  width: 100%;
+  padding: 6px 0;
+  border: none;
+  cursor: pointer;
+  text-align: center;
+  background-color: transparent;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-unit-button:hover {
+  background-color: #dae1e8;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-unit-button[aria-selected=true], .date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-unit-button[aria-selected=true]:hover {
+  color: #fff;
+  background-color: #6C757D;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-unit-button[data-state-out-of-bounds=true] {
+  color: #cacaca !important;
+  cursor: not-allowed;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector .time-unit-button[data-state-out-of-bounds=true]:hover {
+  background-color: transparent;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector[data-state-disabled=true] .time-unit-button {
+  color: #cacaca !important;
+  cursor: not-allowed;
+}
+.date-calendar-box[aria-expanded=true] .date-calendar-box-time-selector[data-state-disabled=true] .time-unit-button:hover {
+  background-color: transparent;
 }

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 { numberToEnUS, numberToPtBR } from "./format_number.js";
+import { numberToPtBR } from "./format_number.js";
 import InputTextBase from "../base/InputTextBase.js";
 import { mergeRefs } from "../../form2/helpers.js";
 const CurrencyField = (props) => {
@@ -22,11 +22,12 @@ const CurrencyField = (props) => {
     displayCurrencySymbol = true
   } = props;
   const currencyNumberInputRef = useRef(null);
-  const isResetting = useRef(false);
   const leftElements = displayCurrencySymbol ? /* @__PURE__ */ jsx("span", { className: "currency-symbol", children: currencySymbol }) : [];
   const {
+    maskRef: maskRef_0,
     value: maskedValue,
-    setValue: setMaskedValue
+    setValue: setMaskedValue,
+    typedValue
   } = useIMask({
     mask: Number,
     unmask,
@@ -40,26 +41,22 @@ const CurrencyField = (props) => {
     thousandsSeparator: "."
   }, {
     ref: currencyNumberInputRef,
-    onAccept: (__, options, event) => {
-      if (isResetting.current) {
-        isResetting.current = false;
-        return;
-      }
-      const parsedValue = numberToEnUS(options.unmaskedValue);
+    onAccept: (__, maskRef, event) => {
+      if (!event) return;
       props?.onChange?.({
         ...event,
         target: {
           ...event?.target,
           name: props?.name,
-          value: parsedValue
+          value: maskRef.typedValue
         }
       });
     }
   });
   const handleBlur = (event_0) => {
+    const currentValue = maskRef_0.current?.typedValue ?? typedValue;
     if (!_.isNil(min)) {
-      const currentValue = numberToEnUS(maskedValue);
-      if (_.isNaN(currentValue) || currentValue < min) {
+      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {
         setMaskedValue(numberToPtBR(min) ?? _.toString(min));
         props?.onChange?.({
           ...event_0,
@@ -71,19 +68,24 @@ const CurrencyField = (props) => {
         });
       }
     }
-    props?.onBlur?.(event_0);
+    props?.onBlur?.({
+      ...event_0,
+      target: {
+        ...event_0?.target,
+        value: currentValue
+      }
+    });
   };
   useEffect(() => {
     if (_.isNil(props?.value)) {
       if (maskedValue !== "") {
-        isResetting.current = true;
         setMaskedValue("");
       }
       return;
     }
-    const valueToPtBR = numberToPtBR(props?.value) ?? "";
-    if (!_.isEqual(parseFloat(_.toString(props?.value)), numberToEnUS(maskedValue))) {
-      setMaskedValue(valueToPtBR);
+    const numericValue = typeof props.value === "string" ? parseFloat(props.value) : props.value;
+    if (!_.isEqual(typedValue, numericValue)) {
+      setMaskedValue(numberToPtBR(props?.value) ?? "");
     }
   }, [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 { 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;"}
+{"version":3,"file":"Currency.js","sources":["../../../src/lib/inputs/number/Currency.tsx"],"sourcesContent":["import { 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 leftElements = displayCurrencySymbol ?\n    <span className=\"currency-symbol\">{currencySymbol}</span>\n    : [];\n\n  const { maskRef, 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 (!event) return;\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 = (maskRef.current?.typedValue ?? 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        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","leftElements","maskRef","value","maskedValue","setValue","setMaskedValue","typedValue","useIMask","mask","Number","_","isNil","radix","mapToRadix","thousandsSeparator","ref","onAccept","__","event","onChange","target","name","handleBlur","currentValue","current","isNaN","numberToPtBR","toString","onBlur","useEffect","numericValue","parseFloat","isEqual","mergeRefs"],"mappings":"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"}

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 { numberToEnUS, numberToPtBR } from "./format_number.js";
+import { numberToPtBR } from "./format_number.js";
 import InputTextBase from "../base/InputTextBase.js";
 import { mergeRefs } from "../../form2/helpers.js";
 const DecimalField = (props) => {
@@ -20,10 +20,11 @@ const DecimalField = (props) => {
     inputRef = void 0
   } = props;
   const decimalNumberInputRef = useRef(null);
-  const isResetting = useRef(false);
   const {
+    maskRef: maskRef_0,
     value: maskedValue,
-    setValue: setMaskedValue
+    setValue: setMaskedValue,
+    typedValue
   } = useIMask({
     mask: Number,
     unmask,
@@ -37,26 +38,22 @@ const DecimalField = (props) => {
     thousandsSeparator: "."
   }, {
     ref: decimalNumberInputRef,
-    onAccept: (__, options, event) => {
-      if (isResetting.current) {
-        isResetting.current = false;
-        return;
-      }
-      const parsedValue = numberToEnUS(options.unmaskedValue);
+    onAccept: (__, maskRef, event) => {
+      if (!event) return;
       props?.onChange?.({
         ...event,
         target: {
           ...event?.target,
           name: props?.name,
-          value: parsedValue
+          value: maskRef.typedValue
         }
       });
     }
   });
   const handleBlur = (event_0) => {
+    const currentValue = maskRef_0.current?.typedValue ?? typedValue;
     if (!_.isNil(min)) {
-      const currentValue = numberToEnUS(maskedValue);
-      if (_.isNaN(currentValue) || currentValue < min) {
+      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {
         setMaskedValue(numberToPtBR(min) ?? _.toString(min));
         props?.onChange?.({
           ...event_0,
@@ -68,19 +65,24 @@ const DecimalField = (props) => {
         });
       }
     }
-    props?.onBlur?.(event_0);
+    props?.onBlur?.({
+      ...event_0,
+      target: {
+        ...event_0?.target,
+        value: currentValue
+      }
+    });
   };
   useEffect(() => {
     if (_.isNil(props?.value)) {
       if (maskedValue !== "") {
-        isResetting.current = true;
         setMaskedValue("");
       }
       return;
     }
-    const valueToPtBR = numberToPtBR(props?.value) ?? "";
-    if (!_.isEqual(parseFloat(_.toString(props?.value)), numberToEnUS(maskedValue))) {
-      setMaskedValue(valueToPtBR);
+    const numericValue = typeof props.value === "string" ? parseFloat(props.value) : props.value;
+    if (!_.isEqual(typedValue, numericValue)) {
+      setMaskedValue(numberToPtBR(props?.value) ?? "");
     }
   }, [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 { 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;"}
+{"version":3,"file":"Decimal.js","sources":["../../../src/lib/inputs/number/Decimal.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { 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\n  const { maskRef, 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 (!event) return;\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 = (maskRef.current?.typedValue ?? 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        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","maskRef","value","maskedValue","setValue","setMaskedValue","typedValue","useIMask","mask","Number","_","isNil","radix","mapToRadix","thousandsSeparator","ref","onAccept","__","event","onChange","target","name","handleBlur","currentValue","current","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;AAElE,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASC,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC;AAAAA,EAAAA,IAAeC,SAAS;AAAA,IACrFC,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,IAAIhB,SAASiB,UAAU;AAChC,UAAI,CAACA,MAAO;AACZhC,aAAOiC,WAAW;AAAA,QAChB,GAAGD;AAAAA,QACHE,QAAQ;AAAA,UACN,GAAGF,OAAOE;AAAAA,UACVC,MAAMnC,OAAOmC;AAAAA,UACbnB,OAAOD,QAAQK;AAAAA,QAAAA;AAAAA,MACjB,CACmB;AAAA,IACvB;AAAA,EAAA,CACD;AAMD,QAAMgB,aAAaA,CAACJ,YAA4B;AAC9C,UAAMK,eAAgBtB,UAAQuB,SAASlB,cAAcA;AACrD,QAAI,CAACI,EAAEC,MAAMrB,GAAG,GAAG;AACjB,UAAIoB,EAAEC,MAAMY,YAAY,KAAKb,EAAEe,MAAMF,YAAY,KAAKA,eAAejC,KAAK;AACxEe,uBAAeqB,aAAapC,GAAG,KAAKoB,EAAEiB,SAASrC,GAAG,CAAC;AACnDJ,eAAOiC,WAAW;AAAA,UAChB,GAAGD;AAAAA,UACHE,QAAQ;AAAA,YACN,GAAGF,SAAOE;AAAAA,YACVC,MAAMnC,OAAOmC;AAAAA,YACbnB,OAAOZ;AAAAA,UAAAA;AAAAA,QACT,CACmB;AAAA,MACvB;AAAA,IACF;AACAJ,WAAO0C,SAAS;AAAA,MACd,GAAGV;AAAAA,MACHE,QAAQ;AAAA,QACN,GAAGF,SAAOE;AAAAA,QACVlB,OAAOqB;AAAAA,MAAAA;AAAAA,IACT,CACD;AAAA,EACH;AAEAM,YAAU,MAAM;AACd,QAAInB,EAAEC,MAAMzB,OAAOgB,KAAK,GAAG;AACzB,UAAIC,gBAAgB,IAAI;AACtBE,uBAAe,EAAE;AAAA,MACnB;AACA;AAAA,IACF;AACA,UAAMyB,eAAe,OAAO5C,MAAMgB,UAAU,WAAW6B,WAAW7C,MAAMgB,KAAK,IAAIhB,MAAMgB;AACvF,QAAI,CAACQ,EAAEsB,QAAQ1B,YAAYwB,YAAY,GAAG;AACxCzB,qBAAeqB,aAAaxC,OAAOgB,KAAK,KAAK,EAAE;AAAA,IACjD;AAAA,EACF,GAAG,CAAChB,OAAOgB,KAAK,CAAC;AAEjB,SACE,oBAAC,eAAA,EACC,GAAIhB,OACJ,UAAU+C,UAAUlC,uBAAuBD,QAAQ,GACnD,MAAK,QACL,UAAU,MAAM;AAAA,EAAE,GAClB,QAAQwB,YACR,OAAOnB,aACP,WACA,cACA,cAA2B;AAEjC;"}

package/lib/inputs/number/index.js

@@ -17,10 +17,11 @@ const NumberField = (props) => {
     inputRef = void 0
   } = props;
   const numberInputRef = useRef(null);
-  const isResetting = useRef(false);
   const {
+    maskRef: maskRef_0,
     value: maskedValue,
-    setValue: setMaskedValue
+    setValue: setMaskedValue,
+    typedValue
   } = useIMask({
     mask: Number,
     max,
@@ -33,26 +34,22 @@ const NumberField = (props) => {
     padFractionalZeros: false
   }, {
     ref: numberInputRef,
-    onAccept: (value, __, event) => {
-      if (isResetting.current) {
-        isResetting.current = false;
-        return;
-      }
-      const parsedValue = parseInt(value, 10);
+    onAccept: (__, maskRef, event) => {
+      if (!event) return;
       props?.onChange?.({
         ...event,
         target: {
           ...event?.target,
           name: props?.name,
-          value: parsedValue
+          value: maskRef.typedValue
         }
       });
     }
   });
   const handleBlur = (event_0) => {
+    const currentValue = maskRef_0.current?.typedValue ?? typedValue;
     if (!_.isNil(min)) {
-      const currentValue = parseInt(maskedValue, 10);
-      if (_.isNaN(currentValue) || currentValue < min) {
+      if (_.isNil(currentValue) || _.isNaN(currentValue) || currentValue < min) {
         setMaskedValue(_.toString(min));
         props?.onChange?.({
           ...event_0,
@@ -64,18 +61,23 @@ const NumberField = (props) => {
         });
       }
     }
-    props?.onBlur?.(event_0);
+    props?.onBlur?.({
+      ...event_0,
+      target: {
+        ...event_0?.target,
+        value: currentValue
+      }
+    });
   };
   useEffect(() => {
     if (_.isNil(props?.value)) {
       if (maskedValue !== "") {
-        isResetting.current = true;
         setMaskedValue("");
       }
       return;
     }
-    const floatMaskedValue = Number(maskedValue || "0");
-    if (!_.isEqual(props?.value, floatMaskedValue) || _.isEqual(props?.value, 0)) {
+    const numericValue = typeof props.value === "string" ? Number(props.value) : props.value;
+    if (!_.isEqual(typedValue, numericValue)) {
       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 } = 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;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/number/index.tsx"],"sourcesContent":["import '../../assets/styles/numbers.scss';\n\nimport { 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\n  const { maskRef, 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 (!event) return;\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 = (maskRef.current?.typedValue ?? 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        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","maskRef","value","maskedValue","setValue","setMaskedValue","typedValue","useIMask","mask","Number","scale","enum","to","from","normalizeZeros","padFractionalZeros","ref","onAccept","__","event","onChange","target","name","handleBlur","currentValue","current","_","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;AAE3D,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASC,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC;AAAAA,EAAAA,IAAeC,SAAS;AAAA,IACrFC,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,IAAIjB,SAASkB,UAAU;AAChC,UAAI,CAACA,MAAO;AACZ5B,aAAO6B,WAAW;AAAA,QAChB,GAAGD;AAAAA,QACHE,QAAQ;AAAA,UACN,GAAGF,OAAOE;AAAAA,UACVC,MAAM/B,OAAO+B;AAAAA,UACbpB,OAAOD,QAAQK;AAAAA,QAAAA;AAAAA,MACjB,CACmB;AAAA,IACvB;AAAA,EAAA,CACD;AAMD,QAAMiB,aAAaA,CAACJ,YAA4B;AAC9C,UAAMK,eAAgBvB,UAAQwB,SAASnB,cAAcA;AACrD,QAAI,CAACoB,EAAEC,MAAMhC,GAAG,GAAG;AACjB,UAAI+B,EAAEC,MAAMH,YAAY,KAAKE,EAAEE,MAAMJ,YAAY,KAAKA,eAAe7B,KAAK;AACxEU,uBAAeqB,EAAEG,SAASlC,GAAG,CAAC;AAC9BJ,eAAO6B,WAAW;AAAA,UAChB,GAAGD;AAAAA,UACHE,QAAQ;AAAA,YACN,GAAGF,SAAOE;AAAAA,YACVC,MAAM/B,OAAO+B;AAAAA,YACbpB,OAAOP;AAAAA,UAAAA;AAAAA,QACT,CACmB;AAAA,MACvB;AAAA,IACF;AACAJ,WAAOuC,SAAS;AAAA,MACd,GAAGX;AAAAA,MACHE,QAAQ;AAAA,QACN,GAAGF,SAAOE;AAAAA,QACVnB,OAAOsB;AAAAA,MAAAA;AAAAA,IACT,CACD;AAAA,EACH;AAEAO,YAAU,MAAM;AACd,QAAIL,EAAEC,MAAMpC,OAAOW,KAAK,GAAG;AACzB,UAAIC,gBAAgB,IAAI;AACtBE,uBAAe,EAAE;AAAA,MACnB;AACA;AAAA,IACF;AACA,UAAM2B,eAAe,OAAOzC,MAAMW,UAAU,WAAWO,OAAOlB,MAAMW,KAAK,IAAIX,MAAMW;AACnF,QAAI,CAACwB,EAAEO,QAAQ3B,YAAY0B,YAAY,GAAG;AACxC3B,qBAAeqB,EAAEG,SAAStC,OAAOW,KAAK,CAAC;AAAA,IACzC;AAAA,EACF,GAAG,CAACX,OAAOW,KAAK,CAAC;AAEjB,SACE,oBAAC,eAAA,EACC,GAAIX,OACJ,UAAU2C,UAAUnC,gBAAgBD,QAAQ,GAC5C,MAAK,UACL,UAAU,MAAM;AAAA,EAAC,GACjB,QAAQyB,YACR,OAAOpB,aACP,WACA,cACA,cAA2B;AAEjC;"}

package/lib/inputs2/date/calendarbox.d.ts

@@ -0,0 +1,23 @@
+import { Moment } from 'moment';
+import { ReactNode, RefObject } from 'react';
+interface CalendarDayState {
+    isSelected: boolean;
+    isInRange?: boolean;
+    isDisabled?: boolean;
+}
+interface CalendarBoxProps {
+    testIdPrefix: string;
+    headerId: string;
+    calendarBoxOpen: boolean;
+    activeDescendant: string;
+    calendarDisplayDate: Moment;
+    containerRef: RefObject<HTMLDivElement | null>;
+    onNextMonth: () => void;
+    onPreviousMonth: () => void;
+    getDayState: (day: Moment) => CalendarDayState;
+    onSelectDay: (day: Moment) => void;
+    children?: ReactNode;
+}
+declare const CalendarBox: import('react').ForwardRefExoticComponent<CalendarBoxProps & import('react').RefAttributes<HTMLDivElement>>;
+export { CalendarBox };
+export type { CalendarBoxProps, CalendarDayState };