linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/inputs2/date/datefield/triggers.d.ts

@@ -1,8 +1,8 @@
 interface DateFieldTriggersProps {
 }
 declare const Triggers: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): JSX.Element;
     displayName: string;
 };
-export { Triggers };
-export type { DateFieldTriggersProps };
+
+export { DateFieldTriggersProps, Triggers };

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

@@ -1,30 +1,47 @@
-import { jsx as h } from "react/jsx-runtime";
-import { c as u } from "../../../_virtual/compiler-runtime.js";
-import { useDateFieldContext as D } from "./context.js";
-import { Triggers as T } from "../base/index.js";
-const B = () => {
-  const e = u.c(14), {
-    inputFieldId: i,
-    isReadOnly: t,
-    isDisabled: a,
-    skeletonize: n,
-    calendarBoxOpen: s,
-    showCalendarButton: d,
-    hasValidDateSelected: o,
-    handleChangeCalendarBoxState: c,
-    handleOnClickClearSelectedDate: g,
-    showClearDateButton: C
-  } = D(), m = !t && !a;
-  let l;
-  e[0] !== c || e[1] !== m ? (l = (f) => {
-    m ? c() : f.preventDefault();
-  }, e[0] = c, e[1] = m, e[2] = l) : l = e[2];
-  const p = l;
-  let r;
-  return e[3] !== s || e[4] !== g || e[5] !== p || e[6] !== o || e[7] !== i || e[8] !== a || e[9] !== t || e[10] !== d || e[11] !== C || e[12] !== n ? (r = /* @__PURE__ */ h(T, { clearButtonTestId: "test-date-field-trigger-clear-selected-date", calendarButtonTestId: "test-date-field-trigger-open-calendar", isDisabled: a, isReadOnly: t, skeletonize: n, inputFieldId: i, calendarBoxOpen: s, showClearButton: C, showCalendarButton: d, hasValidDateSelection: o, hasValidPeriodSelected: !1, onClearSelectedDate: g, onClickTriggerCalendar: p }), e[3] = s, e[4] = g, e[5] = p, e[6] = o, e[7] = i, e[8] = a, e[9] = t, e[10] = d, e[11] = C, e[12] = n, e[13] = r) : r = e[13], r;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Triggers = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _context = require("./context");
+var BaseDate = _interopRequireWildcard(require("../base"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Triggers = () => {
+  const {
+    inputFieldId,
+    isReadOnly,
+    isDisabled,
+    skeletonize,
+    calendarBoxOpen,
+    showCalendarButton,
+    hasValidDateSelected,
+    handleChangeCalendarBoxState,
+    handleOnClickClearSelectedDate,
+    showClearDateButton
+  } = (0, _context.useDateFieldContext)();
+  const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;
+  const handleOnClickTriggerCalendar = event => {
+    if (!shouldHavePermitClickOnTrigger) event.preventDefault();else handleChangeCalendarBoxState();
+  };
+  return /*#__PURE__*/_react.default.createElement(BaseDate.Triggers, {
+    clearButtonTestId: "test-date-field-trigger-clear-selected-date",
+    calendarButtonTestId: "test-date-field-trigger-open-calendar",
+    isDisabled: isDisabled,
+    isReadOnly: isReadOnly,
+    skeletonize: skeletonize,
+    inputFieldId: inputFieldId,
+    calendarBoxOpen: calendarBoxOpen,
+    showClearButton: showClearDateButton,
+    showCalendarButton: showCalendarButton,
+    hasValidDateSelection: hasValidDateSelected,
+    hasValidPeriodSelected: false,
+    onClearSelectedDate: handleOnClickClearSelectedDate,
+    onClickTriggerCalendar: handleOnClickTriggerCalendar
+  });
 };
-B.displayName = "DateFieldTriggers";
-export {
-  B as Triggers
-};
-//# sourceMappingURL=triggers.js.map
+exports.Triggers = Triggers;
+Triggers.displayName = 'DateFieldTriggers';

package/lib/inputs2/date/datefield/types.d.ts

@@ -1,13 +1,14 @@
 import { Moment } from 'moment';
-import { ComponentPropsWithoutRef, RefObject } from 'react';
-import { TextAlign } from '../../../@types/Align';
-import { ColorTheme } from '../../../@types/ColorStyles';
-import { ITooltipCommonProps } from '../../../tooltip/types';
-import { Position, HintPosition } from '../../../@types/Position';
-import { OnDenied, PermissionAttr } from '../../../@types/PermissionAttr';
-import { DateValueReturnType } from '../types';
-type InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;
-export interface DateFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
+import { TextAlign } from '../../../@types/Align.js';
+import { ColorTheme } from '../../../@types/ColorStyles.js';
+import { ITooltipCommonProps } from '../../../tooltip/types.js';
+import { HintPosition, Position } from '../../../@types/Position.js';
+import { PermissionAttr, OnDenied } from '../../../@types/PermissionAttr.js';
+import { DateValueReturnType } from '../types.js';
+import 'react';
+
+type InputHTMLProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;
+interface DateFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
     hint?: string;
     label?: string;
     errors?: string[];
@@ -32,7 +33,7 @@ export interface DateFieldInputProps extends InputHTMLProps, ITooltipCommonProps
     permissionAttr?: PermissionAttr;
     onDeniedActions?: OnDenied;
 }
-export interface DateFieldContextProps {
+interface DateFieldContextProps {
     label?: string;
     inputFieldId: string;
     activeDescendant?: string;
@@ -47,9 +48,9 @@ export interface DateFieldContextProps {
     calendarDisplayDate: Moment;
     maskedValue: string;
     unmaskedValue: string;
-    calendarRef: RefObject<HTMLDivElement | null>;
-    dateInputRef: RefObject<HTMLInputElement | null>;
-    dateContainerRef: RefObject<HTMLDivElement | null>;
+    calendarRef: React.RefObject<HTMLDivElement | null>;
+    dateInputRef: React.RefObject<HTMLInputElement | null>;
+    dateContainerRef: React.RefObject<HTMLDivElement | null>;
     handleNextMonth: () => void;
     handlePreviousMonth: () => void;
     handleOpenCalendar: () => void;
@@ -58,4 +59,5 @@ export interface DateFieldContextProps {
     handleChangeCalendarBoxState: () => void;
     handleOnClickClearSelectedDate: () => void;
 }
-export {};
+
+export { DateFieldContextProps, DateFieldInputProps };

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts

@@ -1,6 +1,7 @@
-import { ComponentProps } from 'react';
-interface DateFieldCalendarBoxProps extends ComponentProps<'div'> {
+import React__default from 'react';
+
+interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
 }
-declare const CalendarBox: import('react').ForwardRefExoticComponent<Omit<DateFieldCalendarBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { CalendarBox };
-export type { DateFieldCalendarBoxProps };
+declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "style" | "children" | "slot" | "title" | "className" | "key" | "align" | "onClick" | "color" | "hidden" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { CalendarBox, DateFieldCalendarBoxProps };

package/lib/inputs2/date/dateperiodfield/calendarbox.js

@@ -1,97 +1,136 @@
-import { jsx as a, jsxs as X } from "react/jsx-runtime";
-import { c as de } from "../../../_virtual/compiler-runtime.js";
-import J from "../../../_virtual/lodash.js";
-import Z from "../../../node_modules/moment/dist/moment.js";
-import { forwardRef as ce } from "react";
-import Q from "../../../buttons/Button.js";
-import '../../../assets/styles/button.css';import '../../../assets/styles/tooltip.css';import '../../../assets/styles/icon.css';/* empty css                               */
-import "react-dom";
-/* empty css                                  */
-/* empty css                                 */
-import me from "../../../textContent/index.js";
-import { useDatePeriodFieldContext as fe } from "./context.js";
-import { generateCalendarWeeks as he, TOKEN_ISO_FORMAT as E } from "../helpers.js";
-import { useCalendarPosition as pe } from "../base/constants.js";
-const ue = ce((T, Y) => {
-  const e = de.c(75), {
-    initialInputId: o,
-    finalInputId: I,
-    activeDescendant: B,
-    calendarBoxOpen: _,
-    dateContainerRef: ee,
-    calendarDisplayDate: i,
-    selectedDate: t,
-    handleChangeNextMonth: O,
-    handleChangePreviousMonth: P,
-    handleChangeUpdateDateState: R,
-    handleChangeActiveDescendant: A
-  } = fe(), {
-    calendarBoxStyles: K
-  } = pe(_, ee);
-  let d, c, n, r, m, f, h, p, u, b, x, M;
-  if (e[0] !== B || e[1] !== _ || e[2] !== K || e[3] !== i || e[4] !== I || e[5] !== A || e[6] !== O || e[7] !== P || e[8] !== R || e[9] !== o || e[10] !== Y || e[11] !== t) {
-    const te = he(i);
-    let j;
-    e[24] !== t ? (j = (s) => t.inicial && t.final && s.isAfter(t.inicial, "day") && s.isBefore(t.final, "day"), e[24] = t, e[25] = j) : j = e[25];
-    const W = j;
-    let q;
-    e[26] !== t ? (q = (s) => t.inicial && s.isSame(t.inicial, "day") || t.final && s.isSame(t.final, "day"), e[26] = t, e[27] = q) : q = e[27];
-    const z = q, G = be;
-    let L;
-    e[28] !== I || e[29] !== A || e[30] !== R || e[31] !== o ? (L = (s, $) => {
-      const l = document.activeElement;
-      let k;
-      l?.id === o && (k = "initial"), l?.id === I && (k = "final"), J.isUndefined(k) || (R({
-        date: $,
-        inputType: k
-      }), A($.format(E)));
-    }, e[28] = I, e[29] = A, e[30] = R, e[31] = o, e[32] = L) : L = e[32];
-    const H = L;
-    p = Y, u = K, b = _, x = "date-calendar-box", M = "test-date-period-field-calendar-box";
-    let g;
-    e[33] !== P ? (g = /* @__PURE__ */ a(Q, { boxShadow: !1, type: "button", iconName: "arrow_left", title: "Mês anterior", className: "previous-month", "aria-label": "Mês anterior", onClick: P, onMouseDown: G }), e[33] = P, e[34] = g) : g = e[34];
-    let v;
-    e[35] !== i ? (v = i.format("MMMM YYYY"), e[35] = i, e[36] = v) : v = e[36];
-    let N;
-    e[37] !== i ? (N = i.format("MMMM YYYY"), e[37] = i, e[38] = N) : N = e[38];
-    let S;
-    e[39] !== v || e[40] !== N ? (S = /* @__PURE__ */ a("div", { "aria-live": "polite", className: "month-year", children: /* @__PURE__ */ a(me, { "aria-label": v, as: "p", "data-testid": "test-date-period-field-calendar-box-month-description", children: N }) }), e[39] = v, e[40] = N, e[41] = S) : S = e[41];
-    let y;
-    e[42] !== O ? (y = /* @__PURE__ */ a(Q, { boxShadow: !1, type: "button", iconName: "arrow_right", title: "Próximo mês", className: "next-month", "aria-label": "Próximo mês", onClick: O, onMouseDown: G }), e[42] = O, e[43] = y) : y = e[43], e[44] !== o || e[45] !== g || e[46] !== S || e[47] !== y ? (n = /* @__PURE__ */ X("div", { id: o, className: "date-calendar-box-header", children: [
-      g,
-      S,
-      y
-    ] }), e[44] = o, e[45] = g, e[46] = S, e[47] = y, e[48] = n) : n = e[48], e[49] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a("table", { "aria-label": "Dias da Semana", role: "grid", className: "date-calendar-box-days-of-week", children: /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: Z.weekdaysShort(!0).map(xe) }) }) }), e[49] = r) : r = e[49], h = "date-calendar-box-grid-of-days", m = "Calendário", f = "grid", d = "weeks";
-    let U;
-    e[50] !== B || e[51] !== i || e[52] !== H || e[53] !== W || e[54] !== z ? (U = (s, $) => /* @__PURE__ */ a("tr", { role: "row", children: s.map((l, k) => {
-      const ae = l.format(E), ie = J.isEqual(Z().format(E), l.format(E)), le = W(l) ?? !1, oe = J.isEqual(B, l.format(E)), ne = z(l) ?? !1, re = l.month() === i.month(), V = l.format("LL");
-      return /* @__PURE__ */ a("td", { role: "gridcell", children: /* @__PURE__ */ a(Q, { id: ae, type: "button", className: "day-button", boxShadow: !1, tabIndex: -1, title: V, "aria-label": V, "aria-selected": ne, "data-testid": "test-date-period-field-day-button", "data-state-is-today": ie, "data-state-has-focus": oe, "data-state-is-in-range": le, "data-state-is-current-month": re, label: l.date().toString(), onMouseDown: G, onClick: (se) => {
-        H(se, l);
-      } }) }, k);
-    }) }, $ + 1), e[50] = B, e[51] = i, e[52] = H, e[53] = W, e[54] = z, e[55] = U) : U = e[55], c = te.map(U), e[0] = B, e[1] = _, e[2] = K, e[3] = i, e[4] = I, e[5] = A, e[6] = O, e[7] = P, e[8] = R, e[9] = o, e[10] = Y, e[11] = t, e[12] = d, e[13] = c, e[14] = n, e[15] = r, e[16] = m, e[17] = f, e[18] = h, e[19] = p, e[20] = u, e[21] = b, e[22] = x, e[23] = M;
-  } else
-    d = e[12], c = e[13], n = e[14], r = e[15], m = e[16], f = e[17], h = e[18], p = e[19], u = e[20], b = e[21], x = e[22], M = e[23];
-  let C;
-  e[56] !== d || e[57] !== c ? (C = /* @__PURE__ */ a("tbody", { className: d, children: c }), e[56] = d, e[57] = c, e[58] = C) : C = e[58];
-  let w;
-  e[59] !== C || e[60] !== m || e[61] !== f ? (w = /* @__PURE__ */ a("table", { "aria-label": m, role: f, children: C }), e[59] = C, e[60] = m, e[61] = f, e[62] = w) : w = e[62];
-  let D;
-  e[63] !== w || e[64] !== h ? (D = /* @__PURE__ */ a("div", { className: h, children: w }), e[63] = w, e[64] = h, e[65] = D) : D = e[65];
-  let F;
-  return e[66] !== n || e[67] !== r || e[68] !== D || e[69] !== p || e[70] !== u || e[71] !== b || e[72] !== x || e[73] !== M ? (F = /* @__PURE__ */ X("div", { ref: p, style: u, "aria-expanded": b, className: x, "data-testid": M, children: [
-    n,
-    r,
-    D
-  ] }), e[66] = n, e[67] = r, e[68] = D, e[69] = p, e[70] = u, e[71] = b, e[72] = x, e[73] = M, e[74] = F) : F = e[74], F;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-ue.displayName = "DatePeriodFieldCalendarBox";
-function be(T) {
-  T?.preventDefault?.();
-}
-function xe(T, Y) {
-  return /* @__PURE__ */ a("th", { role: "columnheader", children: T }, `day-of-week-${Y + 1}`);
-}
-export {
-  ue as CalendarBox
-};
-//# sourceMappingURL=calendarbox.js.map
+exports.CalendarBox = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _moment = _interopRequireDefault(require("moment"));
+var _buttons = _interopRequireDefault(require("../../../buttons"));
+var _textContent = _interopRequireDefault(require("../../../textContent"));
+var _context = require("./context");
+var _helpers = require("../helpers");
+var _constants = require("../base/constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CalendarBox = exports.CalendarBox = /*#__PURE__*/_react.default.forwardRef((__, ref) => {
+  const {
+    initialInputId,
+    finalInputId,
+    activeDescendant,
+    calendarBoxOpen,
+    dateContainerRef,
+    calendarDisplayDate,
+    selectedDate,
+    handleChangeNextMonth,
+    handleChangePreviousMonth,
+    handleChangeUpdateDateState,
+    handleChangeActiveDescendant
+  } = (0, _context.useDatePeriodFieldContext)();
+  const {
+    calendarBoxStyles
+  } = (0, _constants.useCalendarPosition)(calendarBoxOpen, dateContainerRef);
+  const weeks = (0, _helpers.generateCalendarWeeks)(calendarDisplayDate);
+  const isInRange = day => selectedDate.inicial && selectedDate.final && day.isAfter(selectedDate.inicial, 'day') && day.isBefore(selectedDate.final, 'day');
+  const isSelected = day => selectedDate.inicial && day.isSame(selectedDate.inicial, 'day') || selectedDate.final && day.isSame(selectedDate.final, 'day');
+  const handleOnMouseDown = event => {
+    event?.preventDefault?.();
+  };
+  const handleOnClick = (___, daySelected) => {
+    const inputActive = document.activeElement;
+    let inputType = undefined;
+    if (inputActive?.id === initialInputId) inputType = 'initial';
+    if (inputActive?.id === finalInputId) inputType = 'final';
+    if (!_lodash.default.isUndefined(inputType)) {
+      handleChangeUpdateDateState({
+        date: daySelected,
+        inputType
+      });
+      handleChangeActiveDescendant(daySelected.format(_helpers.TOKEN_ISO_FORMAT));
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    style: calendarBoxStyles,
+    "aria-expanded": calendarBoxOpen,
+    className: "date-calendar-box",
+    "data-testid": "test-date-period-field-calendar-box"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: initialInputId,
+    className: "date-calendar-box-header"
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    boxShadow: false,
+    type: "button",
+    iconName: "arrow_left",
+    title: "M\xEAs anterior",
+    className: "previous-month",
+    "aria-label": "M\xEAs anterior",
+    onClick: handleChangePreviousMonth,
+    onMouseDown: handleOnMouseDown
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    "aria-live": "polite",
+    className: "month-year"
+  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+    "aria-label": calendarDisplayDate.format('MMMM YYYY'),
+    as: "p",
+    "data-testid": "test-date-period-field-calendar-box-month-description"
+  }, calendarDisplayDate.format('MMMM YYYY'))), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    boxShadow: false,
+    type: "button",
+    iconName: "arrow_right",
+    title: "Pr\xF3ximo m\xEAs",
+    className: "next-month",
+    "aria-label": "Pr\xF3ximo m\xEAs",
+    onClick: handleChangeNextMonth,
+    onMouseDown: handleOnMouseDown
+  })), /*#__PURE__*/_react.default.createElement("table", {
+    "aria-label": "Dias da Semana",
+    role: "grid",
+    className: "date-calendar-box-days-of-week"
+  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, _moment.default.weekdaysShort(true).map((day, idx) => /*#__PURE__*/_react.default.createElement("th", {
+    role: "columnheader",
+    key: `day-of-week-${idx + 1}`
+  }, day))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "date-calendar-box-grid-of-days"
+  }, /*#__PURE__*/_react.default.createElement("table", {
+    "aria-label": "Calend\xE1rio",
+    role: "grid"
+  }, /*#__PURE__*/_react.default.createElement("tbody", {
+    className: "weeks"
+  }, weeks.map((week, weekIndex) => /*#__PURE__*/_react.default.createElement("tr", {
+    role: "row",
+    key: weekIndex + 1
+  }, week.map((day, dateIndex) => {
+    const idActiveDescendant = day.format(_helpers.TOKEN_ISO_FORMAT);
+    const isToday = _lodash.default.isEqual((0, _moment.default)().format(_helpers.TOKEN_ISO_FORMAT), day.format(_helpers.TOKEN_ISO_FORMAT));
+    const inRange = isInRange(day) ?? false;
+    const hasFocus = _lodash.default.isEqual(activeDescendant, day.format(_helpers.TOKEN_ISO_FORMAT));
+    const hasSelected = isSelected(day) ?? false;
+    const isCurrentMonth = day.month() === calendarDisplayDate.month();
+    const descriptionDate = day.format('LL');
+    return /*#__PURE__*/_react.default.createElement("td", {
+      role: "gridcell",
+      key: dateIndex
+    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+      id: idActiveDescendant,
+      type: "button",
+      className: "day-button",
+      boxShadow: false,
+      tabIndex: -1,
+      title: descriptionDate,
+      "aria-label": descriptionDate,
+      "aria-selected": hasSelected,
+      "data-testid": "test-date-period-field-day-button",
+      "data-state-is-today": isToday,
+      "data-state-has-focus": hasFocus,
+      "data-state-is-in-range": inRange,
+      "data-state-is-current-month": isCurrentMonth,
+      label: day.date().toString(),
+      onMouseDown: handleOnMouseDown,
+      onClick: event => {
+        handleOnClick(event, day);
+      }
+    }));
+  })))))));
+});
+CalendarBox.displayName = 'DatePeriodFieldCalendarBox';

package/lib/inputs2/date/dateperiodfield/context.d.ts

@@ -1,4 +1,14 @@
-import { DatePeriodContextProps } from './types';
-declare const DatePeriodFieldContext: import('react').Context<DatePeriodContextProps>;
+import React__default from 'react';
+import { DatePeriodContextProps } from './types.js';
+import 'moment';
+import '../../../@types/Align.js';
+import '../../../@types/ColorStyles.js';
+import '../../../tooltip/types.js';
+import '../../../@types/Position.js';
+import '../../../@types/PermissionAttr.js';
+import '../types.js';
+
+declare const DatePeriodFieldContext: React__default.Context<DatePeriodContextProps>;
 declare const useDatePeriodFieldContext: () => DatePeriodContextProps;
+
 export { DatePeriodFieldContext, useDatePeriodFieldContext };

package/lib/inputs2/date/dateperiodfield/context.js

@@ -1,12 +1,17 @@
-import { createContext as t, useContext as o } from "react";
-const r = t({}), n = () => {
-  const e = o(r);
-  if (!e)
-    throw new Error("useDatePeriodFieldContext must be used within a DatePeriodFieldProvider");
-  return e;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDatePeriodFieldContext = exports.DatePeriodFieldContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DatePeriodFieldContext = exports.DatePeriodFieldContext = /*#__PURE__*/_react.default.createContext({});
+const useDatePeriodFieldContext = () => {
+  const context = _react.default.useContext(DatePeriodFieldContext);
+  if (!context) {
+    throw new Error('useDatePeriodFieldContext must be used within a DatePeriodFieldProvider');
+  }
+  return context;
 };
-export {
-  r as DatePeriodFieldContext,
-  n as useDatePeriodFieldContext
-};
-//# sourceMappingURL=context.js.map
+exports.useDatePeriodFieldContext = useDatePeriodFieldContext;

package/lib/inputs2/date/dateperiodfield/index.d.ts

@@ -1,4 +1,10 @@
-import { DatePeriodFieldProps } from './types';
-declare const Input: import('react').ForwardRefExoticComponent<DatePeriodFieldProps & import('react').RefAttributes<HTMLInputElement>>;
-export { Input };
-export type { DatePeriodFieldProps };
+import 'react';
+export { DatePeriodFieldProps } from './types.js';
+export { I as Input } from '../../../index-c9247c1f.js';
+import 'moment';
+import '../../../@types/Align.js';
+import '../../../@types/ColorStyles.js';
+import '../../../tooltip/types.js';
+import '../../../@types/Position.js';
+import '../../../@types/PermissionAttr.js';
+import '../types.js';