linear-react-components-ui 1.1.26-beta.24 → 1.1.26-beta.25

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

@@ -1,4 +1,4 @@
-import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX, ReactNode } from 'react';
+import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX, ReactNode, HTMLInputAutoCompleteAttribute } from 'react';
 import { TextAlign } from 'src/lib/@types/Align';
 import { ITooltipCommonProps } from 'src/lib/tooltip/types';
 import { Period } from '../../@types/Period';
@@ -80,9 +80,9 @@ export interface IBaseProps extends ITooltipCommonProps {
     accept?: string;
     multiple?: boolean;
     readOnlyClass?: string;
-    autoComplete?: 'on' | 'off';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
     tabIndex?: number;
     defaultValue?: string | string[];
+    autoComplete?: HTMLInputAutoCompleteAttribute;
 }

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

@@ -1,4 +1,4 @@
-import { JSX, KeyboardEvent, MutableRefObject } from 'react';
+import { JSX, KeyboardEvent, MutableRefObject, HTMLInputAutoCompleteAttribute } from 'react';
 import { TextAlign } from 'src/lib/@types/Align';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
 import { CustomInputEvent } from '../base/types';
@@ -54,6 +54,7 @@ export type IBaseMaskProps = {
     mapToRadix?: string[];
     normalizeZeros?: boolean;
     isDateTimeField?: boolean;
+    autoComplete?: HTMLInputAutoCompleteAttribute;
 };
 export type ICnpjFieldProps = IBaseMaskProps & {
     value?: string;

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

@@ -9,3 +9,4 @@ export default getCalendarDropdownStyle;
 export declare const getDropdownItemCssClass: (selected?: boolean, disabled?: boolean, striped?: boolean) => string;
 export declare const CalcDatesByPeriod: (dateType: DateTypes) => Moment[];
 export declare const isDateValid: (date: Moment) => boolean;
+export declare const parseDateValue: (value?: string | Moment) => Moment | undefined;

package/lib/inputs/period/helper.js

@@ -1,32 +1,40 @@
-import a from "../../node_modules/moment/dist/moment.js";
-const l = (s = !1, e = !1, r = !1) => {
-  let t = "item";
-  return t += s && !e ? " -selected " : "", t += e ? " -disabled" : "", t += !s && !e && r ? " -striped " : "", t;
-}, m = (s) => {
-  const e = a();
+import r from "../../node_modules/moment/dist/moment.js";
+const d = (n = !1, t = !1, o = !1) => {
+  let e = "item";
+  return e += n && !t ? " -selected " : "", e += t ? " -disabled" : "", e += !n && !t && o ? " -striped " : "", e;
+}, l = (n) => {
+  const t = r();
   return {
-    today: () => [e, e],
+    today: () => [t, t],
     week: () => {
-      const t = e.clone().startOf("week"), n = e.clone().endOf("week");
-      return [t, n];
+      const e = t.clone().startOf("week"), s = t.clone().endOf("week");
+      return [e, s];
     },
     lastweek: () => {
-      const t = e.subtract(1, "weeks"), n = t.clone().startOf("week"), o = t.clone().endOf("week");
-      return [n, o];
+      const e = t.subtract(1, "weeks"), s = e.clone().startOf("week"), a = e.clone().endOf("week");
+      return [s, a];
     },
-    last15: () => [a(e).subtract(15, "days"), e],
+    last15: () => [r(t).subtract(15, "days"), t],
     month: () => {
-      const t = e.clone().startOf("month"), n = e.clone().endOf("month");
-      return [t, n];
+      const e = t.clone().startOf("month"), s = t.clone().endOf("month");
+      return [e, s];
     },
     lastmonth: () => {
-      const t = e.subtract(1, "months"), n = t.clone().startOf("month"), o = t.clone().endOf("month");
-      return [n, o];
+      const e = t.subtract(1, "months"), s = e.clone().startOf("month"), a = e.clone().endOf("month");
+      return [s, a];
     }
-  }[s]();
+  }[n]();
+}, i = (n) => {
+  if (!n) return;
+  if (r.isMoment(n)) return n.isValid() ? n : void 0;
+  const t = r(n, "YYYY-MM-DD", !0);
+  if (t.isValid()) return t;
+  const o = r(n, "DD/MM/YYYY", !0);
+  if (o.isValid()) return o;
 };
 export {
-  m as CalcDatesByPeriod,
-  l as getDropdownItemCssClass
+  l as CalcDatesByPeriod,
+  d as getDropdownItemCssClass,
+  i as parseDateValue
 };
 //# sourceMappingURL=helper.js.map

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

@@ -1 +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":["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"],"mappings":";AAWO,MAAMA,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;"}
+{"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\nexport const parseDateValue = (value?: string | Moment): Moment | undefined => {\n  if (!value) return undefined;\n  if (moment.isMoment(value)) return value.isValid() ? value : undefined;\n  const iso = moment(value, 'YYYY-MM-DD', true);\n  if (iso.isValid()) return iso;\n  const dmy = moment(value, 'DD/MM/YYYY', true);\n  if (dmy.isValid()) return dmy;\n  return undefined;\n};\n"],"names":["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","parseDateValue","value","isMoment","isValid","undefined","iso","dmy"],"mappings":";AAWO,MAAMA,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,GAIamB,IAAiBA,CAACC,MAAgD;AAC7E,MAAI,CAACA,EAAO;AACZ,MAAIlB,EAAOmB,SAASD,CAAK,UAAUA,EAAME,QAAAA,IAAYF,IAAQG;AAC7D,QAAMC,IAAMtB,EAAOkB,GAAO,cAAc,EAAI;AAC5C,MAAII,EAAIF,QAAAA,EAAW,QAAOE;AAC1B,QAAMC,IAAMvB,EAAOkB,GAAO,cAAc,EAAI;AAC5C,MAAIK,EAAIH,QAAAA,EAAW,QAAOG;AAE5B;"}

package/lib/inputs/period/index.js

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