linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/inputs/period/index.js

@@ -1,169 +1,154 @@
 import { jsx as i, jsxs as x } from "react/jsx-runtime";
-import { useId as de, useState as D, useRef as g, useEffect as L, useCallback as me } from "react";
-import r from "../../node_modules/moment/dist/moment.js";
-import Le from "./PeriodList.js";
-import ge from "../mask/BaseMask.js";
-import W from "./Dropdown.js";
-import Ve from "../../calendar/base/index.js";
-import he from "../../buttons/Button.js";
-import $ from "../../icons/index.js";
-import '../../styles/assets/styles/periodpicker.css';import '../../styles/assets/styles/gridlayout.css';import '../../styles/assets/styles/button.css';/* empty css                              */
-import G from "./Dialog.js";
-import Te from "../../hint/index.js";
-/* empty css                                  */
-import Ae from "../../gridlayout/GridCol.js";
-import { getInputWrapperClass as qe } from "../base/helpers.js";
-/* empty css                                    */
-import { ErrorMessage as Ne } from "../errorMessage/index.js";
-import ve from "../../textContent/index.js";
-import ze from "../../popover/index.js";
-const un = (n) => {
+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 "../../_virtual/compiler-runtime.js";
+import de 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) => {
   const {
-    showButtonOpen: B = !0,
-    openOnFocus: Ce = !0,
-    shouldCloseOnSelect: H = !0,
-    calendarColorStyle: P,
+    showButtonOpen: R = !0,
+    openOnFocus: ge = !0,
+    shouldCloseOnSelect: G = !0,
+    calendarColorStyle: B,
     showCalendarInDialog: I = !1,
-    dialogSize: V = {
+    dialogSize: E = {
       width: "350px",
       height: "350px"
     },
-    hint: R,
-    hintPosition: J = "below",
-    themePopover: De = "light",
-    popoverAlign: Ye = "left",
-    gridLayout: Q
-  } = n, pe = de(), be = de(), [l, F] = D(n.value && r(n.value.initial, "DD/MM/YYYY")), [a, w] = D(n.value && r(n.value.final, "DD/MM/YYYY")), [X, Z] = D("week"), [h, v] = D(!1), [Y, s] = D(!1), [M, p] = D(!1), [T, A] = D(), [C, _] = D(), [ee, ne] = D("valueInitial"), S = g(null), b = g(null), d = g(null), Ie = g(null), q = g(null), Fe = g(null), y = g(null);
-  g(null);
-  const o = g(null), f = g(null), N = () => {
-    A(b?.current?.getBoundingClientRect());
-  }, we = (e) => {
-    const t = !S.current?.contains(e.relatedTarget);
-    !I && h && t && v(!1), !I && Y && t && s(!1);
-  }, te = (e) => {
+    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) => {
     const {
       target: t
-    } = e, c = t;
-    if (f.current && e && e.key && e.key === "Escape" && (e.preventDefault(), c.focus(), h && (c.id !== "valueInitial" && d.current?.focus(), v(!1)), Y && (c.id !== "valueFinal" && o.current?.focus(), s(!1)), M && (p(!1), o.current?.focus(), s(!1))), f.current && e && e.key && e.key === "Tab") {
-      const u = f.current?.getElementsByClassName("navbutton"), Oe = (f.current?.getElementsByClassName("-selectedday"))[0].firstChild, U = Array.from([...u, Oe]), ce = U[0], xe = U[U.length - 1], fe = f.current.id === "valueInitial";
-      !e.shiftKey && h && document.activeElement === d.current && (e.preventDefault(), ce.focus()), e.shiftKey && fe && document.activeElement === ce && (e.preventDefault(), d.current?.focus()), !e.shiftKey && fe && document.activeElement === xe && (e.preventDefault(), o.current?.focus());
-    }
-    e.stopPropagation();
-  }, k = () => {
-    const e = b.current?.getBoundingClientRect(), t = e && e.bottom;
-    y && y.current && e && (y.current.style.top = String(t).concat("px"));
-  };
-  L(() => (window.addEventListener("resize", N), document.addEventListener("scroll", k), document.getElementById("modal-dialog-content")?.addEventListener("scroll", k), b.current && N(), d && d.current && (d.current.id = pe), o && o.current && (o.current.id = be), () => {
-    window.removeEventListener("resize", N), document.removeEventListener("scroll", k), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", k);
-  }), []), L(() => (document.addEventListener("keydown", te), () => {
-    document.removeEventListener("keydown", te);
-  }), [Y, h, M, f.current]), L(() => {
-    if (a && l && r(a).isBefore(r(l)))
-      F(a), w(l);
-    else if (n.onChange) {
-      const e = l ? l.format("YYYY-MM-DD") : "", t = a ? a.format("YYYY-MM-DD") : "";
-      n.onChange(void 0, "", {
-        initial: e,
-        final: t
-      });
-    }
-  }, [l, a]), L(() => {
-    if (n.value && !(r(n.value.initial).isSame(l) || r(n.value.final).isSame(a))) {
-      const {
-        initial: e,
-        final: t
-      } = n.value;
-      let c, u;
-      r(e, "YYYY-MM-DD", !0).isValid() && (c = r(e, "YYYY-MM-DD")), r(t, "YYYY-MM-DD", !0).isValid() && (u = r(t, "YYYY-MM-DD")), F(c), w(u);
-    }
-  }, [n.value]);
-  const ie = (e) => {
-    e === "valueInitial" && (ne("valueInitial"), s(!1), h || (d.current?.focus(), I && setTimeout(() => {
+    } = 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 = () => {
+    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), v(!0))), e === "valueFinal" && (ne("valueFinal"), v(!1), Y || (o.current?.focus(), I && setTimeout(() => {
+    }, 100), d(!0))), e === "valueFinal" && (_("valueFinal"), d(!1), Y || (a.current?.focus(), I && setTimeout(() => {
       q.current?.focus();
-    }, 100), s(!0))), b.current && A(b.current.getBoundingClientRect());
-  }, ye = (e) => {
-    e === "valueInitial" && d.current?.focus(), e === "valueFinal" && o.current?.focus(), v(!1), s(!1);
+    }, 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, "", {
+      initial: t,
+      final: u
+    });
   }, z = (e) => {
     setTimeout(() => {
-      e === "valueInitial" && (d.current?.focus(), v(!1)), e === "valueFinal" && (o.current?.focus(), s(!1)), e === "periodSelection" && (p(!1), o.current?.focus(), s(!1));
+      e === "valueInitial" && (f.current?.focus(), d(!1)), e === "valueFinal" && (a.current?.focus(), o(!1)), e === "periodSelection" && (D(!1), a.current?.focus(), o(!1));
     }, 100);
-  }, le = (e) => {
+  }, ie = (e) => {
     const {
       name: t
     } = e.target;
-    Ce && ie(t), n.onFocus && n.onFocus(e);
-  }, ae = (e) => {
+    ge && ne(t), n.onFocus && n.onFocus(e);
+  }, le = (e) => {
     n.onBlur && n.onBlur(e);
-  }, re = (e, t) => {
+  }, re = (e) => {
     if (e) {
       const {
-        name: c
+        name: t,
+        value: u
       } = e.target;
-      t && t.replace(/\D/g, "").trim().length !== 0 && (c === "valueInitial" ? F(void 0) : w(void 0));
-    }
-  }, E = (e) => {
-    if (n.onChange) {
-      const t = e.initial ? e.initial.format("YYYY-MM-DD") : "", c = e.final ? e.final.format("YYYY-MM-DD") : "";
-      n.onChange(void 0, "", {
-        initial: t,
-        final: c
-      });
+      String(u).trim().length === 0 && (t === "valueInitial" ? w(void 0) : M(void 0));
     }
-  }, K = (e, t, c = !0) => {
-    const u = e ? e.target.name : "", m = r(t, "DD/MM/YYYY");
-    h && d.current?.focus(), Y && o.current?.focus(), u === "valueFinal" && l && m.isBefore(l) ? (F(m), w(l), E({
-      initial: m,
-      final: l
-    })) : u === "valueInitial" && a && m.isAfter(a) ? (F(a), w(m), E({
-      initial: a,
-      final: m
-    })) : u === "valueInitial" ? (F(m), E({
-      initial: m,
-      final: a
-    })) : (w(m), E({
-      initial: l,
-      final: m
-    })), u === "valueInitial" && !a && c && (o.current?.focus(), setTimeout(() => s(!0), 100)), H && (v(!1), s(!1));
+  }, 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({
+      initial: r,
+      final: k
+    })), c === "valueInitial" && !s && u && (a.current?.focus(), o(!0)), G && (d(!1), o(!1));
   }, j = () => {
     const {
       disabled: e
     } = n;
-    return e || C && (C.disabled || C.hideContent);
-  }, Me = me(() => B ? /* @__PURE__ */ i(he, { boxShadow: !1, disabled: j(), customClass: "calendar-button", icon: /* @__PURE__ */ i($, { name: "calendar" }), onClick: () => {
-    Y || h ? ye(ee) : ie(ee);
+    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);
   }, tabIndex: -1, targetRef: (e) => {
-    Ie.current = e;
-  } }, "button-open") : null, [Y, h]), oe = (e, t) => /* @__PURE__ */ i(Le, { selected: e, handleOnSelect: t }), Se = () => {
-    s(!1), v(!1), p(!0), b.current && A(b.current.getBoundingClientRect());
-  }, Be = () => {
-    p(!1), o.current?.focus(), s(!1);
-  }, Pe = me(() => /* @__PURE__ */ i(he, { disabled: j(), tabIndex: -1, customClass: "calendar-button", icon: /* @__PURE__ */ i($, { name: "more1" }), onBlur: () => setTimeout(() => p(!1), 100), onClick: () => M ? Be() : Se(), targetRef: (e) => {
-    Fe.current = e;
-  } }, "button-select-period"), [M]), O = (e, t, c) => /* @__PURE__ */ i(Ve, { colorStyle: t, currentDate: e !== void 0 ? r(e) : r(), calendarContainer: (u) => {
-    f.current = u;
-  }, onDateChange: (u) => K({
+    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({
     target: {
-      name: c
+      name: u
     }
-  }, u), currentDateButton: (u) => q.current = u }), ue = (e, t) => {
+  }, c), currentDateButton: (c) => q.current = c }), ae = (e, t) => {
     if (e === "custom") {
-      d.current?.focus(), Z(e), p(!1);
+      f.current?.focus(), Q(e), D(!1);
       return;
     }
-    Z(e), t && (F(t[0]), w(t[1])), H && p(!1), o.current?.focus(), s(!1);
-  }, Re = () => C && C.readOnly ? null : (f && f.current && (f.current.id = "valueInitial"), I ? /* @__PURE__ */ i(G, { handlerClose: () => z("valueInitial"), dialogSize: V, onOpenChange: v, children: O(l, P, "valueInitial") }) : /* @__PURE__ */ i(W, { containerRef: S, showButtonOpen: B, inputDimensions: T, dropdownRef: (e) => {
-    y.current = e;
-  }, children: O(l, P, "valueInitial") })), ke = () => C && C.readOnly ? null : (f && f.current && (f.current.id = "valueFinal"), I ? /* @__PURE__ */ i(G, { handlerClose: () => z("valueFinal"), dialogSize: V, onOpenChange: s, children: O(a, P, "valueFinal") }) : /* @__PURE__ */ i(W, { containerRef: S, showButtonOpen: B, inputDimensions: T, dropdownRef: (e) => {
-    y.current = e;
-  }, children: O(a, P, "valueFinal") })), Ee = () => I ? /* @__PURE__ */ i(G, { handlerClose: () => z("periodSelection"), dialogSize: V, onOpenChange: p, children: oe(X, ue) }) : /* @__PURE__ */ i(W, { containerRef: S, showButtonOpen: B, inputDimensions: T, dropdownRef: (e) => {
-    y.current = e;
-  }, children: oe(X, ue) });
-  if (C && C.unvisible) return null;
-  const se = () => /* @__PURE__ */ x("div", { ref: S, onBlur: we, className: "input-base-component datepicker-period-container", children: [
+    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, "", {
+        initial: e,
+        final: t
+      });
+    }
+  }, [r, s]), L(() => {
+    if (n.value && !(l(n.value.initial).isSame(r) || l(n.value.final).isSame(s))) {
+      const {
+        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(ve, { required: n.required, className: n.customClassForLabel, labelUppercase: n.labelUppercase }),
+      /* @__PURE__ */ i(me, { 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: {
@@ -171,44 +156,44 @@ const un = (n) => {
       }, children: [
         n.label,
         n.required && /* @__PURE__ */ i("span", { className: "-requiredlabel", children: "*" }),
-        !!R && J === "onLabelRight" && /* @__PURE__ */ i(ze, { theme: De, align: Ye, iconColor: "#03bde2", customClass: "-hint", style: {
+        !!P && H === "onLabelRight" && /* @__PURE__ */ i(Ve, { theme: ve, align: he, iconColor: "#03bde2", customClass: "-hint", style: {
           margin: "0px 5px",
           height: "auto",
           width: 20
-        }, children: R })
+        }, children: P })
       ] }) }),
-      /* @__PURE__ */ i(ve, {})
+      /* @__PURE__ */ i(me, {})
     ] }),
-    /* @__PURE__ */ x("div", { className: `periodpicker-component ${qe({
+    /* @__PURE__ */ x("div", { className: `periodpicker-component ${Le({
       ...n,
-      value: l ? r(l).format("DD/MM/YYYY") : "",
+      value: r ? l(r).format("DD/MM/YYYY") : "",
       disabled: j()
-    })}`, ref: b, children: [
-      /* @__PURE__ */ i(ge, { gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueInitial", value: l ? r(l).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
-        K(e, e.target.value, !0);
-      }, onFocus: le, onBlur: (e) => ae(e), onChange: re, inputRef: (e) => {
-        d.current = e;
+    })}`, 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;
       }, handlerSetOnDenied: (e) => {
-        _(e);
+        X(e);
       }, required: n.required }),
-      /* @__PURE__ */ i($, { name: "arrow_right", customClass: "separation_icon" }),
-      /* @__PURE__ */ i(ge, { gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueFinal", value: a ? r(a).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
-        K(e, e.target.value, !0);
-      }, onFocus: le, onBlur: (e) => ae(e), onChange: re, inputRef: (e) => {
-        o.current = e;
-      }, handlerSetOnDenied: (e) => _(e), required: n.required }),
-      Me(),
-      Pe()
+      /* @__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()
     ] }),
-    h && Re(),
-    Y && ke(),
-    M && Ee(),
-    /* @__PURE__ */ i(Te, { visible: !!R && J === "below", customClass: "hint", description: R }),
-    /* @__PURE__ */ i(Ne, { messages: n.errorMessages })
+    C && Re(),
+    Y && Be(),
+    S && Pe(),
+    /* @__PURE__ */ i(ke, { visible: !!P && H === "below", customClass: "hint", description: P }),
+    /* @__PURE__ */ i(Ee, { messages: n.errorMessages })
   ] });
-  return Q ? /* @__PURE__ */ i(Ae, { customClass: "-withinput", cols: Q, children: se() }) : se();
+  return K ? /* @__PURE__ */ i(xe, { customClass: "-withinput", cols: K, children: ue() }) : ue();
 };
 export {
-  un as default
+  tn 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 React, { 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 '../../assets/styles/periodpicker.scss';\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 dropdownPeriodContainer = useRef<HTMLElement | 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    if (calendarContainerRef.current && event && event.key && event.key === 'Tab') {\n      const buttonForNavigateCalendar = calendarContainerRef.current?.getElementsByClassName('navbutton') as HTMLCollectionOf<HTMLButtonElement>;\n      const datePicked = calendarContainerRef.current?.getElementsByClassName('-selectedday') as HTMLCollectionOf<HTMLButtonElement>;\n      const buttonDatePicked = datePicked[0].firstChild as HTMLButtonElement;\n      const buttonsForFocus = Array.from([...buttonForNavigateCalendar, buttonDatePicked]);\n      const firstElement = buttonsForFocus[0];\n      const lastElement = buttonsForFocus[buttonsForFocus.length - 1];\n      const calendarOpenedIsInitial = calendarContainerRef.current.id === 'valueInitial';\n      if (!event.shiftKey && showCalendarValueInitial \n          && document.activeElement === inputInitialRef.current) {\n        event.preventDefault();\n        firstElement.focus();\n      }\n      if (event.shiftKey && calendarOpenedIsInitial && document.activeElement === firstElement) {\n        event.preventDefault();\n        inputInitialRef.current?.focus();\n      }\n      if (!event.shiftKey && calendarOpenedIsInitial && document.activeElement === lastElement) {\n        event.preventDefault();\n        inputFinalRef.current?.focus();\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  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  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 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 = (\n    event?: ChangeInputPeriodEvent,\n    value?: string,\n  ) => {\n    if (event) {\n      const { name: changingAux } = event.target as HTMLInputElement;\n      if (value && value.replace(/\\D/g, '').trim().length !== 0) {\n        if (changingAux === 'valueInitial') {\n          setValueInitial(undefined);\n        } else {\n          setValueFinal(undefined);\n        }\n      }\n    }\n  };\n\n  const onDateChange = (date: { initial?: Moment, final?: Moment }) => {\n    if (props.onChange) {\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\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 === 'valueFinal' && valueInitial && dateObj.isBefore(valueInitial)) {\n      setValueInitial(dateObj);\n      setValueFinal(valueInitial);\n      onDateChange({ initial: dateObj, final: valueInitial });\n    } else if (valueDateName === 'valueInitial' && valueFinal && dateObj.isAfter(valueFinal)) {\n      setValueInitial(valueFinal);\n      setValueFinal(dateObj);\n      onDateChange({ initial: valueFinal, final: dateObj });\n    } else 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      setTimeout(() => setShowCalendarValueFinal(true), 100);\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  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 \n            className=\"text-content\"\n            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) => {\n            setValue(e, e.target.value, true);\n          }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => {\n            inputInitialRef.current = el;\n          }}\n          handlerSetOnDenied={(denied: OnDenied) => {\n            setOnDenied(denied);\n          }}\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) => {\n            setValue(e, e.target.value, true);\n          }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => {\n            inputFinalRef.current = el;\n          }}\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","buttonForNavigateCalendar","getElementsByClassName","buttonDatePicked","firstChild","buttonsForFocus","Array","from","firstElement","lastElement","length","calendarOpenedIsInitial","shiftKey","document","activeElement","stopPropagation","keepPositionCalendarByScroll","inputDateDimensions","positionTop","bottom","style","top","String","concat","useEffect","window","addEventListener","getElementById","removeEventListener","isBefore","onChange","format","undefined","isSame","valueInitialProp","valueFinalProp","newValueInitial","newValueFinal","isValid","openCalendar","calendarName","setTimeout","closeCalendar","onCloseDateDialog","onInputFocus","e","name","onFocus","onInputBlur","onBlur","onInputChange","changingAux","replace","trim","onDateChange","date","setValue","shouldOpenDropdown","valueDateName","dateObj","isAfter","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","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 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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"}

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

@@ -1,5 +1,5 @@
 import { Moment } from 'moment';
-import { ReactNode, RefObject } from 'react';
+import { MouseEvent, ReactNode, RefObject } from 'react';
 import { ColorStyles } from '../../@types/ColorStyles';
 import { Period } from '../../@types/Period';
 import { PermissionAttr } from '../../@types/PermissionAttr';
@@ -51,11 +51,14 @@ export interface IPeriodPickerProps {
     calendarColorStyle?: ColorStyles;
     required?: boolean;
     onChange?: (event?: CustomInputEvent, maskValue?: string, date?: Period) => void;
+    onClick?: (event?: MouseEvent) => void;
     disabled?: boolean;
     permissionAttr?: PermissionAttr;
     errorMessages?: string[];
     name?: string;
     hint?: string;
+    nameDateInitial?: string;
+    nameDateFinal?: string;
     hintPosition?: 'below' | 'onLabelRight';
     onBlur?: (e: CustomInputEvent) => void;
     onFocus?: (e: CustomInputEvent) => void;