linear-react-components-ui 2.0.0-beta.4 → 2.0.0-rc.0

package/lib/inputs/period/index.js

@@ -1,199 +1,203 @@
-import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import { jsx as i, jsxs as L } from "react/jsx-runtime";
 import '../../assets/styles/button.css';import '../../assets/styles/periodpicker.css';/* empty css                                    */
-import { useId as se, useState as v, useRef as h, useCallback as ce, useEffect as L } from "react";
-import l from "../../node_modules/moment/dist/moment.js";
-import ye from "./PeriodList.js";
-import fe from "../mask/BaseMask.js";
-import U from "./Dropdown.js";
-import Oe from "../../calendar/base/index.js";
+import { useId as ge, useState as v, useRef as s, useCallback as he, useEffect as V } from "react";
+import d from "../../node_modules/moment/dist/moment.js";
+import ve from "../mask/BaseMask.js";
+import Ee from "../../calendar/base/index.js";
 import "../../_virtual/compiler-runtime.js";
-import de from "../../buttons/Button.js";
+import Ce from "../../buttons/Button.js";
 /* empty css                              */
-import W from "../../icons/index.js";
-import $ from "./Dialog.js";
-import ke from "../../hint/index.js";
-import xe from "../../gridlayout/GridCol.js";
-import { getInputWrapperClass as Le } from "../base/helpers.js";
-import { ErrorMessage as Ee } from "../errorMessage/index.js";
-import me from "../../textContent/index.js";
-import Ve from "../../popover/index.js";
-const tn = (n) => {
+import G from "../../icons/index.js";
+import Te from "../../hint/index.js";
+import qe from "../../gridlayout/GridCol.js";
+import { getInputWrapperClass as Ae } from "../base/helpers.js";
+import { ErrorMessage as ze } from "../errorMessage/index.js";
+import Ye from "../../textContent/index.js";
+import Ne from "../../popover/index.js";
+import H from "./Dialog.js";
+import K from "./Dropdown.js";
+import je from "./PeriodList.js";
+import { parseDateValue as E } from "./helper.js";
+const cn = (n) => {
   const {
-    showButtonOpen: R = !0,
-    openOnFocus: ge = !0,
-    shouldCloseOnSelect: G = !0,
-    calendarColorStyle: B,
+    showButtonOpen: y = !0,
+    openOnFocus: De = !0,
+    shouldCloseOnSelect: J = !0,
+    calendarColorStyle: P,
     showCalendarInDialog: I = !1,
-    dialogSize: E = {
+    dialogSize: T = {
       width: "350px",
       height: "350px"
     },
-    hint: P,
-    hintPosition: H = "below",
-    themePopover: ve = "light",
-    popoverAlign: he = "left",
-    gridLayout: K
-  } = n, Ce = se(), Ye = se(), [r, w] = v(n.value && l(n.value.initial, "DD/MM/YYYY")), [s, M] = v(n.value && l(n.value.final, "DD/MM/YYYY")), [J, Q] = v("week"), [C, d] = v(!1), [Y, o] = v(!1), [S, D] = v(!1), [V, T] = v(), [m, X] = v(), [Z, _] = v("valueInitial"), F = h(null), p = h(null), f = h(null), De = h(null), q = h(null), pe = h(null), b = h(null), a = h(null), g = h(null), A = () => {
-    T(p?.current?.getBoundingClientRect());
-  }, Ie = (e) => {
-    const t = !F.current?.contains(e.relatedTarget);
-    !I && C && t && d(!1), !I && Y && t && o(!1);
-  }, ee = (e) => {
+    hint: O,
+    hintPosition: Q = "below",
+    themePopover: pe = "light",
+    popoverAlign: Ie = "left",
+    gridLayout: X
+  } = n, Se = ge(), be = ge(), [r, w] = v(() => E(n.value?.initial)), [u, M] = v(() => E(n.value?.final)), [Z, _] = v("week"), [C, m] = v(!1), [Y, o] = v(!1), [F, D] = v(!1), [q, A] = v(), [g, ee] = v(), [ne, te] = v("valueInitial"), R = s(null), p = s(null), c = s(null), we = s(null), z = s(null), Me = s(null), S = s(null), l = s(null), h = s(null), B = s(null), N = s(!1), j = () => {
+    A(p?.current?.getBoundingClientRect());
+  }, Fe = (e) => {
+    const t = !R.current?.contains(e.relatedTarget);
+    !I && C && t && m(!1), !I && Y && t && o(!1);
+  }, ie = (e) => {
     const {
       target: t
-    } = e, u = t;
-    g.current && e && e.key && e.key === "Escape" && (e.preventDefault(), u.focus(), C && (u.id !== "valueInitial" && f.current?.focus(), d(!1)), Y && (u.id !== "valueFinal" && a.current?.focus(), o(!1)), S && (D(!1), a.current?.focus(), o(!1))), e.stopPropagation();
-  }, y = () => {
+    } = e, a = t;
+    h.current && e && e.key && e.key === "Escape" && (e.preventDefault(), a.focus(), C && (a.id !== "valueInitial" && c.current?.focus(), m(!1)), Y && (a.id !== "valueFinal" && l.current?.focus(), o(!1)), F && (D(!1), l.current?.focus(), o(!1))), e.stopPropagation();
+  }, k = () => {
     const e = p.current?.getBoundingClientRect(), t = e && e.bottom;
-    b && b.current && e && (b.current.style.top = String(t).concat("px"));
-  }, ne = (e) => {
-    e === "valueInitial" && (_("valueInitial"), o(!1), C || (f.current?.focus(), I && setTimeout(() => {
-      q.current?.focus();
-    }, 100), d(!0))), e === "valueFinal" && (_("valueFinal"), d(!1), Y || (a.current?.focus(), I && setTimeout(() => {
-      q.current?.focus();
-    }, 100), o(!0))), p.current && T(p.current.getBoundingClientRect());
-  }, be = (e) => {
-    e === "valueInitial" && f.current?.focus(), e === "valueFinal" && a.current?.focus(), d(!1), o(!1);
-  }, te = (e) => {
-    const t = e.initial ? e.initial.format("YYYY-MM-DD") : "", u = e.final ? e.final.format("YYYY-MM-DD") : "";
-    n?.onChange?.(void 0, "", {
+    S && S.current && e && (S.current.style.top = String(t).concat("px"));
+  }, re = (e) => {
+    e === "valueInitial" && (te("valueInitial"), o(!1), C || (c.current?.focus(), I && setTimeout(() => {
+      z.current?.focus();
+    }, 100), m(!0))), e === "valueFinal" && (te("valueFinal"), m(!1), Y || (l.current?.focus(), I && setTimeout(() => {
+      z.current?.focus();
+    }, 100), o(!0))), p.current && A(p.current.getBoundingClientRect());
+  }, Re = (e) => {
+    e === "valueInitial" && c.current?.focus(), e === "valueFinal" && l.current?.focus(), m(!1), o(!1);
+  }, oe = (e) => {
+    const t = e.initial ? e.initial.format("YYYY-MM-DD") : "", a = e.final ? e.final.format("YYYY-MM-DD") : "";
+    B.current = {
       initial: t,
-      final: u
+      final: a
+    }, n?.onChange?.(void 0, "", {
+      initial: t,
+      final: a
     });
-  }, z = (e) => {
+  }, U = (e) => {
     setTimeout(() => {
-      e === "valueInitial" && (f.current?.focus(), d(!1)), e === "valueFinal" && (a.current?.focus(), o(!1)), e === "periodSelection" && (D(!1), a.current?.focus(), o(!1));
+      e === "valueInitial" && (c.current?.focus(), m(!1)), e === "valueFinal" && (l.current?.focus(), o(!1)), e === "periodSelection" && (D(!1), l.current?.focus(), o(!1));
     }, 100);
-  }, ie = (e) => {
+  }, le = (e) => {
     const {
       name: t
     } = e.target;
-    ge && ne(t), n.onFocus && n.onFocus(e);
-  }, le = (e) => {
+    De && re(t), n.onFocus && n.onFocus(e);
+  }, ae = (e) => {
     n.onBlur && n.onBlur(e);
-  }, re = (e) => {
+  }, ue = (e) => {
     if (e) {
       const {
         name: t,
-        value: u
+        value: a
       } = e.target;
-      String(u).trim().length === 0 && (t === "valueInitial" ? w(void 0) : M(void 0));
+      String(a).trim().length === 0 && (t === "valueInitial" ? w(void 0) : M(void 0));
     }
-  }, N = (e, t, u = !0) => {
-    const c = e ? e.target.name : "", k = l(t, "DD/MM/YYYY");
-    C && f.current?.focus(), Y && a.current?.focus(), c === "valueInitial" ? (w(k), te({
-      initial: k,
-      final: s
-    })) : (M(k), te({
+  }, W = (e, t, a = !0) => {
+    const f = e ? e.target.name : "", b = d(t, "DD/MM/YYYY");
+    C && c.current?.focus(), Y && l.current?.focus(), f === "valueInitial" ? (w(b), oe({
+      initial: b,
+      final: u
+    })) : (M(b), oe({
       initial: r,
-      final: k
-    })), c === "valueInitial" && !s && u && (a.current?.focus(), o(!0)), G && (d(!1), o(!1));
-  }, j = () => {
+      final: b
+    })), f === "valueInitial" && !u && a && (l.current?.focus(), o(!0)), J && (m(!1), o(!1));
+  }, $ = () => {
     const {
       disabled: e
     } = n;
-    return e || m && (m.disabled || m.hideContent);
-  }, we = ce(() => R ? /* @__PURE__ */ i(de, { boxShadow: !1, disabled: j(), customClass: "calendar-button", icon: /* @__PURE__ */ i(W, { name: "calendar" }), onClick: () => {
-    Y || C ? be(Z) : ne(Z);
+    return e || g && (g.disabled || g.hideContent);
+  }, Be = he(() => y ? /* @__PURE__ */ i(Ce, { boxShadow: !1, disabled: $(), customClass: "calendar-button", icon: /* @__PURE__ */ i(G, { name: "calendar" }), onClick: () => {
+    Y || C ? Re(ne) : re(ne);
   }, tabIndex: -1, targetRef: (e) => {
-    De.current = e;
-  } }, "button-open") : null, [Y, C]), oe = (e, t) => /* @__PURE__ */ i(ye, { selected: e, handleOnSelect: t }), Me = () => {
-    o(!1), d(!1), D(!0), p.current && T(p.current.getBoundingClientRect());
-  }, Se = () => {
-    D(!1), a.current?.focus(), o(!1);
-  }, Fe = ce(() => /* @__PURE__ */ i(de, { disabled: j(), tabIndex: -1, customClass: "calendar-button", icon: /* @__PURE__ */ i(W, { name: "more1" }), onBlur: () => setTimeout(() => D(!1), 100), onClick: () => S ? Se() : Me(), targetRef: (e) => {
-    pe.current = e;
-  } }, "button-select-period"), [S]), O = (e, t, u) => /* @__PURE__ */ i(Oe, { colorStyle: t, currentDate: e !== void 0 ? l(e) : l(), calendarContainer: (c) => {
-    g.current = c;
-  }, onDateChange: (c) => N({
+    we.current = e;
+  } }, "button-open") : null, [Y, C]), se = (e, t) => /* @__PURE__ */ i(je, { selected: e, handleOnSelect: t }), ye = () => {
+    o(!1), m(!1), D(!0), p.current && A(p.current.getBoundingClientRect());
+  }, Pe = () => {
+    D(!1), l.current?.focus(), o(!1);
+  }, Oe = he(() => /* @__PURE__ */ i(Ce, { disabled: $(), tabIndex: -1, customClass: "calendar-button", icon: /* @__PURE__ */ i(G, { name: "more1" }), onBlur: () => setTimeout(() => D(!1), 100), onClick: () => F ? Pe() : ye(), targetRef: (e) => {
+    Me.current = e;
+  } }, "button-select-period"), [F]), x = (e, t, a) => /* @__PURE__ */ i(Ee, { colorStyle: t, currentDate: e !== void 0 ? d(e) : d(), calendarContainer: (f) => {
+    h.current = f;
+  }, onDateChange: (f) => W({
     target: {
-      name: u
+      name: a
     }
-  }, c), currentDateButton: (c) => q.current = c }), ae = (e, t) => {
+  }, f), currentDateButton: (f) => z.current = f }), ce = (e, t) => {
     if (e === "custom") {
-      f.current?.focus(), Q(e), D(!1);
+      c.current?.focus(), _(e), D(!1);
       return;
     }
-    Q(e), t && (w(t[0]), M(t[1])), G && D(!1), a.current?.focus(), o(!1);
-  }, Re = () => m && m.readOnly ? null : (g && g.current && (g.current.id = "valueInitial"), I ? /* @__PURE__ */ i($, { handlerClose: () => z("valueInitial"), dialogSize: E, onOpenChange: d, children: O(r, B, "valueInitial") }) : /* @__PURE__ */ i(U, { containerRef: F, showButtonOpen: R, inputDimensions: V, dropdownRef: (e) => {
-    b.current = e;
-  }, children: O(r, B, "valueInitial") })), Be = () => m && m.readOnly ? null : (g && g.current && (g.current.id = "valueFinal"), I ? /* @__PURE__ */ i($, { handlerClose: () => z("valueFinal"), dialogSize: E, onOpenChange: o, children: O(s, B, "valueFinal") }) : /* @__PURE__ */ i(U, { containerRef: F, showButtonOpen: R, inputDimensions: V, dropdownRef: (e) => {
-    b.current = e;
-  }, children: O(s, B, "valueFinal") })), Pe = () => I ? /* @__PURE__ */ i($, { handlerClose: () => z("periodSelection"), dialogSize: E, onOpenChange: D, children: oe(J, ae) }) : /* @__PURE__ */ i(U, { containerRef: F, showButtonOpen: R, inputDimensions: V, dropdownRef: (e) => {
-    b.current = e;
-  }, children: oe(J, ae) });
-  if (L(() => (window.addEventListener("resize", A), document.addEventListener("scroll", y), document.getElementById("modal-dialog-content")?.addEventListener("scroll", y), p.current && A(), f && f.current && (f.current.id = Ce), a && a.current && (a.current.id = Ye), () => {
-    window.removeEventListener("resize", A), document.removeEventListener("scroll", y), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", y);
-  }), []), L(() => (document.addEventListener("keydown", ee), () => {
-    document.removeEventListener("keydown", ee);
-  }), [Y, C, S, g.current]), L(() => {
-    if (s && r && l(s).isBefore(l(r)))
-      w(s), M(r);
-    else if (n.onChange) {
-      const e = r ? r.format("YYYY-MM-DD") : "", t = s ? s.format("YYYY-MM-DD") : "";
-      n.onChange(void 0, "", {
+    _(e), t && (w(t[0]), M(t[1])), J && D(!1), l.current?.focus(), o(!1);
+  }, ke = () => g && g.readOnly ? null : (h && h.current && (h.current.id = "valueInitial"), I ? /* @__PURE__ */ i(H, { handlerClose: () => U("valueInitial"), dialogSize: T, onOpenChange: m, children: x(r, P, "valueInitial") }) : /* @__PURE__ */ i(K, { containerRef: R, showButtonOpen: y, inputDimensions: q, dropdownRef: (e) => {
+    S.current = e;
+  }, children: x(r, P, "valueInitial") })), xe = () => g && g.readOnly ? null : (h && h.current && (h.current.id = "valueFinal"), I ? /* @__PURE__ */ i(H, { handlerClose: () => U("valueFinal"), dialogSize: T, onOpenChange: o, children: x(u, P, "valueFinal") }) : /* @__PURE__ */ i(K, { containerRef: R, showButtonOpen: y, inputDimensions: q, dropdownRef: (e) => {
+    S.current = e;
+  }, children: x(u, P, "valueFinal") })), Le = () => I ? /* @__PURE__ */ i(H, { handlerClose: () => U("periodSelection"), dialogSize: T, onOpenChange: D, children: se(Z, ce) }) : /* @__PURE__ */ i(K, { containerRef: R, showButtonOpen: y, inputDimensions: q, dropdownRef: (e) => {
+    S.current = e;
+  }, children: se(Z, ce) });
+  V(() => (window.addEventListener("resize", j), document.addEventListener("scroll", k), document.getElementById("modal-dialog-content")?.addEventListener("scroll", k), p.current && j(), c && c.current && (c.current.id = Se), l && l.current && (l.current.id = be), () => {
+    window.removeEventListener("resize", j), document.removeEventListener("scroll", k), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", k);
+  }), []), V(() => (document.addEventListener("keydown", ie), () => {
+    document.removeEventListener("keydown", ie);
+  }), [Y, C, F, h.current]), V(() => {
+    if (u && r && d(u).isBefore(d(r)))
+      w(u), M(r);
+    else if (n.onChange && !N.current) {
+      const e = r ? r.format("YYYY-MM-DD") : "", t = u ? u.format("YYYY-MM-DD") : "";
+      (!B.current || B.current.initial !== e || B.current.final !== t) && (B.current = {
         initial: e,
         final: t
-      });
-    }
-  }, [r, s]), L(() => {
-    if (n.value && !(l(n.value.initial).isSame(r) || l(n.value.final).isSame(s))) {
-      const {
+      }, n.onChange(void 0, "", {
         initial: e,
         final: t
-      } = n.value;
-      let u, c;
-      l(e, "YYYY-MM-DD", !0).isValid() && (u = l(e, "YYYY-MM-DD")), l(t, "YYYY-MM-DD", !0).isValid() && (c = l(t, "YYYY-MM-DD")), w(u), M(c);
+      }));
     }
-  }, [n.value]), m && m.unvisible) return null;
-  const ue = () => /* @__PURE__ */ x("div", { ref: F, onBlur: Ie, className: "input-base-component datepicker-period-container", children: [
-    n.label && /* @__PURE__ */ x("div", { className: "labelcontainer", children: [
-      /* @__PURE__ */ i(me, { required: n.required, className: n.customClassForLabel, labelUppercase: n.labelUppercase }),
+    N.current = !1;
+  }, [r, u]);
+  const fe = d.isMoment(n.value?.initial) ? n.value.initial.format("YYYY-MM-DD") : n.value?.initial?.toString() ?? "", de = d.isMoment(n.value?.final) ? n.value.final.format("YYYY-MM-DD") : n.value?.final?.toString() ?? "";
+  if (V(() => {
+    const e = E(fe), t = E(de), a = r?.format("YYYY-MM-DD") ?? "", f = u?.format("YYYY-MM-DD") ?? "", b = e?.format("YYYY-MM-DD") ?? "", Ve = t?.format("YYYY-MM-DD") ?? "";
+    (a !== b || f !== Ve) && (N.current = !0, w(e), M(t));
+  }, [fe, de]), g && g.unvisible) return null;
+  const me = () => /* @__PURE__ */ L("div", { ref: R, onBlur: Fe, className: "input-base-component datepicker-period-container", children: [
+    n.label && /* @__PURE__ */ L("div", { className: "labelcontainer", children: [
+      /* @__PURE__ */ i(Ye, { required: n.required, className: n.customClassForLabel, labelUppercase: n.labelUppercase }),
       /* @__PURE__ */ i("div", { className: "text-content", style: {
         display: "flex"
-      }, children: /* @__PURE__ */ x("div", { className: `label ${n.customClassForLabel} ${n.labelUppercase && " -uppercase"}`, style: {
+      }, children: /* @__PURE__ */ L("div", { className: `label ${n.customClassForLabel} ${n.labelUppercase && " -uppercase"}`, style: {
         alignSelf: "center"
       }, children: [
         n.label,
         n.required && /* @__PURE__ */ i("span", { className: "-requiredlabel", children: "*" }),
-        !!P && H === "onLabelRight" && /* @__PURE__ */ i(Ve, { theme: ve, align: he, iconColor: "#03bde2", customClass: "-hint", style: {
+        !!O && Q === "onLabelRight" && /* @__PURE__ */ i(Ne, { theme: pe, align: Ie, iconColor: "#03bde2", customClass: "-hint", style: {
           margin: "0px 5px",
           height: "auto",
           width: 20
-        }, children: P })
+        }, children: O })
       ] }) }),
-      /* @__PURE__ */ i(me, {})
+      /* @__PURE__ */ i(Ye, {})
     ] }),
-    /* @__PURE__ */ x("div", { className: `periodpicker-component ${Le({
+    /* @__PURE__ */ L("div", { className: `periodpicker-component ${Ae({
       ...n,
-      value: r ? l(r).format("DD/MM/YYYY") : "",
-      disabled: j()
+      value: r ? d(r).format("DD/MM/YYYY") : "",
+      disabled: $()
     })}`, ref: p, children: [
-      /* @__PURE__ */ i(fe, { gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueInitial", value: r ? l(r).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
-        N(e, e.target.value, !0);
-      }, onFocus: ie, onBlur: (e) => le(e), onChange: re, inputRef: (e) => {
-        f.current = e;
+      /* @__PURE__ */ i(ve, { autoComplete: "off", gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueInitial", value: r ? d(r).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
+        W(e, e.target.value, !0);
+      }, onFocus: le, onBlur: (e) => ae(e), onChange: ue, inputRef: (e) => {
+        c.current = e;
       }, handlerSetOnDenied: (e) => {
-        X(e);
+        ee(e);
       }, required: n.required }),
-      /* @__PURE__ */ i(W, { name: "arrow_right", customClass: "separation_icon" }),
-      /* @__PURE__ */ i(fe, { gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueFinal", value: s ? l(s).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
-        N(e, e.target.value, !0);
-      }, onFocus: ie, onBlur: (e) => le(e), onChange: re, inputRef: (e) => {
-        a.current = e;
-      }, handlerSetOnDenied: (e) => X(e), required: n.required }),
-      we(),
-      Fe()
+      /* @__PURE__ */ i(G, { name: "arrow_right", customClass: "separation_icon" }),
+      /* @__PURE__ */ i(ve, { autoComplete: "off", gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueFinal", value: u ? d(u).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
+        W(e, e.target.value, !0);
+      }, onFocus: le, onBlur: (e) => ae(e), onChange: ue, inputRef: (e) => {
+        l.current = e;
+      }, handlerSetOnDenied: (e) => ee(e), required: n.required }),
+      Be(),
+      Oe()
     ] }),
-    C && Re(),
-    Y && Be(),
-    S && Pe(),
-    /* @__PURE__ */ i(ke, { visible: !!P && H === "below", customClass: "hint", description: P }),
-    /* @__PURE__ */ i(Ee, { messages: n.errorMessages })
+    C && ke(),
+    Y && xe(),
+    F && Le(),
+    /* @__PURE__ */ i(Te, { visible: !!O && Q === "below", customClass: "hint", description: O }),
+    /* @__PURE__ */ i(ze, { messages: n.errorMessages })
   ] });
-  return K ? /* @__PURE__ */ i(xe, { customClass: "-withinput", cols: K, children: ue() }) : ue();
+  return X ? /* @__PURE__ */ i(qe, { customClass: "-withinput", cols: X, children: me() }) : me();
 };
 export {
-  tn as default
+  cn as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/period/index.tsx"],"sourcesContent":["import '../../assets/styles/periodpicker.scss';\n\nimport { useEffect, useRef, useState, FocusEvent as ReactFocusEvent, useCallback, useId } from 'react';\nimport moment, { Moment } from 'moment';\nimport PeriodList from './PeriodList';\nimport BaseMask from '../mask/BaseMask';\nimport Dropdown from './Dropdown';\nimport Calendar from '../../calendar';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport Dialog from './Dialog';\nimport Hint from '../../hint';\nimport Grid from '../../gridlayout';\nimport * as helperBase from '../base/helpers';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport { ChangeInputPeriodEvent, TypeCurrentDate, DateTypes, IPeriodPickerProps } from './types';\nimport { CustomInputEvent } from '../base/types';\nimport { ErrorMessage } from '../errorMessage';\nimport TextContent from '../../textContent';\nimport Popover from '../../popover';\n\nconst PeriodPicker = (props: IPeriodPickerProps) => {\n  const {\n    showButtonOpen = true, openOnFocus = true, shouldCloseOnSelect = true, calendarColorStyle,\n    showCalendarInDialog = false, dialogSize = { width: '350px', height: '350px' }, hint, hintPosition = 'below',\n    themePopover = 'light', popoverAlign = 'left', gridLayout,\n  } = props;\n  const idValueInitial = useId();\n  const idValueFinal = useId();\n\n  const [valueInitial, setValueInitial] = useState<moment.Moment | undefined>(props.value && moment(props.value.initial, 'DD/MM/YYYY'));\n  const [valueFinal, setValueFinal] = useState<moment.Moment | undefined>(props.value && moment(props.value.final, 'DD/MM/YYYY'));\n  const [valuePeriodSelection, setValuePeriodSelection] = useState('week');\n  const [showCalendarValueInitial, setShowCalendarValueInitial] = useState(false);\n  const [showCalendarValueFinal, setShowCalendarValueFinal] = useState(false);\n  const [showPeriodSelection, setShowPeriodSelection] = useState(false);\n  const [inputDimensions, setInputDimensions] = useState<DOMRect>();\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const [currentTypeDate, setCurrentTypeDate] = useState<TypeCurrentDate>('valueInitial');\n\n  const wrapperBaseInputPeriodRef = useRef<HTMLDivElement | null>(null);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const inputInitialRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const buttonOpenRef = useRef<HTMLButtonElement | null>(null);\n  const currentDateButtonRef = useRef<HTMLButtonElement>(null);\n  const buttonSelectPeriodRef = useRef<HTMLButtonElement | null>(null);\n  const dropdownCalendarContainer = useRef<HTMLDivElement | null>(null);\n  const inputFinalRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const calendarContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const onScreenResize = () => {\n    setInputDimensions(inputContainerRef?.current?.getBoundingClientRect());\n  };\n\n  const onBlurWithoutWrapper = (event: ReactFocusEvent<HTMLDivElement>) => {\n    const focusOnAnotherField = !wrapperBaseInputPeriodRef.current?.contains(event.relatedTarget);\n    if (!showCalendarInDialog && showCalendarValueInitial && focusOnAnotherField) { \n      setShowCalendarValueInitial(false); \n    }\n    if (!showCalendarInDialog && showCalendarValueFinal && focusOnAnotherField) { \n      setShowCalendarValueFinal(false); \n    }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    const { target } = event;\n    const targetElement = target as HTMLInputElement;\n    if (calendarContainerRef.current && event && event.key && event.key === 'Escape') {\n      event.preventDefault();\n      targetElement.focus();\n      if (showCalendarValueInitial) {\n        if (targetElement.id !== 'valueInitial') {\n          inputInitialRef.current?.focus();\n        }\n        setShowCalendarValueInitial(false);\n      }\n      if (showCalendarValueFinal) {\n        if (targetElement.id !== 'valueFinal') {\n          inputFinalRef.current?.focus();\n        }\n        setShowCalendarValueFinal(false);\n      }\n\n      if (showPeriodSelection) {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }\n    event.stopPropagation();\n  };\n\n  const keepPositionCalendarByScroll = () => {\n    const inputDateDimensions = inputContainerRef.current?.getBoundingClientRect();\n    const positionTop = inputDateDimensions && inputDateDimensions.bottom;\n    if (dropdownCalendarContainer && dropdownCalendarContainer.current && inputDateDimensions) {\n      dropdownCalendarContainer.current.style.top = String(positionTop).concat('px');\n    }\n  };\n\n  const openCalendar = (calendarName: string) => {\n    if (calendarName === 'valueInitial') {\n      setCurrentTypeDate('valueInitial');\n      setShowCalendarValueFinal(false);\n      if (!showCalendarValueInitial) {\n        inputInitialRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueInitial(true);\n      }\n    }\n    if (calendarName === 'valueFinal') {\n      setCurrentTypeDate('valueFinal');\n      setShowCalendarValueInitial(false);\n      if (!showCalendarValueFinal) {\n        inputFinalRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueFinal(true);\n      }\n    }\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closeCalendar = (calendarName: TypeCurrentDate) => {\n    if (calendarName === 'valueInitial') { inputInitialRef.current?.focus(); }\n    if (calendarName === 'valueFinal') { inputFinalRef.current?.focus(); }\n    setShowCalendarValueInitial(false);\n    setShowCalendarValueFinal(false);\n  };\n\n  const onDateChange = (date: { initial?: Moment, final?: Moment }) => {\n    const initial = date.initial ? date.initial.format('YYYY-MM-DD') : '';\n    const final = date.final ? date.final.format('YYYY-MM-DD') : '';\n    props?.onChange?.(undefined, '', { initial, final });\n  };\n\n  const onCloseDateDialog = (calendarName: TypeCurrentDate | 'periodSelection') => {\n    setTimeout(() => {\n      if (calendarName === 'valueInitial') {\n        inputInitialRef.current?.focus();\n        setShowCalendarValueInitial(false);\n      }\n      if (calendarName === 'valueFinal') {\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n      if (calendarName === 'periodSelection') {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }, 100);\n  };\n\n  const onInputFocus = (e: CustomInputEvent) => {\n    const { name } = e.target as HTMLInputElement;\n\n    if (openOnFocus) openCalendar(name);\n    if (props.onFocus) props.onFocus(e);\n  };\n\n  const onInputBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n  };\n\n  const onInputChange = (event?: ChangeInputPeriodEvent) => {\n    if (event) {\n      const { name: changingAux, value } = event.target as HTMLInputElement;\n      if (String(value).trim().length === 0) {\n        if (changingAux === 'valueInitial') {\n          setValueInitial(undefined);\n        } else {\n          setValueFinal(undefined);\n        }\n      }\n    }\n  };\n\n  const setValue = (\n    event: ChangeInputPeriodEvent,\n    value?: Moment | string,\n    shouldOpenDropdown = true,\n  ) => {\n    const valueDateName = event ? event.target.name : '';\n    const dateObj = moment(value, 'DD/MM/YYYY');\n    if (showCalendarValueInitial) inputInitialRef.current?.focus();\n    if (showCalendarValueFinal) inputFinalRef.current?.focus();\n\n    if (valueDateName === 'valueInitial') {\n      setValueInitial(dateObj);\n      onDateChange({ initial: dateObj, final: valueFinal });\n    } else {\n      setValueFinal(dateObj);\n      onDateChange({ initial: valueInitial, final: dateObj });\n    }\n\n    if (valueDateName === 'valueInitial' && !valueFinal && shouldOpenDropdown) {\n      inputFinalRef.current?.focus();\n      setShowCalendarValueFinal(true);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowCalendarValueInitial(false);\n      setShowCalendarValueFinal(false);\n    }\n  };\n\n  const shouldDisable = () => {\n    const { disabled } = props;\n    return disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n  };\n\n  const getButtonOpen = useCallback(() => {\n    if (!showButtonOpen) return null;\n\n    return (\n      <Button\n        key=\"button-open\"\n        boxShadow={false}\n        disabled={shouldDisable()}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"calendar\" />}\n        onClick={() => {\n          if (showCalendarValueFinal || showCalendarValueInitial) {\n            closeCalendar(currentTypeDate);\n          } else {\n            openCalendar(currentTypeDate);\n          }\n        }}\n        tabIndex={-1}\n        targetRef={(ref) => { buttonOpenRef.current = ref; }} />\n    );\n  }, [showCalendarValueFinal, showCalendarValueInitial]);\n\n  const getPeriodSelection = (\n    valuePeriodSelectionAux: string,\n    setPeriodDates: (value: DateTypes | 'custom', date: Moment[] | null) => void,\n  ) => (\n    <PeriodList selected={valuePeriodSelectionAux} handleOnSelect={setPeriodDates} />\n  );\n\n  const openPeriodSelecion = () => {\n    setShowCalendarValueFinal(false);\n    setShowCalendarValueInitial(false);\n    setShowPeriodSelection(true);\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closePeriodSelection = () => {\n    setShowPeriodSelection(false);\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getButtonSelectPeriod = useCallback(() => {\n    return (\n      <Button\n        key=\"button-select-period\"\n        disabled={shouldDisable()}\n        tabIndex={-1}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"more1\" />}\n        onBlur={() => setTimeout(() => setShowPeriodSelection(false), 100)}\n        onClick={() => !showPeriodSelection ? openPeriodSelecion() : closePeriodSelection()}\n        targetRef={(ref) => { buttonSelectPeriodRef.current = ref; }} />\n    );\n  }, [showPeriodSelection]);\n\n  const getCalendar = (\n    value?: Moment,\n    calendarColorStyleCalendar?: ColorStyles,\n    valueDateName?: string,\n  ) => (\n    <Calendar\n      colorStyle={calendarColorStyleCalendar}\n      currentDate={value !== undefined ? moment(value) : moment()}\n      calendarContainer={(ref) => { calendarContainerRef.current = ref; }}\n      onDateChange={date => setValue({ target: { name: valueDateName } }, date)}\n      currentDateButton={buttonElement => currentDateButtonRef.current = buttonElement} />\n  );\n\n  const setPeriodDates = (selected: DateTypes | 'custom', dates: Moment[] | null) => {\n    if (selected === 'custom') {\n      inputInitialRef.current?.focus();\n      setValuePeriodSelection(selected);\n      setShowPeriodSelection(false);\n      return;\n    }\n\n    setValuePeriodSelection(selected);\n    if (dates) {\n      setValueInitial(dates[0]);\n      setValueFinal(dates[1]);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowPeriodSelection(false);\n    }\n\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getCalendarInitial = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueInitial';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueInitial')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueInitial}>\n          {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n      </Dropdown>\n    );\n  };\n\n  const getCalendarFinal = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueFinal';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueFinal')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueFinal}>\n          {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n      </Dropdown>\n    );\n  };\n\n  const getPeriodOfDatesSelection = () => {\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('periodSelection')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowPeriodSelection}>\n          {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n      </Dropdown>\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('scroll', keepPositionCalendarByScroll);\n    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);\n\n    if (inputContainerRef.current) onScreenResize();\n\n    if (inputInitialRef && inputInitialRef.current) inputInitialRef.current.id = idValueInitial;\n    if (inputFinalRef && inputFinalRef.current) inputFinalRef.current.id = idValueFinal;\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('scroll', keepPositionCalendarByScroll);\n      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);\n    };\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeyDownPress);\n    return () => {\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [\n    showCalendarValueFinal,\n    showCalendarValueInitial,\n    showPeriodSelection,\n    calendarContainerRef.current,\n  ]);\n\n  useEffect(() => {\n    if (valueFinal && valueInitial && moment(valueFinal).isBefore(moment(valueInitial))) {\n      setValueInitial(valueFinal);\n      setValueFinal(valueInitial);\n    } else if (props.onChange) {\n      const initial = valueInitial ? valueInitial.format('YYYY-MM-DD') : '';\n      const final = valueFinal ? valueFinal.format('YYYY-MM-DD') : '';\n      props.onChange(undefined, '', { initial, final });\n    }\n  }, [valueInitial, valueFinal]);\n\n  useEffect(() => {\n    if (props.value && !(moment(props.value.initial).isSame(valueInitial) ||\n      moment(props.value.final).isSame(valueFinal))) {\n      const { initial: valueInitialProp, final: valueFinalProp } = props.value;\n\n      let newValueInitial;\n      let newValueFinal;\n\n      if (moment(valueInitialProp, 'YYYY-MM-DD', true).isValid()) {\n        newValueInitial = moment(valueInitialProp, 'YYYY-MM-DD');\n      }\n\n      if (moment(valueFinalProp, 'YYYY-MM-DD', true).isValid()) {\n        newValueFinal = moment(valueFinalProp, 'YYYY-MM-DD');\n      }\n      setValueInitial(newValueInitial);\n      setValueFinal(newValueFinal);\n    }\n  }, [props.value]);\n\n  if (onDenied && onDenied.unvisible) return null;\n\n  const component = () => (\n    <div\n      ref={wrapperBaseInputPeriodRef}\n      onBlur={onBlurWithoutWrapper}\n      className=\"input-base-component datepicker-period-container\">\n      {props.label && (\n        <div className=\"labelcontainer\">\n          <TextContent\n            required={props.required}\n            className={props.customClassForLabel}\n            labelUppercase={props.labelUppercase} />\n          <div className=\"text-content\" style={{ display: 'flex' }}>\n            <div\n              className={`label ${props.customClassForLabel} ${props.labelUppercase && ' -uppercase'}`}\n              style={{ alignSelf: 'center' }}>\n              {props.label}\n              {props.required && <span className=\"-requiredlabel\">*</span>}\n              {!!hint && hintPosition === 'onLabelRight' && (\n                <Popover\n                  theme={themePopover}\n                  align={popoverAlign}\n                  iconColor=\"#03bde2\"\n                  customClass=\"-hint\"\n                  style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n                  {hint}\n                </Popover>\n              )}\n            </div>\n          </div>\n          <TextContent />\n        </div>\n      )}\n      <div\n        className={\n          `periodpicker-component ${helperBase.getInputWrapperClass({\n            ...props,\n            value: !valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY'),\n            disabled: shouldDisable(),\n          })\n          }`\n        }\n        ref={inputContainerRef}>\n        <BaseMask\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueInitial'\n          value={!valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputInitialRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => { setOnDenied(denied);}}\n          required={props.required} />\n        <Icon name=\"arrow_right\" customClass=\"separation_icon\" />\n        <BaseMask\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueFinal'\n          value={!valueFinal ? '' : moment(valueFinal).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputFinalRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => setOnDenied(denied)}\n          required={props.required} />\n        {getButtonOpen()}\n        {getButtonSelectPeriod()}\n      </div>\n      {showCalendarValueInitial && getCalendarInitial()}\n      {showCalendarValueFinal && getCalendarFinal()}\n      {showPeriodSelection && getPeriodOfDatesSelection()}\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n      <ErrorMessage messages={props.errorMessages} />\n    </div>\n  );\n\n  return (!gridLayout ? component() : <Grid customClass=\"-withinput\" cols={gridLayout}>{component()}</Grid>);\n};\n\nexport default PeriodPicker;\n"],"names":["PeriodPicker","props","showButtonOpen","openOnFocus","shouldCloseOnSelect","calendarColorStyle","showCalendarInDialog","dialogSize","width","height","hint","hintPosition","themePopover","popoverAlign","gridLayout","idValueInitial","useId","idValueFinal","valueInitial","setValueInitial","useState","value","moment","initial","valueFinal","setValueFinal","final","valuePeriodSelection","setValuePeriodSelection","showCalendarValueInitial","setShowCalendarValueInitial","showCalendarValueFinal","setShowCalendarValueFinal","showPeriodSelection","setShowPeriodSelection","inputDimensions","setInputDimensions","onDenied","setOnDenied","currentTypeDate","setCurrentTypeDate","wrapperBaseInputPeriodRef","useRef","inputContainerRef","inputInitialRef","buttonOpenRef","currentDateButtonRef","buttonSelectPeriodRef","dropdownCalendarContainer","inputFinalRef","calendarContainerRef","onScreenResize","current","getBoundingClientRect","onBlurWithoutWrapper","event","focusOnAnotherField","contains","relatedTarget","onKeyDownPress","target","targetElement","key","preventDefault","focus","id","stopPropagation","keepPositionCalendarByScroll","inputDateDimensions","positionTop","bottom","style","top","String","concat","openCalendar","calendarName","setTimeout","closeCalendar","onDateChange","date","format","onChange","undefined","onCloseDateDialog","onInputFocus","e","name","onFocus","onInputBlur","onBlur","onInputChange","changingAux","trim","length","setValue","shouldOpenDropdown","valueDateName","dateObj","shouldDisable","disabled","hideContent","getButtonOpen","useCallback","Button","Icon","ref","getPeriodSelection","valuePeriodSelectionAux","setPeriodDates","PeriodList","openPeriodSelecion","closePeriodSelection","getButtonSelectPeriod","jsx","getCalendar","calendarColorStyleCalendar","Calendar","buttonElement","selected","dates","getCalendarInitial","readOnly","Dialog","Dropdown","el","getCalendarFinal","getPeriodOfDatesSelection","useEffect","window","addEventListener","document","getElementById","removeEventListener","isBefore","isSame","valueInitialProp","valueFinalProp","newValueInitial","newValueFinal","isValid","unvisible","component","jsxs","label","TextContent","required","customClassForLabel","labelUppercase","display","alignSelf","Popover","margin","helperBase","BaseMask","permissionAttr","denied","Hint","ErrorMessage","errorMessages","Grid"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/period/index.tsx"],"sourcesContent":["import '../../assets/styles/periodpicker.scss';\n\nimport { useEffect, useRef, useState, FocusEvent as ReactFocusEvent, useCallback, useId } from 'react';\nimport moment, { Moment } from 'moment';\nimport BaseMask from '../mask/BaseMask';\nimport Calendar from '../../calendar';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport Hint from '../../hint';\nimport Grid from '../../gridlayout';\nimport * as helperBase from '../base/helpers';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport { CustomInputEvent } from '../base/types';\nimport { ErrorMessage } from '../errorMessage';\nimport TextContent from '../../textContent';\nimport Popover from '../../popover';\nimport Dialog from './Dialog';\nimport Dropdown from './Dropdown';\nimport PeriodList from './PeriodList';\nimport { parseDateValue } from './helper';\nimport { ChangeInputPeriodEvent, TypeCurrentDate, DateTypes, IPeriodPickerProps } from './types';\n\nconst PeriodPicker = (props: IPeriodPickerProps) => {\n  const {\n    showButtonOpen = true, openOnFocus = true, shouldCloseOnSelect = true, calendarColorStyle,\n    showCalendarInDialog = false, dialogSize = { width: '350px', height: '350px' }, hint, hintPosition = 'below',\n    themePopover = 'light', popoverAlign = 'left', gridLayout,\n  } = props;\n  const idValueInitial = useId();\n  const idValueFinal = useId();\n\n  const [valueInitial, setValueInitial] = useState<moment.Moment | undefined>(\n    () => parseDateValue(props.value?.initial),\n  );\n  const [valueFinal, setValueFinal] = useState<moment.Moment | undefined>(\n    () => parseDateValue(props.value?.final),\n  );\n  const [valuePeriodSelection, setValuePeriodSelection] = useState('week');\n  const [showCalendarValueInitial, setShowCalendarValueInitial] = useState(false);\n  const [showCalendarValueFinal, setShowCalendarValueFinal] = useState(false);\n  const [showPeriodSelection, setShowPeriodSelection] = useState(false);\n  const [inputDimensions, setInputDimensions] = useState<DOMRect>();\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const [currentTypeDate, setCurrentTypeDate] = useState<TypeCurrentDate>('valueInitial');\n\n  const wrapperBaseInputPeriodRef = useRef<HTMLDivElement | null>(null);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const inputInitialRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const buttonOpenRef = useRef<HTMLButtonElement | null>(null);\n  const currentDateButtonRef = useRef<HTMLButtonElement>(null);\n  const buttonSelectPeriodRef = useRef<HTMLButtonElement | null>(null);\n  const dropdownCalendarContainer = useRef<HTMLDivElement | null>(null);\n  const inputFinalRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const calendarContainerRef = useRef<HTMLDivElement | null>(null);\n  const lastPeriodChanged = useRef<{ initial: string; final: string } | null>(null);\n  const isSyncingFromProps = useRef(false);\n\n  const onScreenResize = () => {\n    setInputDimensions(inputContainerRef?.current?.getBoundingClientRect());\n  };\n\n  const onBlurWithoutWrapper = (event: ReactFocusEvent<HTMLDivElement>) => {\n    const focusOnAnotherField = !wrapperBaseInputPeriodRef.current?.contains(event.relatedTarget);\n    if (!showCalendarInDialog && showCalendarValueInitial && focusOnAnotherField) { \n      setShowCalendarValueInitial(false); \n    }\n    if (!showCalendarInDialog && showCalendarValueFinal && focusOnAnotherField) { \n      setShowCalendarValueFinal(false); \n    }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    const { target } = event;\n    const targetElement = target as HTMLInputElement;\n    if (calendarContainerRef.current && event && event.key && event.key === 'Escape') {\n      event.preventDefault();\n      targetElement.focus();\n      if (showCalendarValueInitial) {\n        if (targetElement.id !== 'valueInitial') {\n          inputInitialRef.current?.focus();\n        }\n        setShowCalendarValueInitial(false);\n      }\n      if (showCalendarValueFinal) {\n        if (targetElement.id !== 'valueFinal') {\n          inputFinalRef.current?.focus();\n        }\n        setShowCalendarValueFinal(false);\n      }\n\n      if (showPeriodSelection) {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }\n    event.stopPropagation();\n  };\n\n  const keepPositionCalendarByScroll = () => {\n    const inputDateDimensions = inputContainerRef.current?.getBoundingClientRect();\n    const positionTop = inputDateDimensions && inputDateDimensions.bottom;\n    if (dropdownCalendarContainer && dropdownCalendarContainer.current && inputDateDimensions) {\n      dropdownCalendarContainer.current.style.top = String(positionTop).concat('px');\n    }\n  };\n\n  const openCalendar = (calendarName: string) => {\n    if (calendarName === 'valueInitial') {\n      setCurrentTypeDate('valueInitial');\n      setShowCalendarValueFinal(false);\n      if (!showCalendarValueInitial) {\n        inputInitialRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueInitial(true);\n      }\n    }\n    if (calendarName === 'valueFinal') {\n      setCurrentTypeDate('valueFinal');\n      setShowCalendarValueInitial(false);\n      if (!showCalendarValueFinal) {\n        inputFinalRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueFinal(true);\n      }\n    }\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closeCalendar = (calendarName: TypeCurrentDate) => {\n    if (calendarName === 'valueInitial') { inputInitialRef.current?.focus(); }\n    if (calendarName === 'valueFinal') { inputFinalRef.current?.focus(); }\n    setShowCalendarValueInitial(false);\n    setShowCalendarValueFinal(false);\n  };\n\n  const onDateChange = (date: { initial?: Moment, final?: Moment }) => {\n    const initial = date.initial ? date.initial.format('YYYY-MM-DD') : '';\n    const final = date.final ? date.final.format('YYYY-MM-DD') : '';\n    lastPeriodChanged.current = { initial, final };\n    props?.onChange?.(undefined, '', { initial, final });\n  };\n\n  const onCloseDateDialog = (calendarName: TypeCurrentDate | 'periodSelection') => {\n    setTimeout(() => {\n      if (calendarName === 'valueInitial') {\n        inputInitialRef.current?.focus();\n        setShowCalendarValueInitial(false);\n      }\n      if (calendarName === 'valueFinal') {\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n      if (calendarName === 'periodSelection') {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }, 100);\n  };\n\n  const onInputFocus = (e: CustomInputEvent) => {\n    const { name } = e.target as HTMLInputElement;\n\n    if (openOnFocus) openCalendar(name);\n    if (props.onFocus) props.onFocus(e);\n  };\n\n  const onInputBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n  };\n\n  const onInputChange = (event?: ChangeInputPeriodEvent) => {\n    if (event) {\n      const { name: changingAux, value } = event.target as HTMLInputElement;\n      if (String(value).trim().length === 0) {\n        if (changingAux === 'valueInitial') {\n          setValueInitial(undefined);\n        } else {\n          setValueFinal(undefined);\n        }\n      }\n    }\n  };\n\n  const setValue = (\n    event: ChangeInputPeriodEvent,\n    value?: Moment | string,\n    shouldOpenDropdown = true,\n  ) => {\n    const valueDateName = event ? event.target.name : '';\n    const dateObj = moment(value, 'DD/MM/YYYY');\n    if (showCalendarValueInitial) inputInitialRef.current?.focus();\n    if (showCalendarValueFinal) inputFinalRef.current?.focus();\n\n    if (valueDateName === 'valueInitial') {\n      setValueInitial(dateObj);\n      onDateChange({ initial: dateObj, final: valueFinal });\n    } else {\n      setValueFinal(dateObj);\n      onDateChange({ initial: valueInitial, final: dateObj });\n    }\n\n    if (valueDateName === 'valueInitial' && !valueFinal && shouldOpenDropdown) {\n      inputFinalRef.current?.focus();\n      setShowCalendarValueFinal(true);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowCalendarValueInitial(false);\n      setShowCalendarValueFinal(false);\n    }\n  };\n\n  const shouldDisable = () => {\n    const { disabled } = props;\n    return disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n  };\n\n  const getButtonOpen = useCallback(() => {\n    if (!showButtonOpen) return null;\n\n    return (\n      <Button\n        key=\"button-open\"\n        boxShadow={false}\n        disabled={shouldDisable()}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"calendar\" />}\n        onClick={() => {\n          if (showCalendarValueFinal || showCalendarValueInitial) {\n            closeCalendar(currentTypeDate);\n          } else {\n            openCalendar(currentTypeDate);\n          }\n        }}\n        tabIndex={-1}\n        targetRef={(ref) => { buttonOpenRef.current = ref; }} />\n    );\n  }, [showCalendarValueFinal, showCalendarValueInitial]);\n\n  const getPeriodSelection = (\n    valuePeriodSelectionAux: string,\n    setPeriodDates: (value: DateTypes | 'custom', date: Moment[] | null) => void,\n  ) => (\n    <PeriodList selected={valuePeriodSelectionAux} handleOnSelect={setPeriodDates} />\n  );\n\n  const openPeriodSelecion = () => {\n    setShowCalendarValueFinal(false);\n    setShowCalendarValueInitial(false);\n    setShowPeriodSelection(true);\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closePeriodSelection = () => {\n    setShowPeriodSelection(false);\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getButtonSelectPeriod = useCallback(() => {\n    return (\n      <Button\n        key=\"button-select-period\"\n        disabled={shouldDisable()}\n        tabIndex={-1}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"more1\" />}\n        onBlur={() => setTimeout(() => setShowPeriodSelection(false), 100)}\n        onClick={() => !showPeriodSelection ? openPeriodSelecion() : closePeriodSelection()}\n        targetRef={(ref) => { buttonSelectPeriodRef.current = ref; }} />\n    );\n  }, [showPeriodSelection]);\n\n  const getCalendar = (\n    value?: Moment,\n    calendarColorStyleCalendar?: ColorStyles,\n    valueDateName?: string,\n  ) => (\n    <Calendar\n      colorStyle={calendarColorStyleCalendar}\n      currentDate={value !== undefined ? moment(value) : moment()}\n      calendarContainer={(ref) => { calendarContainerRef.current = ref; }}\n      onDateChange={date => setValue({ target: { name: valueDateName } }, date)}\n      currentDateButton={buttonElement => currentDateButtonRef.current = buttonElement} />\n  );\n\n  const setPeriodDates = (selected: DateTypes | 'custom', dates: Moment[] | null) => {\n    if (selected === 'custom') {\n      inputInitialRef.current?.focus();\n      setValuePeriodSelection(selected);\n      setShowPeriodSelection(false);\n      return;\n    }\n\n    setValuePeriodSelection(selected);\n    if (dates) {\n      setValueInitial(dates[0]);\n      setValueFinal(dates[1]);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowPeriodSelection(false);\n    }\n\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getCalendarInitial = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueInitial';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueInitial')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueInitial}>\n          {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n      </Dropdown>\n    );\n  };\n\n  const getCalendarFinal = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueFinal';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueFinal')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueFinal}>\n          {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n      </Dropdown>\n    );\n  };\n\n  const getPeriodOfDatesSelection = () => {\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('periodSelection')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowPeriodSelection}>\n          {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n      </Dropdown>\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('scroll', keepPositionCalendarByScroll);\n    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);\n\n    if (inputContainerRef.current) onScreenResize();\n\n    if (inputInitialRef && inputInitialRef.current) inputInitialRef.current.id = idValueInitial;\n    if (inputFinalRef && inputFinalRef.current) inputFinalRef.current.id = idValueFinal;\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('scroll', keepPositionCalendarByScroll);\n      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);\n    };\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeyDownPress);\n    return () => {\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [\n    showCalendarValueFinal,\n    showCalendarValueInitial,\n    showPeriodSelection,\n    calendarContainerRef.current,\n  ]);\n\n  useEffect(() => {\n    if (valueFinal && valueInitial && moment(valueFinal).isBefore(moment(valueInitial))) {\n      setValueInitial(valueFinal);\n      setValueFinal(valueInitial);\n    } else if (props.onChange && !isSyncingFromProps.current) {\n      const initial = valueInitial ? valueInitial.format('YYYY-MM-DD') : '';\n      const final = valueFinal ? valueFinal.format('YYYY-MM-DD') : '';\n      if (\n        !lastPeriodChanged.current ||\n        lastPeriodChanged.current.initial !== initial ||\n        lastPeriodChanged.current.final !== final\n      ) {\n        lastPeriodChanged.current = { initial, final };\n        props.onChange(undefined, '', { initial, final });\n      }\n    }\n    isSyncingFromProps.current = false;\n  }, [valueInitial, valueFinal]);\n\n  const propsValueInitialStr = moment.isMoment(props.value?.initial)\n    ? props.value.initial.format('YYYY-MM-DD')\n    : (props.value?.initial?.toString() ?? '');\n  const propsValueFinalStr = moment.isMoment(props.value?.final)\n    ? props.value.final.format('YYYY-MM-DD')\n    : (props.value?.final?.toString() ?? '');\n\n  useEffect(() => {\n    const newValueInitial = parseDateValue(propsValueInitialStr);\n    const newValueFinal = parseDateValue(propsValueFinalStr);\n\n    const currentInitialStr = valueInitial?.format('YYYY-MM-DD') ?? '';\n    const currentFinalStr = valueFinal?.format('YYYY-MM-DD') ?? '';\n    const newInitialStr = newValueInitial?.format('YYYY-MM-DD') ?? '';\n    const newFinalStr = newValueFinal?.format('YYYY-MM-DD') ?? '';\n\n    if (currentInitialStr !== newInitialStr || currentFinalStr !== newFinalStr) {\n      isSyncingFromProps.current = true;\n      setValueInitial(newValueInitial);\n      setValueFinal(newValueFinal);\n    }\n  }, [propsValueInitialStr, propsValueFinalStr]);\n\n  if (onDenied && onDenied.unvisible) return null;\n\n  const component = () => (\n    <div\n      ref={wrapperBaseInputPeriodRef}\n      onBlur={onBlurWithoutWrapper}\n      className=\"input-base-component datepicker-period-container\">\n      {props.label && (\n        <div className=\"labelcontainer\">\n          <TextContent\n            required={props.required}\n            className={props.customClassForLabel}\n            labelUppercase={props.labelUppercase} />\n          <div className=\"text-content\" style={{ display: 'flex' }}>\n            <div\n              className={`label ${props.customClassForLabel} ${props.labelUppercase && ' -uppercase'}`}\n              style={{ alignSelf: 'center' }}>\n              {props.label}\n              {props.required && <span className=\"-requiredlabel\">*</span>}\n              {!!hint && hintPosition === 'onLabelRight' && (\n                <Popover\n                  theme={themePopover}\n                  align={popoverAlign}\n                  iconColor=\"#03bde2\"\n                  customClass=\"-hint\"\n                  style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n                  {hint}\n                </Popover>\n              )}\n            </div>\n          </div>\n          <TextContent />\n        </div>\n      )}\n      <div\n        className={\n          `periodpicker-component ${helperBase.getInputWrapperClass({\n            ...props,\n            value: !valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY'),\n            disabled: shouldDisable(),\n          })\n          }`\n        }\n        ref={inputContainerRef}>\n        <BaseMask\n          autoComplete=\"off\"\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueInitial'\n          value={!valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputInitialRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => { setOnDenied(denied);}}\n          required={props.required} />\n        <Icon name=\"arrow_right\" customClass=\"separation_icon\" />\n        <BaseMask\n          autoComplete=\"off\"\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueFinal'\n          value={!valueFinal ? '' : moment(valueFinal).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputFinalRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => setOnDenied(denied)}\n          required={props.required} />\n        {getButtonOpen()}\n        {getButtonSelectPeriod()}\n      </div>\n      {showCalendarValueInitial && getCalendarInitial()}\n      {showCalendarValueFinal && getCalendarFinal()}\n      {showPeriodSelection && getPeriodOfDatesSelection()}\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n      <ErrorMessage messages={props.errorMessages} />\n    </div>\n  );\n\n  return (!gridLayout ? component() : <Grid customClass=\"-withinput\" cols={gridLayout}>{component()}</Grid>);\n};\n\nexport default PeriodPicker;\n"],"names":["PeriodPicker","props","showButtonOpen","openOnFocus","shouldCloseOnSelect","calendarColorStyle","showCalendarInDialog","dialogSize","width","height","hint","hintPosition","themePopover","popoverAlign","gridLayout","idValueInitial","useId","idValueFinal","valueInitial","setValueInitial","useState","parseDateValue","value","initial","valueFinal","setValueFinal","final","valuePeriodSelection","setValuePeriodSelection","showCalendarValueInitial","setShowCalendarValueInitial","showCalendarValueFinal","setShowCalendarValueFinal","showPeriodSelection","setShowPeriodSelection","inputDimensions","setInputDimensions","onDenied","setOnDenied","currentTypeDate","setCurrentTypeDate","wrapperBaseInputPeriodRef","useRef","inputContainerRef","inputInitialRef","buttonOpenRef","currentDateButtonRef","buttonSelectPeriodRef","dropdownCalendarContainer","inputFinalRef","calendarContainerRef","lastPeriodChanged","isSyncingFromProps","onScreenResize","current","getBoundingClientRect","onBlurWithoutWrapper","event","focusOnAnotherField","contains","relatedTarget","onKeyDownPress","target","targetElement","key","preventDefault","focus","id","stopPropagation","keepPositionCalendarByScroll","inputDateDimensions","positionTop","bottom","style","top","String","concat","openCalendar","calendarName","setTimeout","closeCalendar","onDateChange","date","format","onChange","undefined","onCloseDateDialog","onInputFocus","e","name","onFocus","onInputBlur","onBlur","onInputChange","changingAux","trim","length","setValue","shouldOpenDropdown","valueDateName","dateObj","moment","shouldDisable","disabled","hideContent","getButtonOpen","useCallback","Button","Icon","ref","getPeriodSelection","valuePeriodSelectionAux","setPeriodDates","PeriodList","openPeriodSelecion","closePeriodSelection","getButtonSelectPeriod","jsx","getCalendar","calendarColorStyleCalendar","Calendar","buttonElement","selected","dates","getCalendarInitial","readOnly","Dialog","Dropdown","el","getCalendarFinal","getPeriodOfDatesSelection","useEffect","window","addEventListener","document","getElementById","removeEventListener","isBefore","propsValueInitialStr","isMoment","toString","propsValueFinalStr","newValueInitial","newValueFinal","currentInitialStr","currentFinalStr","newInitialStr","newFinalStr","unvisible","component","jsxs","label","TextContent","required","customClassForLabel","labelUppercase","display","alignSelf","Popover","margin","helperBase","BaseMask","permissionAttr","denied","Hint","ErrorMessage","errorMessages","Grid"],"mappings":"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"}