linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.2

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

@@ -0,0 +1,94 @@
+import { jsx as l, 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';/* empty css                                 */
+import me from "../../../textContent/index.js";
+import { useDatePeriodFieldContext as fe } from "./context.js";
+import { generateCalendarWeeks as he, TOKEN_ISO_FORMAT as T } from "../helpers.js";
+import { useCalendarPosition as pe } from "../base/constants.js";
+const ue = ce((Y, I) => {
+  const e = de.c(75), {
+    initialInputId: o,
+    finalInputId: B,
+    activeDescendant: O,
+    calendarBoxOpen: F,
+    dateContainerRef: ee,
+    calendarDisplayDate: a,
+    selectedDate: t,
+    handleChangeNextMonth: P,
+    handleChangePreviousMonth: R,
+    handleChangeUpdateDateState: A,
+    handleChangeActiveDescendant: E
+  } = fe(), {
+    calendarBoxStyles: K
+  } = pe(F, ee);
+  let d, c, n, s, m, f, h, p, u, b, x, M;
+  if (e[0] !== O || e[1] !== F || e[2] !== K || e[3] !== a || e[4] !== B || e[5] !== E || e[6] !== P || e[7] !== R || e[8] !== A || e[9] !== o || e[10] !== I || e[11] !== t) {
+    const te = he(a);
+    let j;
+    e[24] !== t ? (j = (r) => t.inicial && t.final && r.isAfter(t.inicial, "day") && r.isBefore(t.final, "day"), e[24] = t, e[25] = j) : j = e[25];
+    const W = j;
+    let q;
+    e[26] !== t ? (q = (r) => t.inicial && r.isSame(t.inicial, "day") || t.final && r.isSame(t.final, "day"), e[26] = t, e[27] = q) : q = e[27];
+    const z = q, G = be;
+    let L;
+    e[28] !== B || e[29] !== E || e[30] !== A || e[31] !== o ? (L = (r, $) => {
+      const i = document.activeElement;
+      let y;
+      i?.id === o && (y = "initial"), i?.id === B && (y = "final"), J.isUndefined(y) || (A({
+        date: $,
+        inputType: y
+      }), E($.format(T)));
+    }, e[28] = B, e[29] = E, e[30] = A, e[31] = o, e[32] = L) : L = e[32];
+    const H = L;
+    p = I, u = K, b = F, x = "date-calendar-box", M = "test-date-period-field-calendar-box";
+    let v;
+    e[33] !== R ? (v = /* @__PURE__ */ l(Q, { boxShadow: !1, type: "button", iconName: "arrow_left", title: "Mês anterior", className: "previous-month", "aria-label": "Mês anterior", onClick: R, onMouseDown: G }), e[33] = R, e[34] = v) : v = e[34];
+    let g;
+    e[35] !== a ? (g = a.format("MMMM YYYY"), e[35] = a, e[36] = g) : g = e[36];
+    let N;
+    e[37] !== a ? (N = a.format("MMMM YYYY"), e[37] = a, e[38] = N) : N = e[38];
+    let S;
+    e[39] !== g || e[40] !== N ? (S = /* @__PURE__ */ l("div", { "aria-live": "polite", className: "month-year", children: /* @__PURE__ */ l(me, { "aria-label": g, as: "p", "data-testid": "test-date-period-field-calendar-box-month-description", children: N }) }), e[39] = g, e[40] = N, e[41] = S) : S = e[41];
+    let k;
+    e[42] !== P ? (k = /* @__PURE__ */ l(Q, { boxShadow: !1, type: "button", iconName: "arrow_right", title: "Próximo mês", className: "next-month", "aria-label": "Próximo mês", onClick: P, onMouseDown: G }), e[42] = P, e[43] = k) : k = e[43], e[44] !== o || e[45] !== v || e[46] !== S || e[47] !== k ? (n = /* @__PURE__ */ X("div", { id: o, className: "date-calendar-box-header", children: [
+      v,
+      S,
+      k
+    ] }), e[44] = o, e[45] = v, e[46] = S, e[47] = k, e[48] = n) : n = e[48], e[49] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ l("div", { "aria-label": "Dias da Semana", role: "grid", className: "date-calendar-box-days-of-week", children: Z.weekdaysShort(!0).map(xe) }), e[49] = s) : s = e[49], h = "date-calendar-box-grid-of-days", m = "Calendário", f = "grid", d = "weeks";
+    let U;
+    e[50] !== O || e[51] !== a || e[52] !== H || e[53] !== W || e[54] !== z ? (U = (r, $) => /* @__PURE__ */ l("tr", { role: "row", children: r.map((i, y) => {
+      const ae = i.format(T), ie = J.isEqual(Z().format(T), i.format(T)), le = W(i) ?? !1, oe = J.isEqual(O, i.format(T)), ne = z(i) ?? !1, se = i.month() === a.month(), V = i.format("LL");
+      return /* @__PURE__ */ l("td", { role: "gridcell", children: /* @__PURE__ */ l(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": se, label: i.date().toString(), onMouseDown: G, onClick: (re) => {
+        H(re, i);
+      } }) }, y);
+    }) }, $ + 1), e[50] = O, e[51] = a, e[52] = H, e[53] = W, e[54] = z, e[55] = U) : U = e[55], c = te.map(U), e[0] = O, e[1] = F, e[2] = K, e[3] = a, e[4] = B, e[5] = E, e[6] = P, e[7] = R, e[8] = A, e[9] = o, e[10] = I, e[11] = t, e[12] = d, e[13] = c, e[14] = n, e[15] = s, 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], s = 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__ */ l("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__ */ l("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__ */ l("div", { className: h, children: w }), e[63] = w, e[64] = h, e[65] = D) : D = e[65];
+  let _;
+  return e[66] !== n || e[67] !== s || e[68] !== D || e[69] !== p || e[70] !== u || e[71] !== b || e[72] !== x || e[73] !== M ? (_ = /* @__PURE__ */ X("div", { ref: p, style: u, "aria-expanded": b, className: x, "data-testid": M, children: [
+    n,
+    s,
+    D
+  ] }), e[66] = n, e[67] = s, e[68] = D, e[69] = p, e[70] = u, e[71] = b, e[72] = x, e[73] = M, e[74] = _) : _ = e[74], _;
+});
+ue.displayName = "DatePeriodFieldCalendarBox";
+function be(Y) {
+  Y?.preventDefault?.();
+}
+function xe(Y, I) {
+  return /* @__PURE__ */ l("span", { title: Y, role: "columnheader", children: Y }, `day-of-week-${I + 1}`);
+}
+export {
+  ue as CalendarBox
+};
+//# sourceMappingURL=calendarbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendarbox.js","sources":["../../../../src/lib/inputs2/date/dateperiodfield/calendarbox.tsx"],"sourcesContent":["import _ from 'lodash';\nimport moment, { type Moment } from 'moment';\nimport { ComponentProps, forwardRef, MouseEvent } from 'react';\nimport Button from '../../../buttons';\nimport TextContent from '../../../textContent';\nimport { useDatePeriodFieldContext } from './context';\nimport { generateCalendarWeeks, TOKEN_ISO_FORMAT } from '../helpers';\nimport type { InputType } from './types';\nimport { useCalendarPosition } from '../base/constants';\n\ninterface DateFieldCalendarBoxProps extends ComponentProps<'div'> { }\n\nconst CalendarBox = forwardRef<HTMLDivElement, DateFieldCalendarBoxProps>((__, ref) => {\n  const {\n    initialInputId, finalInputId, activeDescendant, calendarBoxOpen, dateContainerRef, \n    calendarDisplayDate, selectedDate, handleChangeNextMonth, handleChangePreviousMonth, \n    handleChangeUpdateDateState, handleChangeActiveDescendant,\n  } = useDatePeriodFieldContext();\n  const { calendarBoxStyles } = useCalendarPosition(calendarBoxOpen, dateContainerRef);\n\n  const weeks = generateCalendarWeeks(calendarDisplayDate);\n\n  const isInRange = (day: Moment) => selectedDate.inicial && selectedDate.final &&\n    day.isAfter(selectedDate.inicial, 'day') && day.isBefore(selectedDate.final, 'day');\n  const isSelected = (day: Moment) =>\n    (selectedDate.inicial && day.isSame(selectedDate.inicial, 'day')) ||\n    (selectedDate.final && day.isSame(selectedDate.final, 'day'));\n  const handleOnMouseDown = (event: MouseEvent<HTMLButtonElement>) => {\n    event?.preventDefault?.();\n  };\n\n  const handleOnClick = (___: MouseEvent<HTMLButtonElement>, daySelected: Moment) => {\n    const inputActive = document.activeElement;\n    let inputType: InputType | undefined = undefined;\n    if (inputActive?.id === initialInputId) inputType = 'initial';\n    if (inputActive?.id === finalInputId) inputType = 'final';\n    if (!_.isUndefined(inputType)) {\n      handleChangeUpdateDateState({ date: daySelected, inputType });\n      handleChangeActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={calendarBoxStyles}\n      aria-expanded={calendarBoxOpen}\n      className=\"date-calendar-box\"\n      data-testid=\"test-date-period-field-calendar-box\">\n      <div id={initialInputId} className=\"date-calendar-box-header\">\n        <Button\n          boxShadow={false}\n          type=\"button\"\n          iconName=\"arrow_left\"\n          title=\"Mês anterior\"\n          className=\"previous-month\"\n          aria-label=\"Mês anterior\"\n          onClick={handleChangePreviousMonth}\n          onMouseDown={handleOnMouseDown} />\n        <div aria-live=\"polite\" className=\"month-year\">\n          <TextContent\n            aria-label={calendarDisplayDate.format('MMMM YYYY')}\n            as=\"p\"\n            data-testid=\"test-date-period-field-calendar-box-month-description\">\n            {calendarDisplayDate.format('MMMM YYYY')}\n          </TextContent>\n        </div>\n        <Button\n          boxShadow={false}\n          type=\"button\"\n          iconName=\"arrow_right\"\n          title=\"Próximo mês\"\n          className=\"next-month\"\n          aria-label=\"Próximo mês\"\n          onClick={handleChangeNextMonth}\n          onMouseDown={handleOnMouseDown} />\n      </div>\n      <div aria-label=\"Dias da Semana\" role=\"grid\" className=\"date-calendar-box-days-of-week\">\n        {moment.weekdaysShort(true).map((day, idx) => (\n          <span\n            title={day}\n            role=\"columnheader\" \n            key={`day-of-week-${idx + 1}`}>\n            {day}\n          </span>\n        ))}\n      </div>\n      <div className=\"date-calendar-box-grid-of-days\">\n        <table aria-label=\"Calendário\" role=\"grid\">\n          <tbody className=\"weeks\">\n            {weeks.map((week, weekIndex) => (\n              <tr role=\"row\" key={weekIndex + 1}>\n                {week.map((day, dateIndex) => {\n                  const idActiveDescendant = day.format(TOKEN_ISO_FORMAT);\n                  const isToday = _.isEqual(\n                    moment().format(TOKEN_ISO_FORMAT), \n                    day.format(TOKEN_ISO_FORMAT),\n                  );\n                  const inRange = isInRange(day) ?? false;\n                  const hasFocus = _.isEqual(activeDescendant, day.format(TOKEN_ISO_FORMAT));\n                  const hasSelected = isSelected(day) ?? false;\n                  const isCurrentMonth = day.month() === calendarDisplayDate.month();\n                  const descriptionDate = day.format('LL');\n                  return (\n                    <td role=\"gridcell\" key={dateIndex}>\n                      <Button\n                        id={idActiveDescendant}\n                        type=\"button\"\n                        className=\"day-button\"\n                        boxShadow={false}\n                        tabIndex={-1}\n                        title={descriptionDate}\n                        aria-label={descriptionDate}\n                        aria-selected={hasSelected}\n                        data-testid=\"test-date-period-field-day-button\"\n                        data-state-is-today={isToday}\n                        data-state-has-focus={hasFocus}\n                        data-state-is-in-range={inRange}\n                        data-state-is-current-month={isCurrentMonth}\n                        label={day.date().toString()}\n                        onMouseDown={handleOnMouseDown}\n                        onClick={(event) => { handleOnClick(event, day); }} />\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n});\n\nCalendarBox.displayName = 'DatePeriodFieldCalendarBox';\n\nexport { CalendarBox };\nexport type { DateFieldCalendarBoxProps };\n"],"names":["CalendarBox","forwardRef","__","ref","$","_c","initialInputId","finalInputId","activeDescendant","calendarBoxOpen","dateContainerRef","calendarDisplayDate","selectedDate","handleChangeNextMonth","handleChangePreviousMonth","handleChangeUpdateDateState","handleChangeActiveDescendant","useDatePeriodFieldContext","calendarBoxStyles","useCalendarPosition","t0","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","weeks","generateCalendarWeeks","t12","day","inicial","final","isAfter","isBefore","isInRange","t13","day_0","isSame","isSelected","handleOnMouseDown","_temp","t14","___","daySelected","inputActive","document","activeElement","inputType","id","_","isUndefined","date","format","TOKEN_ISO_FORMAT","handleOnClick","t15","Button","t16","t17","t18","jsx","TextContent","t19","jsxs","Symbol","for","moment","weekdaysShort","map","_temp2","t20","week","weekIndex","day_2","dateIndex","idActiveDescendant","isToday","isEqual","inRange","hasFocus","hasSelected","isCurrentMonth","month","descriptionDate","toString","event_0","event","displayName","preventDefault","day_1","idx"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import { DatePeriodContextProps } from './types';
+declare const DatePeriodFieldContext: import('react').Context<DatePeriodContextProps>;
+declare const useDatePeriodFieldContext: () => DatePeriodContextProps;
+export { DatePeriodFieldContext, useDatePeriodFieldContext };

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

@@ -0,0 +1,12 @@
+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;
+};
+export {
+  r as DatePeriodFieldContext,
+  n as useDatePeriodFieldContext
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/lib/inputs2/date/dateperiodfield/context.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DatePeriodContextProps } from './types';\n\nconst DatePeriodFieldContext = createContext<DatePeriodContextProps>({} as DatePeriodContextProps);\n\nconst useDatePeriodFieldContext = (): DatePeriodContextProps => {\n  const context = useContext(DatePeriodFieldContext);\n  if (!context) {\n    throw new Error('useDatePeriodFieldContext must be used within a DatePeriodFieldProvider');\n  }\n  return context;\n};\n\nexport { DatePeriodFieldContext, useDatePeriodFieldContext };\n"],"names":["DatePeriodFieldContext","createContext","useDatePeriodFieldContext","context","useContext","Error"],"mappings":";AAGA,MAAMA,IAAyBC,EAAsC,CAAA,CAA4B,GAE3FC,IAA4BA,MAAA;AAChC,QAAAC,IAAgBC,EAAWJ,CAAsB;AACjD,MAAI,CAACG;AACH,UAAM,IAAIE,MAAM,yEAAyE;AAC1F,SACMF;AAAO;"}

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DatePeriodFieldProps } from './types';
+declare const Input: React.ForwardRefExoticComponent<DatePeriodFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { DatePeriodFieldProps };

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

@@ -0,0 +1,47 @@
+import { jsx as O } from "react/jsx-runtime";
+import { c as I } from "../../../_virtual/compiler-runtime.js";
+import P from "react";
+import h from "../../../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as A } from "../../../permissionValidations.js";
+import { options as C } from "../helpers.js";
+import { InputBase as R } from "./base.js";
+const g = P.forwardRef((u, o) => {
+  const e = I.c(23);
+  let d, t, i, n, l, p;
+  e[0] !== u ? ({
+    onDeniedActions: i,
+    permissionAttr: n,
+    disabled: d,
+    readOnly: p,
+    gridLayout: t,
+    ...l
+  } = u, e[0] = u, e[1] = d, e[2] = t, e[3] = i, e[4] = n, e[5] = l, e[6] = p) : (d = e[1], t = e[2], i = e[3], n = e[4], l = e[5], p = e[6]);
+  let a;
+  e[7] !== i || e[8] !== n ? (a = i || A(C, n), e[7] = i, e[8] = n, e[9] = a) : a = e[9];
+  const y = a, {
+    hideContent: x,
+    unvisible: B
+  } = y, b = !!(p || y.readOnly), D = !!(d || y.disabled);
+  let m;
+  e[10] !== D || e[11] !== b || e[12] !== l ? (m = {
+    readOnly: b,
+    disabled: D,
+    ...l
+  }, e[10] = D, e[11] = b, e[12] = l, e[13] = m) : m = e[13];
+  const s = m;
+  if (B || x)
+    return null;
+  if (t) {
+    let r;
+    e[14] !== s || e[15] !== o ? (r = /* @__PURE__ */ O(R, { ref: o, ...s }), e[14] = s, e[15] = o, e[16] = r) : r = e[16];
+    let f;
+    return e[17] !== t || e[18] !== r ? (f = /* @__PURE__ */ O(h, { cols: t, children: r }), e[17] = t, e[18] = r, e[19] = f) : f = e[19], f;
+  }
+  let c;
+  return e[20] !== s || e[21] !== o ? (c = /* @__PURE__ */ O(R, { ref: o, ...s }), e[20] = s, e[21] = o, e[22] = c) : c = e[22], c;
+});
+g.displayName = "DatePeriodFieldInput";
+export {
+  g as Input
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs2/date/dateperiodfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs2/date/dateperiodfield/index.tsx"],"sourcesContent":["import React from 'react';\nimport GridCol from '../../../gridlayout';\nimport type { OnDenied } from '../../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied } from '../../../permissionValidations';\nimport { options } from '../helpers';\nimport type { DatePeriodFieldBaseProps, DatePeriodFieldProps } from './types';\nimport { InputBase } from './base';\n\nconst Input = React.forwardRef<HTMLInputElement, DatePeriodFieldProps>(({\n  onDeniedActions, permissionAttr, disabled, readOnly, gridLayout, ...props\n}, ref) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies DatePeriodFieldBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'DatePeriodFieldInput';\n\nexport { Input };\nexport type { DatePeriodFieldProps };\n"],"names":["Input","React","forwardRef","t0","ref","$","_c","disabled","gridLayout","onDeniedActions","permissionAttr","props","readOnly","t1","actionsOnPermissionDenied","options","onDenied","hideContent","unvisible","isReadOnly","Boolean","isDisabled","t2","inputProps","t3","jsx","InputBase","t4","GridCol","displayName"],"mappings":";;;;;;;AAQA,MAAMA,IAAQC,EAAMC,WAAmD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAP,SAAAF,KAAC;AAAA,IAAAM,iBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAH,UAAAA;AAAAA,IAAAK,UAAAA;AAAAA,IAAAJ,YAAAA;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAAAR,GAEvEE,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,MAAAL,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAEUG,IAAAJ,KAAmBK,EAA0BC,GAASL,CAAc,GAACL,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAD9E,QAAAW,IACEH,GAEF;AAAA,IAAAI,aAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAmCF,GACnCG,IAAmBC,GAAQR,KAAYI,EAAQJ,WAC/CS,IAAmBD,GAAQb,KAAYS,EAAQT;AAAW,MAAAe;AAAA,EAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAc,KAAAd,EAAA,EAAA,MAAAM,KACvCW,IAAA;AAAA,IAAAV,UACPO;AAAAA,IAAUZ,UAAYc;AAAAA,IAAU,GAAKV;AAAAA,EAAAA,GAChDN,QAAAgB,GAAAhB,QAAAc,GAAAd,QAAAM,GAAAN,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA;AAFD,QAAAkB,IAAmBD;AAInB,MAAIJ,KAAAD;AAAwB,WAAS;AAErC,MAAIT,GAAU;AAAA,QAAAgB;AAAA,IAAAnB,EAAA,EAAA,MAAAkB,KAAAlB,UAAAD,KAGRoB,IAAA,gBAAAC,EAACC,GAAA,EAAetB,KAAAA,GAAG,GAAMmB,EAAAA,CAAU,GAAIlB,QAAAkB,GAAAlB,QAAAD,GAAAC,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA;AAAA,QAAAsB;AAAA,WAAAtB,EAAA,EAAA,MAAAG,KAAAH,UAAAmB,KADzCG,IAAA,gBAAAF,EAACG,GAAA,EAAcpB,MAAAA,GACbgB,UAAAA,GACF,GAAUnB,QAAAG,GAAAH,QAAAmB,GAAAnB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GAFVsB;AAAAA,EAEU;AAEb,MAAAH;AAAA,SAAAnB,EAAA,EAAA,MAAAkB,KAAAlB,UAAAD,KAGCoB,IAAA,gBAAAC,EAACC,GAAA,EAAetB,KAAAA,GAAG,GAAMmB,EAAAA,CAAU,GAAIlB,QAAAkB,GAAAlB,QAAAD,GAAAC,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GAAvCmB;AAAuC,CAE1C;AAEDxB,EAAM6B,cAAc;"}

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

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

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

@@ -0,0 +1,61 @@
+import { jsx as a } from "react/jsx-runtime";
+import n from "../../../node_modules/moment/dist/moment.js";
+import "../../../_virtual/compiler-runtime.js";
+import k from "../../../buttons/Button.js";
+import '../../../assets/styles/button.css';/* empty css                                 */
+import { Triggers as w } from "../base/index.js";
+import S from "../../../list/index.js";
+import { useDatePeriodFieldContext as v } from "./context.js";
+import { PERIOD_OPTIONS_LIST as B, TOKEN_ISO_FORMAT as m } from "../helpers.js";
+import x from "../../../list/Item.js";
+const y = () => {
+  const {
+    initialInputId: s,
+    initialInputRef: d,
+    finalInputRef: c,
+    isReadOnly: r,
+    isDisabled: o,
+    selectedDate: i,
+    calendarBoxOpen: l,
+    showCalendarButton: h,
+    skeletonize: C,
+    showPredefinedPeriodsButton: f,
+    showClearDateButton: D,
+    hasValidPeriodSelected: P,
+    handleChangeCalendarBoxState: I,
+    handleChangeActiveDescendant: p,
+    handleChangeCalendarDisplayDate: u,
+    handleOnClickClearSelectedPeriod: T,
+    handleChangeUpdateDateStateWithPredefinedPeriod: O
+  } = v(), g = !r && !o, b = (e, t) => {
+    g ? t && O(t) : e?.preventDefault?.();
+  };
+  return /* @__PURE__ */ a(w, { clearButtonTestId: "test-date-period-field-trigger-clean-selected-period", calendarButtonTestId: "test-date-period-field-trigger-open-calendar", isDisabled: o, isReadOnly: r, skeletonize: C, inputFieldId: s, calendarBoxOpen: l, showClearButton: D, showCalendarButton: h, hasValidDateSelection: !1, hasValidPeriodSelected: P, onClearSelectedDate: T, onClickTriggerCalendar: (e) => {
+    if (!g) e.preventDefault();
+    else if (I(!l), !l)
+      switch (document.activeElement?.id) {
+        case d.current?.id: {
+          p((i.inicial ?? n()).format(m)), u(i.inicial ?? n()), d.current?.focus();
+          break;
+        }
+        case c.current?.id: {
+          p((i.final ?? n()).format(m)), u(i.final ?? n()), c.current?.focus();
+          break;
+        }
+        default:
+          d.current?.focus();
+          break;
+      }
+  }, children: /* @__PURE__ */ a(k, { "data-testid": "test-date-period-field-trigger-select-predefined-periods", className: "select-predefined-periods", dropdown: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, visible: f, type: "button", title: "Selecionar Periodos Pré Definidos", tabIndex: -1, disabled: o, "aria-label": "Selecionar Periodos Pré Definidos", "aria-controls": s, "aria-readonly": r, "data-state-read-only": r, "data-state-visible": f, iconName: "more1", dropdownAlign: "right", onMouseDown: (e) => {
+    e.preventDefault();
+  }, children: /* @__PURE__ */ a(S, { condensed: !0, children: B.map((e) => /* @__PURE__ */ a(x, { itemId: e.id, text: e.label, onMouseDown: (t) => {
+    t?.preventDefault?.();
+  }, onClick: (t) => {
+    b(t, e.id);
+  } }, e.id)) }) }) });
+};
+y.displayName = "DatePeriodFieldTriggers";
+export {
+  y as Triggers
+};
+//# sourceMappingURL=triggers.js.map

package/lib/inputs2/date/dateperiodfield/triggers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triggers.js","sources":["../../../../src/lib/inputs2/date/dateperiodfield/triggers.tsx"],"sourcesContent":["import moment from 'moment';\nimport { MouseEvent } from 'react';\nimport Button from '../../../buttons';\nimport * as BaseDate from '../base';\nimport List, { ListItem } from '../../../list';\nimport type { DatePeriodTypes } from './types';\nimport { useDatePeriodFieldContext } from './context';\nimport { PERIOD_OPTIONS_LIST, TOKEN_ISO_FORMAT } from '../helpers';\n\nconst Triggers = () => {\n  const {\n    initialInputId, initialInputRef, finalInputRef, isReadOnly, isDisabled, selectedDate, \n    calendarBoxOpen, showCalendarButton, skeletonize, showPredefinedPeriodsButton,\n    showClearDateButton, hasValidPeriodSelected, handleChangeCalendarBoxState,\n    handleChangeActiveDescendant, handleChangeCalendarDisplayDate, handleOnClickClearSelectedPeriod,\n    handleChangeUpdateDateStateWithPredefinedPeriod,\n  } = useDatePeriodFieldContext();\n  const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;\n\n  const handleOnClickTriggerSelectPredefinedPeriods = (\n    event: any, periodSelected?: DatePeriodTypes,\n  ) => {\n    if (!shouldHavePermitClickOnTrigger) event?.preventDefault?.();\n    else {\n      if (periodSelected) handleChangeUpdateDateStateWithPredefinedPeriod(periodSelected);\n    }\n  };\n\n  const handleOnClickTriggerCalendar = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!shouldHavePermitClickOnTrigger) event.preventDefault();\n    else {\n      handleChangeCalendarBoxState(!calendarBoxOpen);\n      if (!calendarBoxOpen) {\n        switch (document.activeElement?.id) {\n          case initialInputRef.current?.id: {\n            handleChangeActiveDescendant(\n              (selectedDate.inicial ?? moment()).format(TOKEN_ISO_FORMAT),\n            );\n            handleChangeCalendarDisplayDate(selectedDate.inicial ?? moment());\n            initialInputRef.current?.focus();\n            break;\n          }\n          case finalInputRef.current?.id: {\n            handleChangeActiveDescendant((selectedDate.final ?? moment()).format(TOKEN_ISO_FORMAT));\n            handleChangeCalendarDisplayDate(selectedDate.final ?? moment());\n            finalInputRef.current?.focus();\n            break;\n          }\n          default: initialInputRef.current?.focus();\n            break;\n        }\n      }\n    }\n  };\n\n  return (\n    <BaseDate.Triggers\n      clearButtonTestId=\"test-date-period-field-trigger-clean-selected-period\"\n      calendarButtonTestId=\"test-date-period-field-trigger-open-calendar\"\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      skeletonize={skeletonize}\n      inputFieldId={initialInputId}\n      calendarBoxOpen={calendarBoxOpen}\n      showClearButton={showClearDateButton}\n      showCalendarButton={showCalendarButton}\n      hasValidDateSelection={false}\n      hasValidPeriodSelected={hasValidPeriodSelected}\n      onClearSelectedDate={handleOnClickClearSelectedPeriod}\n      onClickTriggerCalendar={handleOnClickTriggerCalendar}>\n      <Button\n        data-testid=\"test-date-period-field-trigger-select-predefined-periods\"\n        className=\"select-predefined-periods\"\n        dropdown\n        transparent\n        boxShadow={false}\n        showIconDropdown={false}\n        visible={showPredefinedPeriodsButton}\n        type=\"button\"\n        title=\"Selecionar Periodos Pré Definidos\"\n        tabIndex={-1}\n        disabled={isDisabled}\n        aria-label=\"Selecionar Periodos Pré Definidos\"\n        aria-controls={initialInputId}\n        aria-readonly={isReadOnly}\n        data-state-read-only={isReadOnly}\n        data-state-visible={showPredefinedPeriodsButton}\n        iconName=\"more1\"\n        dropdownAlign=\"right\"\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <List condensed>\n          {PERIOD_OPTIONS_LIST.map(period => (\n            <ListItem\n              key={period.id}\n              itemId={period.id}\n              text={period.label}\n              onMouseDown={(event) => { event?.preventDefault?.(); }}\n              onClick={(event) => {\n                handleOnClickTriggerSelectPredefinedPeriods(event, period.id); \n              }} />\n          ))}\n        </List>\n      </Button>\n    </BaseDate.Triggers>\n  );\n};\n\nTriggers.displayName = 'DatePeriodFieldTriggers';\n\nexport { Triggers };\n"],"names":["Triggers","initialInputId","initialInputRef","finalInputRef","isReadOnly","isDisabled","selectedDate","calendarBoxOpen","showCalendarButton","skeletonize","showPredefinedPeriodsButton","showClearDateButton","hasValidPeriodSelected","handleChangeCalendarBoxState","handleChangeActiveDescendant","handleChangeCalendarDisplayDate","handleOnClickClearSelectedPeriod","handleChangeUpdateDateStateWithPredefinedPeriod","useDatePeriodFieldContext","shouldHavePermitClickOnTrigger","handleOnClickTriggerSelectPredefinedPeriods","event","periodSelected","preventDefault","jsx","BaseDate.Triggers","handleOnClickTriggerCalendar","document","activeElement","id","current","inicial","moment","format","TOKEN_ISO_FORMAT","focus","final","Button","List","PERIOD_OPTIONS_LIST","map","period","ListItem","label","displayName"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAWA,MAAM;AACrB,QAAM;AAAA,IACJC,gBAAAA;AAAAA,IAAgBC,iBAAAA;AAAAA,IAAiBC,eAAAA;AAAAA,IAAeC,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,IAAYC,cAAAA;AAAAA,IACxEC,iBAAAA;AAAAA,IAAiBC,oBAAAA;AAAAA,IAAoBC,aAAAA;AAAAA,IAAaC,6BAAAA;AAAAA,IAClDC,qBAAAA;AAAAA,IAAqBC,wBAAAA;AAAAA,IAAwBC,8BAAAA;AAAAA,IAC7CC,8BAAAA;AAAAA,IAA8BC,iCAAAA;AAAAA,IAAiCC,kCAAAA;AAAAA,IAC/DC,iDAAAA;AAAAA,EAAAA,IACEC,EAAAA,GACEC,IAAiC,CAACf,KAAc,CAACC,GAEjDe,IAA8CA,CAClDC,GAAYC,MACT;AACH,IAAKH,IAECG,OAAgEA,CAAc,IAF/CD,GAAOE,iBAAAA;AAAAA,EAI9C;AA6BA,SACE,gBAAAC,EAACC,GAAA,EACC,mBAAkB,wDAClB,sBAAqB,gDACrB,YAAApB,GACA,YAAAD,GACA,aAAAK,GACA,cAAcR,GACd,iBAAAM,GACA,iBAAiBI,GACjB,oBAAAH,GACA,uBAAuB,IACvB,wBAAAI,GACA,qBAAqBI,GACrB,wBAzCiCU,CAACL,MAAyC;AAC7E,QAAI,CAACF,EAAgCE,CAAAA,EAAME,eAAAA;AAAAA,aAEzCV,EAA6B,CAACN,CAAe,GACzC,CAACA;AACH,cAAQoB,SAASC,eAAeC,IAAAA;AAAAA,QAC9B,KAAK3B,EAAgB4B,SAASD,IAAI;AAChCf,UAAAA,GACGR,EAAayB,WAAWC,EAAAA,GAAUC,OAAOC,CAAgB,CAC5D,GACAnB,EAAgCT,EAAayB,WAAWC,GAAQ,GAChE9B,EAAgB4B,SAASK,MAAAA;AACzB;AAAA,QACF;AAAA,QACA,KAAKhC,EAAc2B,SAASD,IAAI;AAC9Bf,UAAAA,GAA8BR,EAAa8B,SAASJ,EAAAA,GAAUC,OAAOC,CAAgB,CAAC,GACtFnB,EAAgCT,EAAa8B,SAASJ,GAAQ,GAC9D7B,EAAc2B,SAASK,MAAAA;AACvB;AAAA,QACF;AAAA,QACA;AAASjC,UAAAA,EAAgB4B,SAASK,MAAAA;AAChC;AAAA,MAAA;AAAA,EAIV,GAiBI,UAAA,gBAAAX,EAACa,GAAA,EACC,eAAY,4DACZ,WAAU,6BACV,UAAQ,IACR,aAAW,IACX,WAAW,IACX,kBAAkB,IAClB,SAAS3B,GACT,MAAK,UACL,OAAM,qCACN,UAAU,IACV,UAAUL,GACV,cAAW,qCACX,iBAAeJ,GACf,iBAAeG,GACf,wBAAsBA,GACtB,sBAAoBM,GACpB,UAAS,SACT,eAAc,SACd,aAAcW,CAAAA,MAAU;AAAEA,IAAAA,EAAME,eAAAA;AAAAA,EAAkB,GAClD,UAAA,gBAAAC,EAACc,GAAA,EAAK,WAAS,IACZC,YAAoBC,IAAIC,CAAAA,MACvB,gBAAAjB,EAACkB,GAAA,EAEC,QAAQD,EAAOZ,IACf,MAAMY,EAAOE,OACb,aAActB,CAAAA,MAAU;AAAEA,IAAAA,GAAOE,iBAAAA;AAAAA,EAAoB,GACrD,SAAUF,CAAAA,MAAU;AAClBD,IAAAA,EAA4CC,GAAOoB,EAAOZ,EAAE;AAAA,EAC9D,KANKY,EAAOZ,GAOf,EAAA,CACH,GACF,GACF;AAEJ;AAEA7B,EAAS4C,cAAc;"}

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

@@ -0,0 +1,101 @@
+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';
+export type DatePeriodTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
+export type PeriodOptions = {
+    id: DatePeriodTypes;
+    label?: string;
+};
+export type InputType = 'initial' | 'final';
+export type SelectedDateType = {
+    inicial: Moment | null;
+    final: Moment | null;
+};
+export type UpdateDateStateParams = {
+    date: Moment;
+    inputType: InputType;
+    typing?: boolean;
+};
+type InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple' | 'value'>;
+export interface DatePeriodFieldBaseProps extends InputHTMLProps, ITooltipCommonProps {
+    value?: any;
+    initialName?: string;
+    initialRef?: RefObject<HTMLInputElement | null>;
+    finalName?: string;
+    finalRef?: RefObject<HTMLInputElement | null>;
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    undigitable?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    showCalendarButton?: boolean;
+    openCalendarOnFocus?: boolean;
+    shouldCloseOnSelect?: boolean;
+    showClearDateButton?: boolean;
+    showPredefinedPeriodsButton?: boolean;
+    returnValueType?: DateValueReturnType;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+}
+export interface DatePeriodFieldProps extends DatePeriodFieldBaseProps {
+    gridLayout?: string;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+export interface DatePeriodContextProps {
+    initialInputId: string;
+    finalInputId: string;
+    activeDescendant: string;
+    isReadOnly: boolean;
+    isDisabled: boolean;
+    undigitable: boolean;
+    skeletonize: boolean;
+    calendarBoxOpen: boolean;
+    showCalendarButton: boolean;
+    openCalendarOnFocus: boolean;
+    hasValidationErrors: boolean;
+    showClearDateButton: boolean;
+    hasValidPeriodSelected: boolean;
+    showPredefinedPeriodsButton: boolean;
+    selectedDate: SelectedDateType;
+    calendarDisplayDate: Moment;
+    initialInputRef: RefObject<HTMLInputElement | null>;
+    finalInputRef: RefObject<HTMLInputElement | null>;
+    dateContainerRef: RefObject<HTMLDivElement | null>;
+    handleChangeUpdateDateState: (params: UpdateDateStateParams) => void;
+    handleChangeNextMonth: () => void;
+    handleChangePreviousMonth: () => void;
+    handleChangeCalendarBoxState: (value: boolean) => void;
+    handleChangeActiveDescendant: (value: string) => void;
+    handleChangeCalendarDisplayDate: (value: Moment) => void;
+    handleOnClickClearSelectedPeriod: () => void;
+    handleChangeUpdateDateStateWithPredefinedPeriod: (period: DatePeriodTypes) => void;
+}
+export declare enum Keys {
+    arrowLeft = "ArrowLeft",
+    arrowRight = "ArrowRight",
+    arrowUp = "ArrowUp",
+    arrowDown = "ArrowDown",
+    pageUp = "PageUp",
+    pageDown = "PageDown",
+    home = "Home",
+    end = "End",
+    escape = "Escape",
+    enter = "Enter"
+}
+export {};

package/lib/inputs2/date/helpers.d.ts

@@ -0,0 +1,10 @@
+import { Moment } from 'moment';
+import { PeriodOptions } from './dateperiodfield/types';
+export declare const TOKEN_MASK = "00/00/0000";
+export declare const TOKEN_ISO_FORMAT = "YYYY-MM-DD";
+export declare const TOKEN_PTBR_FORMAT = "DD/MM/YYYY";
+export declare const options: string[];
+export declare const NAVIGATION_KEYS: string[];
+export declare const PERIOD_OPTIONS_LIST: PeriodOptions[];
+export declare const isWithinBounds: (date: Moment, minDate?: string, maxDate?: string) => boolean;
+export declare const generateCalendarWeeks: ((monthSelected: Moment) => Moment[][]) & import('lodash').MemoizedFunction;

package/lib/inputs2/date/helpers.js

@@ -0,0 +1,42 @@
+import "../../node_modules/moment/dist/moment.js";
+import i from "../../_virtual/memoize.js";
+import { OPTIONS_ON_DENIED as t } from "../../permissionValidations.js";
+import { Keys as e } from "./types.js";
+const p = "00/00/0000", w = "YYYY-MM-DD", Y = "DD/MM/YYYY", M = [t.disabled, t.unvisible, t.readOnly, t.hideContent], T = [e.arrowLeft, e.arrowRight, e.arrowUp, e.arrowDown, e.pageUp, e.pageDown, e.home, e.end, e.escape, e.enter], _ = [{
+  id: "today",
+  label: "Hoje"
+}, {
+  id: "week",
+  label: "Semana Atual"
+}, {
+  id: "lastweek",
+  label: "Última Semana"
+}, {
+  id: "last15",
+  label: "Últimos 15 dias"
+}, {
+  id: "month",
+  label: "Mês atual"
+}, {
+  id: "lastmonth",
+  label: "Último Mês"
+}], h = i((o) => {
+  const l = o.clone().startOf("month").startOf("week"), d = o.clone().endOf("month").endOf("week"), n = [], a = l.clone();
+  for (; a.isSameOrBefore(d, "day"); ) {
+    const r = [];
+    for (let s = 0; s < 7; s++)
+      r.push(a.clone()), a.add(1, "day");
+    n.push(r);
+  }
+  return n;
+}, (o) => o.format("YYYY-MM"));
+export {
+  T as NAVIGATION_KEYS,
+  _ as PERIOD_OPTIONS_LIST,
+  w as TOKEN_ISO_FORMAT,
+  p as TOKEN_MASK,
+  Y as TOKEN_PTBR_FORMAT,
+  h as generateCalendarWeeks,
+  M as options
+};
+//# sourceMappingURL=helpers.js.map

package/lib/inputs2/date/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs2/date/helpers.ts"],"sourcesContent":["import moment, { type Moment } from 'moment';\nimport memoize from 'lodash/memoize';\nimport { OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport type { PeriodOptions } from './dateperiodfield/types';\nimport { Keys } from './types';\n\nexport const TOKEN_MASK = '00/00/0000';\nexport const TOKEN_ISO_FORMAT = 'YYYY-MM-DD';\nexport const TOKEN_PTBR_FORMAT = 'DD/MM/YYYY';\nexport const options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nexport const NAVIGATION_KEYS: string[] = [\n  Keys.arrowLeft, Keys.arrowRight, Keys.arrowUp, Keys.arrowDown,\n  Keys.pageUp, Keys.pageDown, Keys.home, Keys.end, Keys.escape,\n  Keys.enter,\n];\nexport const PERIOD_OPTIONS_LIST: PeriodOptions[] = [\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];\nexport const isWithinBounds = (date: Moment, minDate?: string, maxDate?: string): boolean => {\n  if (minDate) {\n    const min = moment(minDate, TOKEN_ISO_FORMAT);\n    if (date.isBefore(min, 'day')) return false;\n  }\n  if (maxDate) {\n    const max = moment(maxDate, TOKEN_ISO_FORMAT);\n    if (date.isAfter(max, 'day')) return false;\n  }\n  return true;\n};\nexport const generateCalendarWeeks = memoize((monthSelected: Moment): Moment[][] => {\n  const startOfCalendar = monthSelected.clone().startOf('month').startOf('week');\n  const endOfCalendar = monthSelected.clone().endOf('month').endOf('week');\n  const weeks: Moment[][] = [];\n  const currentWeek = startOfCalendar.clone();\n  while (currentWeek.isSameOrBefore(endOfCalendar, 'day')) {\n    const week: Moment[] = [];\n    for (let days = 0; days < 7; days++) {\n      week.push(currentWeek.clone());\n      currentWeek.add(1, 'day');\n    }\n    weeks.push(week);\n  }\n  return weeks;\n}, (monthSelected: Moment) => monthSelected.format('YYYY-MM'));\n"],"names":["TOKEN_MASK","TOKEN_ISO_FORMAT","TOKEN_PTBR_FORMAT","options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","NAVIGATION_KEYS","Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter","PERIOD_OPTIONS_LIST","id","label","generateCalendarWeeks","memoize","monthSelected","startOfCalendar","clone","startOf","endOfCalendar","endOf","weeks","currentWeek","isSameOrBefore","week","days","push","add","format"],"mappings":";;;;AAMO,MAAMA,IAAa,cACbC,IAAmB,cACnBC,IAAoB,cACpBC,IAAU,CACrBC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,UAClBH,EAAkBI,WAAW,GAElBC,IAA4B,CACvCC,EAAKC,WAAWD,EAAKE,YAAYF,EAAKG,SAASH,EAAKI,WACpDJ,EAAKK,QAAQL,EAAKM,UAAUN,EAAKO,MAAMP,EAAKQ,KAAKR,EAAKS,QACtDT,EAAKU,KAAK,GAECC,IAAuC,CAClD;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,CAAC,GAa7BC,IAAwBC,EAAQ,CAACC,MAAsC;AAClF,QAAMC,IAAkBD,EAAcE,MAAAA,EAAQC,QAAQ,OAAO,EAAEA,QAAQ,MAAM,GACvEC,IAAgBJ,EAAcE,MAAAA,EAAQG,MAAM,OAAO,EAAEA,MAAM,MAAM,GACjEC,IAAoB,CAAA,GACpBC,IAAcN,EAAgBC,MAAAA;AACpC,SAAOK,EAAYC,eAAeJ,GAAe,KAAK,KAAG;AACvD,UAAMK,IAAiB,CAAA;AACvB,aAASC,IAAO,GAAGA,IAAO,GAAGA;AAC3BD,MAAAA,EAAKE,KAAKJ,EAAYL,OAAO,GAC7BK,EAAYK,IAAI,GAAG,KAAK;AAE1BN,IAAAA,EAAMK,KAAKF,CAAI;AAAA,EACjB;AACA,SAAOH;AACT,GAAG,CAACN,MAA0BA,EAAca,OAAO,SAAS,CAAC;"}

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

@@ -0,0 +1,59 @@
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { Position, HintPosition } from '../../@types/Position';
+export type DateValueReturnType = 'default' | 'iso';
+export declare enum Keys {
+    arrowLeft = "ArrowLeft",
+    arrowRight = "ArrowRight",
+    arrowUp = "ArrowUp",
+    arrowDown = "ArrowDown",
+    pageUp = "PageUp",
+    pageDown = "PageDown",
+    home = "Home",
+    end = "End",
+    escape = "Escape",
+    enter = "Enter"
+}
+export interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {
+    customClassWrapper?: string;
+    hasValidationErrors?: boolean;
+}
+export interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {
+    hint?: string;
+    customClassLabel?: string;
+    skeletonize?: boolean;
+    label?: string;
+    inputId?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    required?: boolean;
+    labelUppercase?: boolean;
+    hasHintMessages?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+}
+export interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {
+    skeletonize?: boolean;
+    customClassInputContainer?: string;
+}
+type InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;
+export interface BaseDateInputProps extends InputHTMLProps {
+    customClass?: string;
+}
+export interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    skeletonize?: boolean;
+    inputFieldId?: string;
+    calendarBoxOpen?: boolean;
+    showClearButton?: boolean;
+    showCalendarButton?: boolean;
+    hasValidDateSelection?: boolean;
+    hasValidPeriodSelected?: boolean;
+    clearButtonTestId?: string;
+    calendarButtonTestId?: string;
+    onClearSelectedDate: () => void;
+    onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export {};

package/lib/inputs2/date/types.js

@@ -0,0 +1,5 @@
+var o = /* @__PURE__ */ ((r) => (r.arrowLeft = "ArrowLeft", r.arrowRight = "ArrowRight", r.arrowUp = "ArrowUp", r.arrowDown = "ArrowDown", r.pageUp = "PageUp", r.pageDown = "PageDown", r.home = "Home", r.end = "End", r.escape = "Escape", r.enter = "Enter", r))(o || {});
+export {
+  o as Keys
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/date/types.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent } from 'react';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\n\nexport type DateValueReturnType = 'default' | 'iso';\nexport enum Keys {\n  arrowLeft = 'ArrowLeft',\n  arrowRight = 'ArrowRight',\n  arrowUp = 'ArrowUp',\n  arrowDown = 'ArrowDown',\n  pageUp = 'PageUp',\n  pageDown = 'PageDown',\n  home = 'Home',\n  end = 'End',\n  escape = 'Escape',\n  enter = 'Enter'\n}\nexport interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {\n  customClassWrapper?: string;\n  hasValidationErrors?: boolean;\n}\nexport interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {\n  hint?: string;\n  customClassLabel?: string;\n  skeletonize?: boolean;\n  label?: string;\n  inputId?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  required?: boolean;\n  labelUppercase?: boolean;\n  hasHintMessages?: boolean;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n}\nexport interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {\n  skeletonize?: boolean;\n  customClassInputContainer?: string;\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;\nexport interface BaseDateInputProps extends InputHTMLProps {\n  customClass?: string;\n}\nexport interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  skeletonize?: boolean;\n  inputFieldId?: string;\n  calendarBoxOpen?: boolean;\n  showClearButton?: boolean;\n  showCalendarButton?: boolean;\n  hasValidDateSelection?: boolean;\n  hasValidPeriodSelected?: boolean;\n  clearButtonTestId?: string;\n  calendarButtonTestId?: string;\n  onClearSelectedDate: () => void,\n  onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void,\n}\n"],"names":["Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter"],"mappings":"AAKO,IAAKA,sBAAAA,OACVC,EAAAA,YAAY,aACZC,EAAAA,aAAa,cACbC,EAAAA,UAAU,WACVC,EAAAA,YAAY,aACZC,EAAAA,SAAS,UACTC,EAAAA,WAAW,YACXC,EAAAA,OAAO,QACPC,EAAAA,MAAM,OACNC,EAAAA,SAAS,UACTC,EAAAA,QAAQ,SAVEV,IAAAA,KAAAA,CAAAA,CAAAA;"}

package/lib/inputs2/filefield/index.d.ts

@@ -0,0 +1,11 @@
+import * as TextField from '../textfield';
+interface FileFieldInputProps extends Omit<TextField.TextFieldInputProps, 'type'> {
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    gridLayout?: string;
+    showClearButton?: boolean;
+}
+declare const Input: import('react').ForwardRefExoticComponent<FileFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { FileFieldInputProps };