linear-react-components-ui 1.1.26-beta.13 → 1.1.26-beta.14

package/lib/inputs/period/PeriodList.js

@@ -1,7 +1,7 @@
-import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { getDropdownItemCssClass as m, CalcDatesByPeriod as p } from "./helper.js";
-const u = [{
+import { jsx as d } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { getDropdownItemCssClass as m, CalcDatesByPeriod as b } from "./helper.js";
+const p = [{
   id: "today",
   label: "Hoje"
 }, {
@@ -22,22 +22,23 @@ const u = [{
 }, {
   id: "custom",
   label: "Customizar"
-}], h = (d) => {
-  const e = c.c(5), {
-    selected: a,
-    handleOnSelect: o
-  } = d;
-  let t;
-  e[0] !== o || e[1] !== a ? (t = u.map((l) => {
-    const n = a === l.id;
-    return /* @__PURE__ */ i.jsx("button", { tabIndex: -1, className: m(n), onClick: () => {
-      const r = l.id !== "custom" ? p(l.id) : null;
-      o(l.id, r);
-    }, children: l.label }, "item-".concat(l.id));
-  }), e[0] = o, e[1] = a, e[2] = t) : t = e[2];
-  let s;
-  return e[3] !== t ? (s = /* @__PURE__ */ i.jsx("div", { className: "dropdown-period", children: t }), e[3] = t, e[4] = s) : s = e[4], s;
+}], C = (i) => {
+  const e = c(5), {
+    selected: o,
+    handleOnSelect: s
+  } = i;
+  let l;
+  e[0] !== s || e[1] !== o ? (l = p.map((t) => {
+    const n = o === t.id;
+    return /* @__PURE__ */ d("button", { tabIndex: -1, className: m(n), onClick: () => {
+      const r = t.id !== "custom" ? b(t.id) : null;
+      s(t.id, r);
+    }, children: t.label }, "item-".concat(t.id));
+  }), e[0] = s, e[1] = o, e[2] = l) : l = e[2];
+  let a;
+  return e[3] !== l ? (a = /* @__PURE__ */ d("div", { className: "dropdown-period", children: l }), e[3] = l, e[4] = a) : a = e[4], a;
 };
 export {
-  h as default
+  C as default
 };
+//# sourceMappingURL=PeriodList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodList.js","sources":["../../../src/lib/inputs/period/PeriodList.tsx"],"sourcesContent":["import React from 'react';\nimport { CalcDatesByPeriod, getDropdownItemCssClass } from './helper';\nimport { IPeriodOptions, IPeriodListProps } from './types';\n\nconst periodOptions: IPeriodOptions[] = [\n  { id: 'today', label: 'Hoje' },\n  { id: 'week', label: 'Semana Atual' },\n  { id: 'lastweek', label: 'Última Semana' },\n  { id: 'last15', label: 'Últimos 15 dias' },\n  { id: 'month', label: 'Mês atual' },\n  { id: 'lastmonth', label: 'Último Mês' },\n  { id: 'custom', label: 'Customizar' },\n];\n\nconst PeriodList = ({ selected, handleOnSelect }: IPeriodListProps) => (\n  <div className=\"dropdown-period\">\n    {\n      periodOptions.map((item) => {\n        const itemSelected = (selected === item.id);\n        return (\n          <button\n            key={String('item-').concat(item.id)}\n            tabIndex={-1}\n            className={getDropdownItemCssClass(itemSelected)}\n            onClick={() => {\n              const dates = item.id !== 'custom' ? CalcDatesByPeriod(item.id) : null;\n              handleOnSelect(item.id, dates);\n            }}>\n            {item.label}\n          </button>\n        );\n      })}\n  </div>\n);\n\nexport default PeriodList;\n"],"names":["periodOptions","id","label","PeriodList","t0","$","_c","selected","handleOnSelect","t1","map","item","itemSelected","jsx","getDropdownItemCssClass","dates","CalcDatesByPeriod","concat","t2"],"mappings":";;;AAIA,MAAMA,IAAkC,CACtC;AAAA,EAAEC,IAAI;AAAA,EAASC,OAAO;AAAO,GAC7B;AAAA,EAAED,IAAI;AAAA,EAAQC,OAAO;AAAe,GACpC;AAAA,EAAED,IAAI;AAAA,EAAYC,OAAO;AAAgB,GACzC;AAAA,EAAED,IAAI;AAAA,EAAUC,OAAO;AAAkB,GACzC;AAAA,EAAED,IAAI;AAAA,EAASC,OAAO;AAAY,GAClC;AAAA,EAAED,IAAI;AAAA,EAAaC,OAAO;AAAa,GACvC;AAAA,EAAED,IAAI;AAAA,EAAUC,OAAO;AAAa,CAAC,GAGjCC,IAAaC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,EAAAA,IAAAJ;AAA8C,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAG5DE,IAAAT,EAAaU,IAAKC,CAAAA,MAAA;AAChB,UAAAC,IAAsBL,MAAaI,EAAIV;AAAK,WAE1C,gBAAAY,EAAA,YAEY,UAAA,IACC,WAAAC,EAAwBF,CAAY,GACtC,SAAA,MAAA;AACP,YAAAG,IAAcJ,EAAIV,OAAQ,WAAWe,EAAkBL,EAAIV,EAAU,IAAvD;AACdO,MAAAA,EAAeG,EAAIV,IAAKc,CAAK;AAAA,IAAC,GAE/BJ,YAAIT,SAPO,QAAQe,OAAQN,EAAIV,EAAG,CAQrC;AAAA,EAAS,CAEZ,GAACI,OAAAG,GAAAH,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,SAAAI,KAhBNS,IAAA,gBAAAL,EAAA,OAAA,EAAe,WAAA,mBAEXJ,UAAAA,GAeJ,GAAMJ,OAAAI,GAAAJ,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAjBNa;AAiBM;"}

package/lib/inputs/period/helper.js

@@ -1,4 +1,4 @@
-import { h as r } from "../../chunks/moment.DMLRxgRE.js";
+import r from "../../node_modules/moment/dist/moment.js";
 const l = ({
   topPosition: n,
   leftPosition: t,
@@ -30,10 +30,11 @@ const l = ({
       return [s, a];
     }
   }[n]();
-}, h = (n) => n && r(n).isValid();
+}, f = (n) => n && r(n).isValid();
 export {
   m as CalcDatesByPeriod,
   l as default,
   d as getDropdownItemCssClass,
-  h as isDateValid
+  f as isDateValid
 };
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../src/lib/inputs/period/helper.ts"],"sourcesContent":["import moment, { Moment } from 'moment';\nimport { DateTypes } from './types';\n\nconst getCalendarDropdownStyle = ({ topPosition, leftPosition, width }:\n{ topPosition: number | string, leftPosition: number | string, width: number | string }) => (\n  `top: ${topPosition}px;\n  left: ${leftPosition}px;\n  width:${width}px`\n);\nexport default getCalendarDropdownStyle;\n\nexport const getDropdownItemCssClass = (selected = false, disabled = false, striped = false) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n  return className;\n};\n\nexport const CalcDatesByPeriod = (dateType: DateTypes): Moment[] => {\n  const currentDate = moment();\n  const dateTypes = {\n    today: () => [currentDate, currentDate],\n    week: () => {\n      const weekStart = currentDate.clone().startOf('week');\n      const weekEnd = currentDate.clone().endOf('week');\n      return [weekStart, weekEnd];\n    },\n    lastweek: () => {\n      const lastWeek = currentDate.subtract(1, 'weeks');\n      const weekStart = lastWeek.clone().startOf('week');\n      const weekEnd = lastWeek.clone().endOf('week');\n      return [weekStart, weekEnd];\n    },\n    last15: () => {\n      const last15Day = moment(currentDate);\n      return [last15Day.subtract(15, 'days'), currentDate];\n    },\n    month: () => {\n      const monthStart = currentDate.clone().startOf('month');\n      const monthEnd = currentDate.clone().endOf('month');\n      return [monthStart, monthEnd];\n    },\n    lastmonth: () => {\n      const lastMonth = currentDate.subtract(1, 'months');\n      const monthStart = lastMonth.clone().startOf('month');\n      const monthEnd = lastMonth.clone().endOf('month');\n      return [monthStart, monthEnd];\n    },\n  };\n  return dateTypes[dateType]();\n};\n\nexport const isDateValid = (date: Moment) => date && moment(date).isValid();\n"],"names":["getCalendarDropdownStyle","topPosition","leftPosition","width","getDropdownItemCssClass","selected","disabled","striped","className","CalcDatesByPeriod","dateType","currentDate","moment","today","week","weekStart","clone","startOf","weekEnd","endOf","lastweek","lastWeek","subtract","last15","month","monthStart","monthEnd","lastmonth","lastMonth","isDateValid","date","isValid"],"mappings":";AAGA,MAAMA,IAA2BA,CAAC;AAAA,EAAEC,aAAAA;AAAAA,EAAaC,cAAAA;AAAAA,EAAcC,OAAAA;AACuB,MACpF,QAAQF,CAAW;AAAA,UACXC,CAAY;AAAA,UACZC,CAAK,MAIFC,IAA0BA,CAACC,IAAW,IAAOC,IAAW,IAAOC,IAAU,OAAU;AAC9F,MAAIC,IAAY;AAChBA,SAAAA,KAAcH,KAAY,CAACC,IAAW,gBAAgB,IACtDE,KAAaF,IAAW,eAAe,IACvCE,KAAc,CAACH,KAAY,CAACC,KAAYC,IAAU,eAAe,IAC1DC;AACT,GAEaC,IAAoBA,CAACC,MAAkC;AAClE,QAAMC,IAAcC,EAAAA;AA8BpB,SA7BkB;AAAA,IAChBC,OAAOA,MAAM,CAACF,GAAaA,CAAW;AAAA,IACtCG,MAAMA,MAAM;AACV,YAAMC,IAAYJ,EAAYK,MAAAA,EAAQC,QAAQ,MAAM,GAC9CC,IAAUP,EAAYK,MAAAA,EAAQG,MAAM,MAAM;AAChD,aAAO,CAACJ,GAAWG,CAAO;AAAA,IAC5B;AAAA,IACAE,UAAUA,MAAM;AACd,YAAMC,IAAWV,EAAYW,SAAS,GAAG,OAAO,GAC1CP,IAAYM,EAASL,MAAAA,EAAQC,QAAQ,MAAM,GAC3CC,IAAUG,EAASL,MAAAA,EAAQG,MAAM,MAAM;AAC7C,aAAO,CAACJ,GAAWG,CAAO;AAAA,IAC5B;AAAA,IACAK,QAAQA,MAEC,CADWX,EAAOD,CAAW,EAClBW,SAAS,IAAI,MAAM,GAAGX,CAAW;AAAA,IAErDa,OAAOA,MAAM;AACX,YAAMC,IAAad,EAAYK,MAAAA,EAAQC,QAAQ,OAAO,GAChDS,IAAWf,EAAYK,MAAAA,EAAQG,MAAM,OAAO;AAClD,aAAO,CAACM,GAAYC,CAAQ;AAAA,IAC9B;AAAA,IACAC,WAAWA,MAAM;AACf,YAAMC,IAAYjB,EAAYW,SAAS,GAAG,QAAQ,GAC5CG,IAAaG,EAAUZ,MAAAA,EAAQC,QAAQ,OAAO,GAC9CS,IAAWE,EAAUZ,MAAAA,EAAQG,MAAM,OAAO;AAChD,aAAO,CAACM,GAAYC,CAAQ;AAAA,IAC9B;AAAA,EAAA,EAEehB,CAAQ,EAAA;AAC3B,GAEamB,IAAcA,CAACC,MAAiBA,KAAQlB,EAAOkB,CAAI,EAAEC,QAAAA;"}

package/lib/inputs/period/index.js

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

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

@@ -0,0 +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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"}