linear-react-components-ui 2.0.0-beta.4 → 2.0.0-beta.5

package/lib/inputs/number/index.js

@@ -1,38 +1,28 @@
-import { jsx as x } from "react/jsx-runtime";
+import { jsx as N } from "react/jsx-runtime";
 import '../../assets/styles/numbers.css';/* empty css                               */
-import { useRef as N, useEffect as V } from "react";
-import a from "../../_virtual/lodash.js";
-import "../../node_modules/imask/esm/index.js";
-import "../../node_modules/imask/esm/controls/input.js";
-import "../../node_modules/imask/esm/masked/factory.js";
-import "../../node_modules/imask/esm/controls/mask-element.js";
-import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
-import "../../node_modules/imask/esm/controls/input-history.js";
-import "../../node_modules/react-imask/esm/input.js";
-import h from "../../node_modules/react-imask/esm/hook.js";
-import "../../node_modules/react-imask/esm/mixin.js";
-import { default as G } from "./Decimal.js";
-import { default as J } from "./Currency.js";
-import k from "../base/InputTextBase.js";
-import { mergeRefs as b } from "../../form2/helpers.js";
-const U = (e) => {
+import { useRef as V, useEffect as h } from "react";
+import t from "../../_virtual/lodash.js";
+import { useIMask as k } from "react-imask";
+import { default as Z } from "./Decimal.js";
+import { default as p } from "./Currency.js";
+import b from "../base/InputTextBase.js";
+import { mergeRefs as I } from "../../form2/helpers.js";
+const y = (e) => {
   const {
-    textAlign: n = "left",
+    textAlign: m = "left",
     themePopover: f = "light",
     popoverAlign: s = "left",
-    min: o = void 0,
+    min: l = void 0,
     max: d = void 0,
     inputRef: c = void 0
-  } = e, i = N(null), {
+  } = e, n = V(null), {
     value: v,
-    setValue: m,
-    unmaskedValue: l
-  } = h({
+    setValue: o,
+    unmaskedValue: r
+  } = k({
     mask: Number,
     max: d,
-    min: o,
+    min: l,
     scale: 0,
     enum: void 0,
     to: void 0,
@@ -40,41 +30,41 @@ const U = (e) => {
     normalizeZeros: !0,
     padFractionalZeros: !1
   }, {
-    ref: i,
-    onAccept: (t, r, u) => {
-      const p = parseInt(t, 10);
+    ref: n,
+    onAccept: (a, u, i) => {
+      const x = parseInt(a, 10);
       e?.onChange?.({
-        ...u,
+        ...i,
         target: {
-          ...u?.target,
+          ...i?.target,
           name: e?.name,
-          value: p
+          value: x
         }
       });
     }
-  }), g = (t) => {
-    if (!a.isNil(o)) {
-      const r = parseInt(l, 10);
-      (a.isNaN(r) || r < o) && (m(a.toString(o)), e?.onChange?.({
-        ...t,
+  }), g = (a) => {
+    if (!t.isNil(l)) {
+      const u = parseInt(r, 10);
+      (t.isNaN(u) || u < l) && (o(t.toString(l)), e?.onChange?.({
+        ...a,
         target: {
-          ...t?.target,
+          ...a?.target,
           name: e?.name,
-          value: o
+          value: l
         }
       }));
     }
-    e?.onBlur?.(t);
+    e?.onBlur?.(a);
   };
-  return V(() => {
-    const t = Number(l || "0");
-    !a.isNil(e?.value) && (!a.isEqual(e?.value, t) || a.isEqual(e?.value, 0)) && m(a.toString(e?.value));
-  }, [e?.value]), /* @__PURE__ */ x(k, { ...e, inputRef: b(i, c), type: "number", onChange: () => {
-  }, onBlur: g, value: v, textAlign: n, themePopover: f, popoverAlign: s });
+  return h(() => {
+    const a = Number(r || "0");
+    !t.isNil(e?.value) && (!t.isEqual(e?.value, a) || t.isEqual(e?.value, 0)) && o(t.toString(e?.value));
+  }, [e?.value]), /* @__PURE__ */ N(b, { ...e, inputRef: I(n, c), type: "number", onChange: () => {
+  }, onBlur: g, value: v, textAlign: m, themePopover: f, popoverAlign: s });
 };
 export {
-  J as CurrencyField,
-  G as DecimalField,
-  U as default
+  p as CurrencyField,
+  Z as DecimalField,
+  y as default
 };
 //# sourceMappingURL=index.js.map

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\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = 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      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(unmaskedValue, 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    const floatUnmaskedValue = Number(unmaskedValue || '0');\n    if (!_.isNil(props?.value) && (!_.isEqual(props?.value,\n      floatUnmaskedValue) || _.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","value","maskedValue","setValue","setMaskedValue","unmaskedValue","useIMask","mask","Number","scale","enum","to","from","normalizeZeros","padFractionalZeros","ref","onAccept","__","event","parsedValue","parseInt","onChange","target","name","handleBlur","_","isNil","currentValue","isNaN","toString","onBlur","useEffect","floatUnmaskedValue","isEqual","jsx","InputTextBase","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAcA,CAACC,MAA6B;AAChD,QAAM;AAAA,IACJC,WAAAA,IAAY;AAAA,IAAQC,cAAAA,IAAe;AAAA,IAASC,cAAAA,IAAe;AAAA,IAAQC,KAAAA,IAAMC;AAAAA,IACzEC,KAAAA,IAAMD;AAAAA,IAAWE,UAAAA,IAAWF;AAAAA,EAAAA,IAC1BL,GACEQ,IAAiBC,EAAgC,IAAI,GAErD;AAAA,IAAEC,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC,eAAAA;AAAAA,EAAAA,IAAkBC,EAAS;AAAA,IAC/EC,MAAMC;AAAAA,IACNX,KAAAA;AAAAA,IACAF,KAAAA;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,CAACf,GAAOgB,GAAIC,MAAU;AAC9B,YAAMC,IAAcC,SAASnB,GAAO,EAAE;AACtCV,MAAAA,GAAO8B,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMhC,GAAOgC;AAAAA,UACbtB,OAAOkB;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IACvB;AAAA,EAAA,CACD,GAMKK,IAAaA,CAACN,MAA4B;AAC9C,QAAI,CAACO,EAAEC,MAAM/B,CAAG,GAAG;AACjB,YAAMgC,IAAeP,SAASf,GAAe,EAAE;AAC/C,OAAIoB,EAAEG,MAAMD,CAAY,KAAKA,IAAehC,OAC1CS,EAAeqB,EAAEI,SAASlC,CAAG,CAAC,GAC9BJ,GAAO8B,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMhC,GAAOgC;AAAAA,UACbtB,OAAON;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IAEzB;AACAJ,IAAAA,GAAOuC,SAASZ,CAAK;AAAA,EACvB;AAEAa,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAqBxB,OAAOH,KAAiB,GAAG;AACtD,IAAI,CAACoB,EAAEC,MAAMnC,GAAOU,KAAK,MAAM,CAACwB,EAAEQ,QAAQ1C,GAAOU,OAC/C+B,CAAkB,KAAKP,EAAEQ,QAAQ1C,GAAOU,OAAO,CAAC,MAChDG,EAAeqB,EAAEI,SAAStC,GAAOU,KAAK,CAAC;AAAA,EAE3C,GAAG,CAACV,GAAOU,KAAK,CAAC,GAGf,gBAAAiC,EAACC,GAAA,EACC,GAAI5C,GACJ,UAAU6C,EAAUrC,GAAgBD,CAAQ,GAC5C,MAAK,UACL,UAAU,MAAM;AAAA,EAAC,GACjB,QAAQ0B,GACR,OAAOtB,GACP,WAAAV,GACA,cAAAC,GACA,cAAAC,GAA2B;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\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = 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      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(unmaskedValue, 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    const floatUnmaskedValue = Number(unmaskedValue || '0');\n    if (!_.isNil(props?.value) && (!_.isEqual(props?.value,\n      floatUnmaskedValue) || _.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","value","maskedValue","setValue","setMaskedValue","unmaskedValue","useIMask","mask","Number","scale","enum","to","from","normalizeZeros","padFractionalZeros","ref","onAccept","__","event","parsedValue","parseInt","onChange","target","name","handleBlur","_","isNil","currentValue","isNaN","toString","onBlur","useEffect","floatUnmaskedValue","isEqual","jsx","InputTextBase","mergeRefs"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAcA,CAACC,MAA6B;AAChD,QAAM;AAAA,IACJC,WAAAA,IAAY;AAAA,IAAQC,cAAAA,IAAe;AAAA,IAASC,cAAAA,IAAe;AAAA,IAAQC,KAAAA,IAAMC;AAAAA,IACzEC,KAAAA,IAAMD;AAAAA,IAAWE,UAAAA,IAAWF;AAAAA,EAAAA,IAC1BL,GACEQ,IAAiBC,EAAgC,IAAI,GAErD;AAAA,IAAEC,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC,eAAAA;AAAAA,EAAAA,IAAkBC,EAAS;AAAA,IAC/EC,MAAMC;AAAAA,IACNX,KAAAA;AAAAA,IACAF,KAAAA;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,CAACf,GAAOgB,GAAIC,MAAU;AAC9B,YAAMC,IAAcC,SAASnB,GAAO,EAAE;AACtCV,MAAAA,GAAO8B,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMhC,GAAOgC;AAAAA,UACbtB,OAAOkB;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IACvB;AAAA,EAAA,CACD,GAMKK,IAAaA,CAACN,MAA4B;AAC9C,QAAI,CAACO,EAAEC,MAAM/B,CAAG,GAAG;AACjB,YAAMgC,IAAeP,SAASf,GAAe,EAAE;AAC/C,OAAIoB,EAAEG,MAAMD,CAAY,KAAKA,IAAehC,OAC1CS,EAAeqB,EAAEI,SAASlC,CAAG,CAAC,GAC9BJ,GAAO8B,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMhC,GAAOgC;AAAAA,UACbtB,OAAON;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IAEzB;AACAJ,IAAAA,GAAOuC,SAASZ,CAAK;AAAA,EACvB;AAEAa,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAqBxB,OAAOH,KAAiB,GAAG;AACtD,IAAI,CAACoB,EAAEC,MAAMnC,GAAOU,KAAK,MAAM,CAACwB,EAAEQ,QAAQ1C,GAAOU,OAC/C+B,CAAkB,KAAKP,EAAEQ,QAAQ1C,GAAOU,OAAO,CAAC,MAChDG,EAAeqB,EAAEI,SAAStC,GAAOU,KAAK,CAAC;AAAA,EAE3C,GAAG,CAACV,GAAOU,KAAK,CAAC,GAGf,gBAAAiC,EAACC,GAAA,EACC,GAAI5C,GACJ,UAAU6C,EAAUrC,GAAgBD,CAAQ,GAC5C,MAAK,UACL,UAAU,MAAM;AAAA,EAAC,GACjB,QAAQ0B,GACR,OAAOtB,GACP,WAAAV,GACA,cAAAC,GACA,cAAAC,GAA2B;AAEjC;"}

package/lib/inputs2/date/datefield/base.js

@@ -1,33 +1,23 @@
 import { jsxs as O, jsx as d } from "react/jsx-runtime";
 import a from "react";
-import f from "../../../_virtual/lodash.js";
-import "../../../node_modules/imask/esm/index.js";
-import "../../../node_modules/imask/esm/controls/input.js";
-import "../../../node_modules/imask/esm/masked/factory.js";
-import "../../../node_modules/imask/esm/controls/mask-element.js";
-import "../../../node_modules/imask/esm/controls/html-input-mask-element.js";
-import "../../../node_modules/imask/esm/controls/html-mask-element.js";
-import "../../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
-import "../../../node_modules/imask/esm/controls/input-history.js";
-import "../../../node_modules/react-imask/esm/input.js";
-import De from "../../../node_modules/react-imask/esm/hook.js";
-import "../../../node_modules/react-imask/esm/mixin.js";
+import m from "../../../_virtual/lodash.js";
+import { useIMask as De } from "react-imask";
 import { createPortal as ye } from "react-dom";
-import o from "../../../node_modules/moment/dist/moment.js";
+import l from "../../../node_modules/moment/dist/moment.js";
 import Oe from "../../../hint/index.js";
 import { Tooltip as Se } from "../../../tooltip/index.js";
-import { mergeRefs as pe } from "../../../form2/helpers.js";
-import { Keys as l } from "../types.js";
-import { Root as Re, Label as Be, Container as we, Input as Ie } from "../base/index.js";
-import { TOKEN_PTBR_FORMAT as S, TOKEN_ISO_FORMAT as r, TOKEN_MASK as xe, NAVIGATION_KEYS as ve } from "../helpers.js";
-import { Triggers as Ve } from "./triggers.js";
-import { CalendarBox as Fe } from "./calendarbox.js";
+import { mergeRefs as Re } from "../../../form2/helpers.js";
+import { Keys as o } from "../types.js";
+import { Root as Be, Label as we, Container as Ie, Input as xe } from "../base/index.js";
+import { TOKEN_PTBR_FORMAT as S, TOKEN_ISO_FORMAT as r, TOKEN_MASK as ve, NAVIGATION_KEYS as Ve } from "../helpers.js";
+import { Triggers as Fe } from "./triggers.js";
+import { CalendarBox as pe } from "./calendarbox.js";
 import { DateFieldContext as Ke } from "./context.js";
 import Me from "../../../node_modules/uuid/dist/v1.js";
 const Ne = a.forwardRef((t, j) => {
   const {
-    label: V,
-    errors: F,
+    label: F,
+    errors: p,
     tooltip: q,
     tooltipPosition: H,
     tooltipWidth: $,
@@ -44,38 +34,38 @@ const Ne = a.forwardRef((t, j) => {
     themePopover: te = "light",
     popoverAlign: ae = "left",
     showCalendarButton: ne = !0,
-    openCalendarOnFocus: oe = !0,
-    undigitable: p = !1,
-    showClearDateButton: le = !0,
+    openCalendarOnFocus: le = !0,
+    undigitable: R = !1,
+    showClearDateButton: oe = !0,
     placeholder: se = S,
-    readOnly: m,
+    readOnly: f,
     disabled: k,
     ...re
-  } = t, [g, R] = a.useState(!1), [B, D] = a.useState(o().format(r)), [i, w] = a.useState(null), [ie, u] = a.useState(i ?? o()), N = a.useRef(null), P = a.useRef(null), h = a.useRef(null), T = a.useRef(null), {
-    setValue: I,
+  } = t, [g, B] = a.useState(!1), [w, D] = a.useState(l().format(r)), [i, I] = a.useState(null), [ie, u] = a.useState(i ?? l()), N = a.useRef(null), P = a.useRef(null), h = a.useRef(null), T = a.useRef(null), {
+    setValue: x,
     unmaskedValue: E,
     value: A
   } = De({
-    mask: xe,
+    mask: ve,
     lazy: !1,
     placeholderChar: "_"
   }, {
     ref: h,
     defaultValue: i?.format(S),
     onComplete: (e) => {
-      const n = o(e, S);
-      n.isValid() && v(n);
+      const n = l(e, S);
+      n.isValid() && V(n);
     }
-  }), b = a.useMemo(() => t.id || t.name || Me(), [t.id, t.name]), de = !f.isEmpty(t?.label), z = !!t.hint?.length, x = !!F?.length, ce = !f.isEmpty(t?.value), v = a.useCallback((e) => {
+  }), b = a.useMemo(() => t.id || t.name || Me(), [t.id, t.name]), de = !m.isEmpty(t?.label), z = !!t.hint?.length, v = !!p?.length, ce = !m.isEmpty(t?.value), V = a.useCallback((e) => {
     const n = e.format(r), s = e.toISOString();
-    w(e.clone()), u(e.clone()), t.onChange?.({
+    I(e.clone()), u(e.clone()), t.onChange?.({
       target: {
         name: t.name,
         value: G === "default" ? n : s
       }
     }), K && C();
-  }, [i, t.name, t.onChange, K]), W = a.useCallback(() => R(!0), []), C = a.useCallback(() => R(!1), []), Y = a.useCallback(() => u((e) => e.clone().add(1, "month")), []), L = a.useCallback(() => u((e) => e.clone().subtract(1, "month")), []), ue = a.useCallback(() => {
-    R((e) => (h.current !== document.activeElement && h?.current?.focus?.(), !e));
+  }, [i, t.name, t.onChange, K]), W = a.useCallback(() => B(!0), []), C = a.useCallback(() => B(!1), []), Y = a.useCallback(() => u((e) => e.clone().add(1, "month")), []), L = a.useCallback(() => u((e) => e.clone().subtract(1, "month")), []), ue = a.useCallback(() => {
+    B((e) => (h.current !== document.activeElement && h?.current?.focus?.(), !e));
   }, []), y = a.useCallback((e) => {
     u((n) => {
       const s = n.clone().add(e, "day");
@@ -86,69 +76,69 @@ const Ne = a.forwardRef((t, j) => {
       let s = n;
       return e === "end" && (s = n.clone().endOf("week")), e === "start" && (s = n.clone().startOf("week")), D(s.format(r)), s;
     });
-  }, []), me = a.useCallback(() => {
+  }, []), fe = a.useCallback(() => {
     t.onChange?.({
       target: {
         name: t.name,
         value: ""
       }
-    }), w(null), I(""), C();
-  }, [t.onChange]), fe = (e) => {
-    if (t?.onBlur?.(e), C(), D((i ?? o()).format(r)), u(i ?? o()), f.size(E) !== 8) {
-      const n = o(f.toString(t?.value), r);
-      n.isValid() && I(n.format("DD/MM/YYYY"));
+    }), I(null), x(""), C();
+  }, [t.onChange]), me = (e) => {
+    if (t?.onBlur?.(e), C(), D((i ?? l()).format(r)), u(i ?? l()), m.size(E) !== 8) {
+      const n = l(m.toString(t?.value), r);
+      n.isValid() && x(n.format("DD/MM/YYYY"));
     }
   }, he = (e) => {
-    t?.onFocus?.(e), D((i ?? o()).format(r)), u(i ?? o()), !m && oe && W();
+    t?.onFocus?.(e), D((i ?? l()).format(r)), u(i ?? l()), !f && le && W();
   }, be = (e) => {
-    p ? e.preventDefault() : t.onPaste?.(e);
+    R ? e.preventDefault() : t.onPaste?.(e);
   }, Ce = (e) => {
-    p ? e.preventDefault() : t.onBeforeInput?.(e);
+    R ? e.preventDefault() : t.onBeforeInput?.(e);
   }, ke = (e) => {
-    if (t?.onKeyDown?.(e), g && e.key && !e.shiftKey && !e.altKey && ve.includes(e.key))
+    if (t?.onKeyDown?.(e), g && e.key && !e.shiftKey && !e.altKey && Ve.includes(e.key))
       switch (e.preventDefault(), e.key) {
-        case l.arrowLeft:
+        case o.arrowLeft:
           y(-1);
           break;
-        case l.arrowRight:
+        case o.arrowRight:
           y(1);
           break;
-        case l.arrowUp:
+        case o.arrowUp:
           y(-7);
           break;
-        case l.arrowDown:
+        case o.arrowDown:
           y(7);
           break;
-        case l.pageUp:
+        case o.pageUp:
           Y();
           break;
-        case l.pageDown:
+        case o.pageDown:
           L();
           break;
-        case l.home:
+        case o.home:
           U("start");
           break;
-        case l.end:
+        case o.end:
           U("end");
           break;
-        case l.escape:
+        case o.escape:
           C();
           break;
-        case l.enter:
-          v(o(f.toString(B), r));
+        case o.enter:
+          V(l(m.toString(w), r));
           break;
       }
   };
   a.useEffect(() => {
-    const e = t?.value ?? null, n = o(f.toString(e), r);
-    w(n.isValid() ? n : null), I(n.format(S));
+    const e = t?.value ?? null, n = l(m.toString(e), r);
+    I(n.isValid() ? n : null), x(n.format(S));
   }, [t?.value]);
   const ge = {
-    label: V,
+    label: F,
     inputFieldId: b,
-    activeDescendant: B,
+    activeDescendant: w,
     calendarBoxOpen: g,
-    isReadOnly: !!m,
+    isReadOnly: !!f,
     isDisabled: !!k,
     skeletonize: c,
     showCalendarButton: ne,
@@ -159,26 +149,26 @@ const Ne = a.forwardRef((t, j) => {
     handleCloseCalendar: C,
     handleNextMonth: Y,
     handlePreviousMonth: L,
-    handleSelectDate: v,
+    handleSelectDate: V,
     selectedDate: i,
     unmaskedValue: E,
     maskedValue: A,
-    showClearDateButton: le,
+    showClearDateButton: oe,
     handleChangeCalendarBoxState: ue,
-    handleOnClickClearSelectedDate: me,
+    handleOnClickClearSelectedDate: fe,
     calendarDisplayDate: ie,
     calendarRef: N
   };
   return /* @__PURE__ */ O(a.Fragment, { children: [
-    /* @__PURE__ */ d(Ke.Provider, { value: ge, children: /* @__PURE__ */ O(Re, { ref: P, "data-testid": "test-date-field-root", customClassWrapper: X, hasValidationErrors: x, children: [
-      de && /* @__PURE__ */ d(Be, { "data-testid": "test-date-field-label", label: V, inputId: b, hint: t?.hint, isDisabled: k, isReadOnly: m, skeletonize: c, required: t?.required, hintPosition: M, themePopover: te, popoverAlign: ae, labelUppercase: ee, hasHintMessages: z, customClassLabel: Q }),
-      /* @__PURE__ */ O(we, { ref: T, skeletonize: c, customClassInputContainer: Z, children: [
-        /* @__PURE__ */ d(Ie, { ...re, ref: pe(j, h), id: b, name: t?.name, value: A, readOnly: m, disabled: k, customClass: J, tabIndex: !m && !c ? 0 : -1, placeholder: se, "aria-activedescendant": B, "aria-expanded": g, "aria-controls": b, "aria-labelledby": b, "data-state-is-period-input": !1, "data-testid": "test-date-field-input", "data-state-error": x, "data-state-read-only": m, "data-state-text-align": _, "data-state-undigitable": p, "data-state-skeletonize": c, onBlur: fe, onFocus: he, onPaste: be, onKeyDown: ke, onBeforeInput: Ce }),
-        /* @__PURE__ */ d(Ve, {})
+    /* @__PURE__ */ d(Ke.Provider, { value: ge, children: /* @__PURE__ */ O(Be, { ref: P, "data-testid": "test-date-field-root", customClassWrapper: X, hasValidationErrors: v, children: [
+      de && /* @__PURE__ */ d(we, { "data-testid": "test-date-field-label", label: F, inputId: b, hint: t?.hint, isDisabled: k, isReadOnly: f, skeletonize: c, required: t?.required, hintPosition: M, themePopover: te, popoverAlign: ae, labelUppercase: ee, hasHintMessages: z, customClassLabel: Q }),
+      /* @__PURE__ */ O(Ie, { ref: T, skeletonize: c, customClassInputContainer: Z, children: [
+        /* @__PURE__ */ d(xe, { ...re, ref: Re(j, h), id: b, name: t?.name, value: A, readOnly: f, disabled: k, customClass: J, tabIndex: !f && !c ? 0 : -1, placeholder: se, "aria-activedescendant": w, "aria-expanded": g, "aria-controls": b, "aria-labelledby": b, "data-state-is-period-input": !1, "data-testid": "test-date-field-input", "data-state-error": v, "data-state-read-only": f, "data-state-text-align": _, "data-state-undigitable": R, "data-state-skeletonize": c, onBlur: me, onFocus: he, onPaste: be, onKeyDown: ke, onBeforeInput: Ce }),
+        /* @__PURE__ */ d(Fe, {})
       ] }),
-      g && ye(/* @__PURE__ */ d(Fe, { ref: N }), document.body),
+      g && ye(/* @__PURE__ */ d(pe, { ref: N }), document.body),
       M === "below" && /* @__PURE__ */ d(Oe, { customClass: "hint", description: t.hint, disabled: k, skeletonize: c, visible: z }),
-      x && /* @__PURE__ */ d("span", { "data-testid": "test-date-field-list-errors", className: "error", "data-state-skeletonize": c, "aria-describedby": String(t.name).concat("-errors"), children: F?.map((e, n) => /* @__PURE__ */ O(a.Fragment, { children: [
+      v && /* @__PURE__ */ d("span", { "data-testid": "test-date-field-list-errors", className: "error", "data-state-skeletonize": c, "aria-describedby": String(t.name).concat("-errors"), children: p?.map((e, n) => /* @__PURE__ */ O(a.Fragment, { children: [
         e,
         " "
       ] }, `${n + 1}-${e}`)) })

package/lib/inputs2/date/datefield/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../src/lib/inputs2/date/datefield/base.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { v1 as uuid } from 'uuid';\nimport { createPortal } from 'react-dom';\nimport moment, { type Moment } from 'moment';\nimport Hint from '../../../hint';\nimport { Tooltip } from '../../../tooltip';\nimport { mergeRefs } from '../../../form2/helpers';\nimport { Keys } from '../types';\nimport * as BaseDate from '../base';\nimport { NAVIGATION_KEYS, TOKEN_ISO_FORMAT, TOKEN_MASK, TOKEN_PTBR_FORMAT } from '../helpers';\nimport { Triggers } from './triggers';\nimport { CalendarBox } from './calendarbox';\nimport { DateFieldContext } from './context';\nimport type { DateFieldInputBaseProps } from './types';\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, DateFieldInputBaseProps>((props, ref) => {\n    const {\n      label, errors, tooltip, tooltipPosition, tooltipWidth, shouldCloseOnSelect = true, returnValueType = 'default',\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '', textAlign = 'left',\n      labelUppercase = false, skeletonize = false, hintPosition = 'below', themePopover = 'light',\n      popoverAlign = 'left', showCalendarButton = true, openCalendarOnFocus = true, undigitable = false, \n      showClearDateButton = true, placeholder = TOKEN_PTBR_FORMAT, readOnly, disabled, ...rest\n    } = props;\n    const [calendarBoxOpen, setCalendarBoxOpen] = React.useState(false);\n    const [activeDescendant, setActiveDescendant] = React.useState<string>(\n      moment().format(TOKEN_ISO_FORMAT),\n    );\n    const [selectedDate, setSelectedDate] = React.useState<Moment | null>(null);\n    const [calendarDisplayDate, setCalendarDisplayDate] = React.useState<Moment>(\n      selectedDate ?? moment(),\n    );\n    const calendarRef = React.useRef<HTMLDivElement | null>(null);\n    const inputRootRef = React.useRef<HTMLInputElement | null>(null);\n    const dateInputRef = React.useRef<HTMLInputElement | null>(null);\n    const dateContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n    const { setValue: setMaskValue, unmaskedValue, value: maskedValue } = useIMask(\n      { mask: TOKEN_MASK, lazy: false, placeholderChar: '_' },\n      {\n        ref: dateInputRef,\n        defaultValue: selectedDate?.format(TOKEN_PTBR_FORMAT),\n        onComplete: (value) => {\n          const date = moment(value, TOKEN_PTBR_FORMAT);\n          if (date.isValid()) { handleUpdateDateState(date); }\n        },\n      },\n    );\n\n    const inputId = React.useMemo(() => props.id || props.name || uuid(), [props.id, props.name]);\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n    const hasValidDateSelected = !_.isEmpty(props?.value);\n\n    const handleUpdateDateState = React.useCallback((date: Moment) => {\n      const nonIsoDateFormat = date.format(TOKEN_ISO_FORMAT);\n      const isoDateFormat = date.toISOString();\n      setSelectedDate(date.clone());\n      setCalendarDisplayDate(date.clone());\n      props.onChange?.({\n        target: {\n          name: props.name,\n          value: returnValueType === 'default' ? nonIsoDateFormat : isoDateFormat,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n      if (shouldCloseOnSelect) handleCloseCalendar();\n    }, [selectedDate, props.name, props.onChange, shouldCloseOnSelect]);\n\n    const handleOpenCalendar = React.useCallback(() => setCalendarBoxOpen(true), []);\n    const handleCloseCalendar = React.useCallback(() => setCalendarBoxOpen(false), []);\n    const handleNextMonth = React.useCallback(() => setCalendarDisplayDate(prevDisplayDate =>\n      prevDisplayDate.clone().add(1, 'month')), []);\n    const handlePreviousMonth = React.useCallback(() => setCalendarDisplayDate(prevDisplayDate =>\n      prevDisplayDate.clone().subtract(1, 'month')), []);\n    const handleChangeCalendarBoxState = React.useCallback(() => {\n      setCalendarBoxOpen((prevState) => {\n        if (dateInputRef.current !== document.activeElement) {\n          dateInputRef?.current?.focus?.();\n        }\n        return !prevState;\n      });\n    }, []);\n    const handleNavigateWithDays = React.useCallback((offset: number) => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        const daySelected = prevDisplayDate.clone().add(offset, 'day');\n        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n    const handleNavigateWithWeeks = React.useCallback((when: 'start' | 'end') => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        let daySelected = prevDisplayDate;\n        if (when === 'end') daySelected = prevDisplayDate.clone().endOf('week');\n        if (when === 'start') daySelected = prevDisplayDate.clone().startOf('week');\n        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n\n    const handleOnClickClearSelectedDate = React.useCallback(() => {\n      props.onChange?.({\n        target: { name: props.name, value: '' },\n      } as React.ChangeEvent<HTMLInputElement>);\n      setSelectedDate(null);\n      setMaskValue('');\n      handleCloseCalendar();\n    }, [props.onChange]);\n\n    const handleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      handleCloseCalendar();\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (_.size(unmaskedValue) !== 8) {\n        const date = moment(_.toString(props?.value), TOKEN_ISO_FORMAT);\n        if (date.isValid()) { setMaskValue(date.format('DD/MM/YYYY')); }\n      }\n    };\n\n    const handleOnFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (!readOnly && openCalendarOnFocus) {\n        handleOpenCalendar();\n      }\n    };\n\n    const handleOnPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: React.InputEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      if (calendarBoxOpen && event.key && !event.shiftKey && \n        !event.altKey && NAVIGATION_KEYS.includes(event.key)) {\n        event.preventDefault();\n        switch (event.key) {\n          case Keys.arrowLeft: handleNavigateWithDays(-1);\n            break;\n          case Keys.arrowRight: handleNavigateWithDays(1);\n            break;\n          case Keys.arrowUp: handleNavigateWithDays(-7);\n            break;\n          case Keys.arrowDown: handleNavigateWithDays(7);\n            break;\n          case Keys.pageUp: handleNextMonth();\n            break;\n          case Keys.pageDown: handlePreviousMonth();\n            break;\n          case Keys.home: handleNavigateWithWeeks('start');\n            break;\n          case Keys.end: handleNavigateWithWeeks('end');\n            break;\n          case Keys.escape: handleCloseCalendar();\n            break;\n          case Keys.enter: handleUpdateDateState(\n            moment(_.toString(activeDescendant), TOKEN_ISO_FORMAT),\n          );\n            break;\n          default:\n            break;\n        }\n      }\n    };\n\n    React.useEffect(() => {\n      const currentValue = props?.value ?? null;\n      const date = moment(_.toString(currentValue), TOKEN_ISO_FORMAT);\n      setSelectedDate(date.isValid() ? date : null);\n      setMaskValue(date.format(TOKEN_PTBR_FORMAT));\n    }, [props?.value]);\n\n    const contextValues = ({\n      label, inputFieldId: inputId, activeDescendant, calendarBoxOpen, \n      isReadOnly: Boolean(readOnly), isDisabled: Boolean(disabled), skeletonize, showCalendarButton,\n      hasValidDateSelected, dateInputRef, dateContainerRef, handleOpenCalendar, \n      handleCloseCalendar, handleNextMonth, handlePreviousMonth, \n      handleSelectDate: handleUpdateDateState, selectedDate, unmaskedValue, maskedValue, \n      showClearDateButton, handleChangeCalendarBoxState, handleOnClickClearSelectedDate,\n      calendarDisplayDate, calendarRef,\n    });\n\n    return (\n      <React.Fragment>\n        <DateFieldContext.Provider value={contextValues}>\n          <BaseDate.Root\n            ref={inputRootRef}\n            data-testid=\"test-date-field-root\"\n            customClassWrapper={customClassWrapper}\n            hasValidationErrors={hasValidationErrors}>\n            {hasLabel && (\n            <BaseDate.Label\n              data-testid=\"test-date-field-label\"\n              label={label}\n              inputId={inputId}\n              hint={props?.hint}\n              isDisabled={disabled}\n              isReadOnly={readOnly}\n              skeletonize={skeletonize}\n              required={props?.required}\n              hintPosition={hintPosition}\n              themePopover={themePopover}\n              popoverAlign={popoverAlign}\n              labelUppercase={labelUppercase}\n              hasHintMessages={hasHintMessages}\n              customClassLabel={customClassLabel} />\n            )}\n            <BaseDate.Container\n              ref={dateContainerRef}\n              skeletonize={skeletonize}\n              customClassInputContainer={customClassInputContainer}>\n              <BaseDate.Input\n                {...rest}\n                ref={mergeRefs(ref, dateInputRef)}\n                id={inputId}\n                name={props?.name}\n                value={maskedValue}\n                readOnly={readOnly}\n                disabled={disabled}\n                customClass={customClass}\n                tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                placeholder={placeholder}\n                aria-activedescendant={activeDescendant}\n                aria-expanded={calendarBoxOpen}\n                aria-controls={inputId}\n                aria-labelledby={inputId}\n                data-state-is-period-input={false}\n                data-testid=\"test-date-field-input\"\n                data-state-error={hasValidationErrors}\n                data-state-read-only={readOnly}\n                data-state-text-align={textAlign}\n                data-state-undigitable={undigitable}\n                data-state-skeletonize={skeletonize}\n                onBlur={handleOnBlur}\n                onFocus={handleOnFocus}\n                onPaste={handleOnPaste}\n                onKeyDown={handleOnKeyDown}\n                onBeforeInput={handleOnBeforeInput} />\n              <Triggers />\n            </BaseDate.Container>\n            {calendarBoxOpen &&\n              createPortal(<CalendarBox ref={calendarRef} />, document.body)\n          }\n            {hintPosition === 'below' && (\n            <Hint\n              customClass=\"hint\"\n              description={props.hint}\n              disabled={disabled}\n              skeletonize={skeletonize}\n              visible={hasHintMessages} />\n            )}\n            {hasValidationErrors && (\n            <span\n              data-testid=\"test-date-field-list-errors\"\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(props.name).concat('-errors')}>\n              {errors?.map((error, index) => (\n                <React.Fragment key={`${index + 1}-${error}`}>\n                  {error}\n                  {' '}\n                </React.Fragment>\n              ))}\n            </span>\n            )}\n          </BaseDate.Root>\n        </DateFieldContext.Provider>\n        <Tooltip\n          targetRef={inputRootRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </React.Fragment>\n    );\n  });\n\nInputBase.displayName = 'DateFieldInputBase';\n"],"names":["InputBase","React","forwardRef","props","ref","label","errors","tooltip","tooltipPosition","tooltipWidth","shouldCloseOnSelect","returnValueType","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","themePopover","popoverAlign","showCalendarButton","openCalendarOnFocus","undigitable","showClearDateButton","placeholder","TOKEN_PTBR_FORMAT","readOnly","disabled","rest","calendarBoxOpen","setCalendarBoxOpen","useState","activeDescendant","setActiveDescendant","moment","format","TOKEN_ISO_FORMAT","selectedDate","setSelectedDate","calendarDisplayDate","setCalendarDisplayDate","calendarRef","useRef","inputRootRef","dateInputRef","dateContainerRef","setValue","setMaskValue","unmaskedValue","value","maskedValue","useIMask","mask","TOKEN_MASK","lazy","placeholderChar","defaultValue","onComplete","date","isValid","handleUpdateDateState","inputId","useMemo","id","name","uuid","hasLabel","_","isEmpty","hasHintMessages","Boolean","hint","length","hasValidationErrors","hasValidDateSelected","useCallback","nonIsoDateFormat","isoDateFormat","toISOString","clone","onChange","target","handleCloseCalendar","handleOpenCalendar","handleNextMonth","prevDisplayDate","add","handlePreviousMonth","subtract","handleChangeCalendarBoxState","prevState","current","document","activeElement","focus","handleNavigateWithDays","offset","daySelected","handleNavigateWithWeeks","when","endOf","startOf","handleOnClickClearSelectedDate","handleOnBlur","event","onBlur","size","toString","handleOnFocus","onFocus","handleOnPaste","preventDefault","onPaste","handleOnBeforeInput","onBeforeInput","handleOnKeyDown","onKeyDown","key","shiftKey","altKey","NAVIGATION_KEYS","includes","Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter","useEffect","currentValue","contextValues","inputFieldId","isReadOnly","isDisabled","handleSelectDate","jsxs","jsx","DateFieldContext","BaseDate.Root","BaseDate.Label","required","BaseDate.Container","BaseDate.Input","mergeRefs","Triggers","createPortal","CalendarBox","body","Hint","String","concat","map","error","index","Tooltip","displayName"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../src/lib/inputs2/date/datefield/base.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { v1 as uuid } from 'uuid';\nimport { createPortal } from 'react-dom';\nimport moment, { type Moment } from 'moment';\nimport Hint from '../../../hint';\nimport { Tooltip } from '../../../tooltip';\nimport { mergeRefs } from '../../../form2/helpers';\nimport { Keys } from '../types';\nimport * as BaseDate from '../base';\nimport { NAVIGATION_KEYS, TOKEN_ISO_FORMAT, TOKEN_MASK, TOKEN_PTBR_FORMAT } from '../helpers';\nimport { Triggers } from './triggers';\nimport { CalendarBox } from './calendarbox';\nimport { DateFieldContext } from './context';\nimport type { DateFieldInputBaseProps } from './types';\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, DateFieldInputBaseProps>((props, ref) => {\n    const {\n      label, errors, tooltip, tooltipPosition, tooltipWidth, shouldCloseOnSelect = true, returnValueType = 'default',\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '', textAlign = 'left',\n      labelUppercase = false, skeletonize = false, hintPosition = 'below', themePopover = 'light',\n      popoverAlign = 'left', showCalendarButton = true, openCalendarOnFocus = true, undigitable = false, \n      showClearDateButton = true, placeholder = TOKEN_PTBR_FORMAT, readOnly, disabled, ...rest\n    } = props;\n    const [calendarBoxOpen, setCalendarBoxOpen] = React.useState(false);\n    const [activeDescendant, setActiveDescendant] = React.useState<string>(\n      moment().format(TOKEN_ISO_FORMAT),\n    );\n    const [selectedDate, setSelectedDate] = React.useState<Moment | null>(null);\n    const [calendarDisplayDate, setCalendarDisplayDate] = React.useState<Moment>(\n      selectedDate ?? moment(),\n    );\n    const calendarRef = React.useRef<HTMLDivElement | null>(null);\n    const inputRootRef = React.useRef<HTMLInputElement | null>(null);\n    const dateInputRef = React.useRef<HTMLInputElement | null>(null);\n    const dateContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n    const { setValue: setMaskValue, unmaskedValue, value: maskedValue } = useIMask(\n      { mask: TOKEN_MASK, lazy: false, placeholderChar: '_' },\n      {\n        ref: dateInputRef,\n        defaultValue: selectedDate?.format(TOKEN_PTBR_FORMAT),\n        onComplete: (value) => {\n          const date = moment(value, TOKEN_PTBR_FORMAT);\n          if (date.isValid()) { handleUpdateDateState(date); }\n        },\n      },\n    );\n\n    const inputId = React.useMemo(() => props.id || props.name || uuid(), [props.id, props.name]);\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n    const hasValidDateSelected = !_.isEmpty(props?.value);\n\n    const handleUpdateDateState = React.useCallback((date: Moment) => {\n      const nonIsoDateFormat = date.format(TOKEN_ISO_FORMAT);\n      const isoDateFormat = date.toISOString();\n      setSelectedDate(date.clone());\n      setCalendarDisplayDate(date.clone());\n      props.onChange?.({\n        target: {\n          name: props.name,\n          value: returnValueType === 'default' ? nonIsoDateFormat : isoDateFormat,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n      if (shouldCloseOnSelect) handleCloseCalendar();\n    }, [selectedDate, props.name, props.onChange, shouldCloseOnSelect]);\n\n    const handleOpenCalendar = React.useCallback(() => setCalendarBoxOpen(true), []);\n    const handleCloseCalendar = React.useCallback(() => setCalendarBoxOpen(false), []);\n    const handleNextMonth = React.useCallback(() => setCalendarDisplayDate(prevDisplayDate =>\n      prevDisplayDate.clone().add(1, 'month')), []);\n    const handlePreviousMonth = React.useCallback(() => setCalendarDisplayDate(prevDisplayDate =>\n      prevDisplayDate.clone().subtract(1, 'month')), []);\n    const handleChangeCalendarBoxState = React.useCallback(() => {\n      setCalendarBoxOpen((prevState) => {\n        if (dateInputRef.current !== document.activeElement) {\n          dateInputRef?.current?.focus?.();\n        }\n        return !prevState;\n      });\n    }, []);\n    const handleNavigateWithDays = React.useCallback((offset: number) => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        const daySelected = prevDisplayDate.clone().add(offset, 'day');\n        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n    const handleNavigateWithWeeks = React.useCallback((when: 'start' | 'end') => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        let daySelected = prevDisplayDate;\n        if (when === 'end') daySelected = prevDisplayDate.clone().endOf('week');\n        if (when === 'start') daySelected = prevDisplayDate.clone().startOf('week');\n        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n\n    const handleOnClickClearSelectedDate = React.useCallback(() => {\n      props.onChange?.({\n        target: { name: props.name, value: '' },\n      } as React.ChangeEvent<HTMLInputElement>);\n      setSelectedDate(null);\n      setMaskValue('');\n      handleCloseCalendar();\n    }, [props.onChange]);\n\n    const handleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      handleCloseCalendar();\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (_.size(unmaskedValue) !== 8) {\n        const date = moment(_.toString(props?.value), TOKEN_ISO_FORMAT);\n        if (date.isValid()) { setMaskValue(date.format('DD/MM/YYYY')); }\n      }\n    };\n\n    const handleOnFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (!readOnly && openCalendarOnFocus) {\n        handleOpenCalendar();\n      }\n    };\n\n    const handleOnPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: React.InputEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      if (calendarBoxOpen && event.key && !event.shiftKey && \n        !event.altKey && NAVIGATION_KEYS.includes(event.key)) {\n        event.preventDefault();\n        switch (event.key) {\n          case Keys.arrowLeft: handleNavigateWithDays(-1);\n            break;\n          case Keys.arrowRight: handleNavigateWithDays(1);\n            break;\n          case Keys.arrowUp: handleNavigateWithDays(-7);\n            break;\n          case Keys.arrowDown: handleNavigateWithDays(7);\n            break;\n          case Keys.pageUp: handleNextMonth();\n            break;\n          case Keys.pageDown: handlePreviousMonth();\n            break;\n          case Keys.home: handleNavigateWithWeeks('start');\n            break;\n          case Keys.end: handleNavigateWithWeeks('end');\n            break;\n          case Keys.escape: handleCloseCalendar();\n            break;\n          case Keys.enter: handleUpdateDateState(\n            moment(_.toString(activeDescendant), TOKEN_ISO_FORMAT),\n          );\n            break;\n          default:\n            break;\n        }\n      }\n    };\n\n    React.useEffect(() => {\n      const currentValue = props?.value ?? null;\n      const date = moment(_.toString(currentValue), TOKEN_ISO_FORMAT);\n      setSelectedDate(date.isValid() ? date : null);\n      setMaskValue(date.format(TOKEN_PTBR_FORMAT));\n    }, [props?.value]);\n\n    const contextValues = ({\n      label, inputFieldId: inputId, activeDescendant, calendarBoxOpen, \n      isReadOnly: Boolean(readOnly), isDisabled: Boolean(disabled), skeletonize, showCalendarButton,\n      hasValidDateSelected, dateInputRef, dateContainerRef, handleOpenCalendar, \n      handleCloseCalendar, handleNextMonth, handlePreviousMonth, \n      handleSelectDate: handleUpdateDateState, selectedDate, unmaskedValue, maskedValue, \n      showClearDateButton, handleChangeCalendarBoxState, handleOnClickClearSelectedDate,\n      calendarDisplayDate, calendarRef,\n    });\n\n    return (\n      <React.Fragment>\n        <DateFieldContext.Provider value={contextValues}>\n          <BaseDate.Root\n            ref={inputRootRef}\n            data-testid=\"test-date-field-root\"\n            customClassWrapper={customClassWrapper}\n            hasValidationErrors={hasValidationErrors}>\n            {hasLabel && (\n            <BaseDate.Label\n              data-testid=\"test-date-field-label\"\n              label={label}\n              inputId={inputId}\n              hint={props?.hint}\n              isDisabled={disabled}\n              isReadOnly={readOnly}\n              skeletonize={skeletonize}\n              required={props?.required}\n              hintPosition={hintPosition}\n              themePopover={themePopover}\n              popoverAlign={popoverAlign}\n              labelUppercase={labelUppercase}\n              hasHintMessages={hasHintMessages}\n              customClassLabel={customClassLabel} />\n            )}\n            <BaseDate.Container\n              ref={dateContainerRef}\n              skeletonize={skeletonize}\n              customClassInputContainer={customClassInputContainer}>\n              <BaseDate.Input\n                {...rest}\n                ref={mergeRefs(ref, dateInputRef)}\n                id={inputId}\n                name={props?.name}\n                value={maskedValue}\n                readOnly={readOnly}\n                disabled={disabled}\n                customClass={customClass}\n                tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                placeholder={placeholder}\n                aria-activedescendant={activeDescendant}\n                aria-expanded={calendarBoxOpen}\n                aria-controls={inputId}\n                aria-labelledby={inputId}\n                data-state-is-period-input={false}\n                data-testid=\"test-date-field-input\"\n                data-state-error={hasValidationErrors}\n                data-state-read-only={readOnly}\n                data-state-text-align={textAlign}\n                data-state-undigitable={undigitable}\n                data-state-skeletonize={skeletonize}\n                onBlur={handleOnBlur}\n                onFocus={handleOnFocus}\n                onPaste={handleOnPaste}\n                onKeyDown={handleOnKeyDown}\n                onBeforeInput={handleOnBeforeInput} />\n              <Triggers />\n            </BaseDate.Container>\n            {calendarBoxOpen &&\n              createPortal(<CalendarBox ref={calendarRef} />, document.body)\n          }\n            {hintPosition === 'below' && (\n            <Hint\n              customClass=\"hint\"\n              description={props.hint}\n              disabled={disabled}\n              skeletonize={skeletonize}\n              visible={hasHintMessages} />\n            )}\n            {hasValidationErrors && (\n            <span\n              data-testid=\"test-date-field-list-errors\"\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(props.name).concat('-errors')}>\n              {errors?.map((error, index) => (\n                <React.Fragment key={`${index + 1}-${error}`}>\n                  {error}\n                  {' '}\n                </React.Fragment>\n              ))}\n            </span>\n            )}\n          </BaseDate.Root>\n        </DateFieldContext.Provider>\n        <Tooltip\n          targetRef={inputRootRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </React.Fragment>\n    );\n  });\n\nInputBase.displayName = 'DateFieldInputBase';\n"],"names":["InputBase","React","forwardRef","props","ref","label","errors","tooltip","tooltipPosition","tooltipWidth","shouldCloseOnSelect","returnValueType","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","themePopover","popoverAlign","showCalendarButton","openCalendarOnFocus","undigitable","showClearDateButton","placeholder","TOKEN_PTBR_FORMAT","readOnly","disabled","rest","calendarBoxOpen","setCalendarBoxOpen","useState","activeDescendant","setActiveDescendant","moment","format","TOKEN_ISO_FORMAT","selectedDate","setSelectedDate","calendarDisplayDate","setCalendarDisplayDate","calendarRef","useRef","inputRootRef","dateInputRef","dateContainerRef","setValue","setMaskValue","unmaskedValue","value","maskedValue","useIMask","mask","TOKEN_MASK","lazy","placeholderChar","defaultValue","onComplete","date","isValid","handleUpdateDateState","inputId","useMemo","id","name","uuid","hasLabel","_","isEmpty","hasHintMessages","Boolean","hint","length","hasValidationErrors","hasValidDateSelected","useCallback","nonIsoDateFormat","isoDateFormat","toISOString","clone","onChange","target","handleCloseCalendar","handleOpenCalendar","handleNextMonth","prevDisplayDate","add","handlePreviousMonth","subtract","handleChangeCalendarBoxState","prevState","current","document","activeElement","focus","handleNavigateWithDays","offset","daySelected","handleNavigateWithWeeks","when","endOf","startOf","handleOnClickClearSelectedDate","handleOnBlur","event","onBlur","size","toString","handleOnFocus","onFocus","handleOnPaste","preventDefault","onPaste","handleOnBeforeInput","onBeforeInput","handleOnKeyDown","onKeyDown","key","shiftKey","altKey","NAVIGATION_KEYS","includes","Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter","useEffect","currentValue","contextValues","inputFieldId","isReadOnly","isDisabled","handleSelectDate","jsxs","jsx","DateFieldContext","BaseDate.Root","BaseDate.Label","required","BaseDate.Container","BaseDate.Input","mergeRefs","Triggers","createPortal","CalendarBox","body","Hint","String","concat","map","error","index","Tooltip","displayName"],"mappings":"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"}