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

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

@@ -0,0 +1,74 @@
+import { jsx as a, jsxs as A } from "react/jsx-runtime";
+import { c as Z } from "../../../_virtual/compiler-runtime.js";
+import L from "../../../_virtual/lodash.js";
+import $ from "../../../node_modules/moment/dist/moment.js";
+import { forwardRef as ee } from "react";
+import j from "../../../buttons/Button.js";
+import '../../../assets/styles/button.css';/* empty css                                 */
+import te from "../../../textContent/index.js";
+import { useDateFieldContext as ae } from "./context.js";
+import { generateCalendarWeeks as oe, TOKEN_ISO_FORMAT as R } from "../helpers.js";
+import { useCalendarPosition as le } from "../base/constants.js";
+const re = ee((v, _) => {
+  const e = Z.c(63), {
+    inputFieldId: k,
+    calendarDisplayDate: t,
+    calendarBoxOpen: O,
+    dateContainerRef: K,
+    handlePreviousMonth: Y,
+    handleNextMonth: g,
+    selectedDate: i,
+    handleSelectDate: B,
+    activeDescendant: F
+  } = ae(), {
+    calendarBoxStyles: T
+  } = le(O, K);
+  let n, s, o, l, d, c, m, f, h, p, u, b;
+  if (e[0] !== F || e[1] !== O || e[2] !== T || e[3] !== t || e[4] !== g || e[5] !== Y || e[6] !== B || e[7] !== k || e[8] !== _ || e[9] !== i) {
+    const W = oe(t), I = ie;
+    f = _, h = T, p = O, u = "date-calendar-box", b = "test-date-field-calendar-box";
+    let w;
+    e[22] !== Y ? (w = /* @__PURE__ */ a(j, { boxShadow: !1, type: "button", iconName: "arrow_left", title: "Mês anterior", className: "previous-month", "aria-label": "Mês anterior", onClick: Y, onMouseDown: I }), e[22] = Y, e[23] = w) : w = e[23];
+    let D;
+    e[24] !== t ? (D = t.format("MMMM YYYY"), e[24] = t, e[25] = D) : D = e[25];
+    let N;
+    e[26] !== t ? (N = t.format("MMMM YYYY"), e[26] = t, e[27] = N) : N = e[27];
+    let C;
+    e[28] !== D || e[29] !== N ? (C = /* @__PURE__ */ a("div", { "aria-live": "polite", className: "month-year", children: /* @__PURE__ */ a(te, { "aria-label": D, as: "p", "data-testid": "test-date-field-calendar-box-month-description", children: N }) }), e[28] = D, e[29] = N, e[30] = C) : C = e[30];
+    let S;
+    e[31] !== g ? (S = /* @__PURE__ */ a(j, { boxShadow: !1, type: "button", iconName: "arrow_right", title: "Próximo mês", className: "next-month", "aria-label": "Próximo mês", onClick: g, onMouseDown: I }), e[31] = g, e[32] = S) : S = e[32], e[33] !== k || e[34] !== w || e[35] !== C || e[36] !== S ? (o = /* @__PURE__ */ A("div", { id: k, className: "date-calendar-box-header", children: [
+      w,
+      C,
+      S
+    ] }), e[33] = k, e[34] = w, e[35] = C, e[36] = S, e[37] = o) : o = e[37], e[38] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ a("div", { "aria-label": "Dias da Semana", role: "grid", className: "date-calendar-box-days-of-week", children: $.weekdaysShort(!0).map(ne) }), e[38] = l) : l = e[38], m = "date-calendar-box-grid-of-days", d = "Calendário", c = "grid", n = "weeks";
+    let P;
+    e[39] !== F || e[40] !== t || e[41] !== B || e[42] !== i ? (P = (z, G) => /* @__PURE__ */ a("tr", { role: "row", children: z.map((r, H) => {
+      const J = L.isEqual($().format(R), r.format(R)), Q = L.isEqual(F, r.format(R)), U = i ? r.isSame(i, "day") : !1, V = r.month() === t.month(), X = r.format(R), q = r.format("LL");
+      return /* @__PURE__ */ a("td", { role: "gridcell", children: /* @__PURE__ */ a(j, { id: X, type: "button", className: "day-button", boxShadow: !1, tabIndex: -1, title: q, "aria-label": q, "aria-selected": U, "data-testid": "test-date-field-day-button", "data-state-is-today": J, "data-state-has-focus": Q, "data-state-is-current-month": V, label: r.date().toString(), onMouseDown: I, onClick: () => B(r) }) }, H);
+    }) }, G + 1), e[39] = F, e[40] = t, e[41] = B, e[42] = i, e[43] = P) : P = e[43], s = W.map(P), e[0] = F, e[1] = O, e[2] = T, e[3] = t, e[4] = g, e[5] = Y, e[6] = B, e[7] = k, e[8] = _, e[9] = i, e[10] = n, e[11] = s, e[12] = o, e[13] = l, e[14] = d, e[15] = c, e[16] = m, e[17] = f, e[18] = h, e[19] = p, e[20] = u, e[21] = b;
+  } else
+    n = e[10], s = e[11], o = e[12], l = e[13], d = e[14], c = e[15], m = e[16], f = e[17], h = e[18], p = e[19], u = e[20], b = e[21];
+  let x;
+  e[44] !== n || e[45] !== s ? (x = /* @__PURE__ */ a("tbody", { className: n, children: s }), e[44] = n, e[45] = s, e[46] = x) : x = e[46];
+  let y;
+  e[47] !== x || e[48] !== d || e[49] !== c ? (y = /* @__PURE__ */ a("table", { "aria-label": d, role: c, children: x }), e[47] = x, e[48] = d, e[49] = c, e[50] = y) : y = e[50];
+  let M;
+  e[51] !== y || e[52] !== m ? (M = /* @__PURE__ */ a("div", { className: m, children: y }), e[51] = y, e[52] = m, e[53] = M) : M = e[53];
+  let E;
+  return e[54] !== o || e[55] !== l || e[56] !== M || e[57] !== f || e[58] !== h || e[59] !== p || e[60] !== u || e[61] !== b ? (E = /* @__PURE__ */ A("div", { ref: f, style: h, "aria-expanded": p, className: u, "data-testid": b, children: [
+    o,
+    l,
+    M
+  ] }), e[54] = o, e[55] = l, e[56] = M, e[57] = f, e[58] = h, e[59] = p, e[60] = u, e[61] = b, e[62] = E) : E = e[62], E;
+});
+re.displayName = "DateFieldCalendarBox";
+function ie(v) {
+  v?.preventDefault?.();
+}
+function ne(v, _) {
+  return /* @__PURE__ */ a("span", { title: v, role: "columnheader", children: v }, `day-of-week-${_ + 1}`);
+}
+export {
+  re as CalendarBox
+};
+//# sourceMappingURL=calendarbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendarbox.js","sources":["../../../../src/lib/inputs2/date/datefield/calendarbox.tsx"],"sourcesContent":["import _ from 'lodash';\nimport moment from 'moment';\nimport { ComponentProps, forwardRef, MouseEvent } from 'react';\nimport Button from '../../../buttons';\nimport TextContent from '../../../textContent';\nimport { useDateFieldContext } from './context';\nimport { generateCalendarWeeks, TOKEN_ISO_FORMAT } from '../helpers';\nimport { useCalendarPosition } from '../base/constants';\n\ninterface DateFieldCalendarBoxProps extends ComponentProps<'div'> { }\n\nconst CalendarBox = forwardRef<HTMLDivElement, DateFieldCalendarBoxProps>((__, ref) => {\n  const {\n    inputFieldId, calendarDisplayDate, calendarBoxOpen, dateContainerRef, handlePreviousMonth, \n    handleNextMonth, selectedDate, handleSelectDate, activeDescendant,\n  } = useDateFieldContext();\n  const { calendarBoxStyles } = useCalendarPosition(calendarBoxOpen, dateContainerRef);\n\n  const weeks = generateCalendarWeeks(calendarDisplayDate);\n\n  const handleOnMouseDown = (event: MouseEvent<HTMLButtonElement>) => {\n    event?.preventDefault?.();\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-field-calendar-box\">\n      <div id={inputFieldId} 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={handlePreviousMonth}\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-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={handleNextMonth}\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((date, dateIndex) => {\n                  const isToday = _.isEqual(\n                    moment().format(TOKEN_ISO_FORMAT), date.format(TOKEN_ISO_FORMAT),\n                  );\n                  const hasFocus = _.isEqual(activeDescendant, date.format(TOKEN_ISO_FORMAT));\n                  const isSelected = selectedDate ? date.isSame(selectedDate, 'day') : false;\n                  const isCurrentMonth = date.month() === calendarDisplayDate.month();\n                  const idActiveDescendant = date.format(TOKEN_ISO_FORMAT);\n                  const descriptionDate = date.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={isSelected}\n                        data-testid=\"test-date-field-day-button\"\n                        data-state-is-today={isToday}\n                        data-state-has-focus={hasFocus}\n                        data-state-is-current-month={isCurrentMonth}\n                        label={date.date().toString()}\n                        onMouseDown={handleOnMouseDown}\n                        onClick={() => handleSelectDate(date)} />\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n});\n\nCalendarBox.displayName = 'DateFieldCalendarBox';\n\nexport { CalendarBox };\nexport type { DateFieldCalendarBoxProps };\n"],"names":["CalendarBox","forwardRef","__","ref","$","_c","inputFieldId","calendarDisplayDate","calendarBoxOpen","dateContainerRef","handlePreviousMonth","handleNextMonth","selectedDate","handleSelectDate","activeDescendant","useDateFieldContext","calendarBoxStyles","useCalendarPosition","t0","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","weeks","generateCalendarWeeks","handleOnMouseDown","_temp","t12","Button","t13","format","t14","t15","jsx","TextContent","t16","jsxs","Symbol","for","moment","weekdaysShort","map","_temp2","t17","week","weekIndex","date","dateIndex","isToday","_","isEqual","TOKEN_ISO_FORMAT","hasFocus","isSelected","isSame","isCurrentMonth","month","idActiveDescendant","descriptionDate","toString","displayName","event","preventDefault","day","idx"],"mappings":"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"}

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

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

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

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as o } from "react";
+const n = e({}), i = () => {
+  const t = o(n);
+  if (t === void 0)
+    throw new Error("useDateFieldContext must be used within a DateFieldProvider");
+  return t;
+};
+export {
+  n as DateFieldContext,
+  i as useDateFieldContext
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/lib/inputs2/date/datefield/context.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { DateFieldContextProps } from './types';\n\nconst DateFieldContext = createContext({} as DateFieldContextProps);\n\nconst useDateFieldContext = () => {\n  const context = useContext(DateFieldContext);\n\n  if (context === undefined)\n    throw new Error('useDateFieldContext must be used within a DateFieldProvider');\n\n  return context;\n};\n\nexport { DateFieldContext, useDateFieldContext };\n"],"names":["DateFieldContext","createContext","useDateFieldContext","context","useContext","undefined","Error"],"mappings":";AAGA,MAAMA,IAAmBC,EAAc,CAAA,CAA2B,GAE5DC,IAAsBA,MAAA;AAC1B,QAAAC,IAAgBC,EAAWJ,CAAgB;AAE3C,MAAIG,MAAYE;AACd,UAAM,IAAIC,MAAM,6DAA6D;AAAE,SAE1EH;AAAO;"}

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

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

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

@@ -0,0 +1,47 @@
+import { jsx as O } from "react/jsx-runtime";
+import { c as I } from "../../../_virtual/compiler-runtime.js";
+import h from "react";
+import A from "../../../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as C } from "../../../permissionValidations.js";
+import { options as P } from "../helpers.js";
+import { InputBase as R } from "./base.js";
+const g = h.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 || C(P, 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(A, { 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 = "DateFieldInput";
+export {
+  g as Input
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs2/date/datefield/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 { DateFieldInputBaseProps, DateFieldInputProps } from './types';\nimport { InputBase } from './base';\n\nconst Input = React.forwardRef<HTMLInputElement, DateFieldInputProps>(({\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 DateFieldInputBaseProps;\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 = 'DateFieldInput';\n\nexport { Input };\nexport type { DateFieldInputProps };\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,WAAkD,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,GAEtEE,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/datefield/triggers.d.ts

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

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

@@ -0,0 +1,30 @@
+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;
+};
+B.displayName = "DateFieldTriggers";
+export {
+  B as Triggers
+};
+//# sourceMappingURL=triggers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"triggers.js","sources":["../../../../src/lib/inputs2/date/datefield/triggers.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\nimport { useDateFieldContext } from './context';\nimport * as BaseDate from '../base';\n\ninterface DateFieldTriggersProps { }\n\nconst Triggers = () => {\n  const {\n    inputFieldId, isReadOnly, isDisabled, skeletonize, calendarBoxOpen, showCalendarButton, \n    hasValidDateSelected, handleChangeCalendarBoxState, handleOnClickClearSelectedDate, \n    showClearDateButton,\n  } = useDateFieldContext();\n  const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;\n\n  const handleOnClickTriggerCalendar = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!shouldHavePermitClickOnTrigger) event.preventDefault();\n    else handleChangeCalendarBoxState();\n  };\n\n  return (\n    <BaseDate.Triggers\n      clearButtonTestId=\"test-date-field-trigger-clear-selected-date\"\n      calendarButtonTestId=\"test-date-field-trigger-open-calendar\"\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      skeletonize={skeletonize}\n      inputFieldId={inputFieldId}\n      calendarBoxOpen={calendarBoxOpen}\n      showClearButton={showClearDateButton}\n      showCalendarButton={showCalendarButton}\n      hasValidDateSelection={hasValidDateSelected}\n      hasValidPeriodSelected={false}\n      onClearSelectedDate={handleOnClickClearSelectedDate}\n      onClickTriggerCalendar={handleOnClickTriggerCalendar} />\n  );\n};\n\nTriggers.displayName = 'DateFieldTriggers';\n\nexport { Triggers };\nexport type { DateFieldTriggersProps };\n"],"names":["Triggers","$","_c","inputFieldId","isReadOnly","isDisabled","skeletonize","calendarBoxOpen","showCalendarButton","hasValidDateSelected","handleChangeCalendarBoxState","handleOnClickClearSelectedDate","showClearDateButton","useDateFieldContext","shouldHavePermitClickOnTrigger","t0","event","preventDefault","handleOnClickTriggerCalendar","t1","jsx","BaseDate.Triggers","displayName"],"mappings":";;;;AAMA,MAAMA,IAAWA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACf;AAAA,IAAAC,cAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,IAAAC,8BAAAA;AAAAA,IAAAC,gCAAAA;AAAAA,IAAAC,qBAAAA;AAAAA,EAAAA,IAIIC,EAAAA,GACJC,IAAuC,CAACV,KAAD,CAAgBC;AAAW,MAAAU;AAAA,EAAAd,EAAA,CAAA,MAAAS,KAAAT,SAAAa,KAE7BC,IAAAC,CAAAA,MAAA;AACnC,IAAKF,IACAJ,EAAAA,IADgCM,EAAKC,eAAAA;AAAAA,EACN,GACrChB,OAAAS,GAAAT,OAAAa,GAAAb,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAHD,QAAAiB,IAAqCH;AAGnC,MAAAI;AAAA,SAAAlB,EAAA,CAAA,MAAAM,KAAAN,SAAAU,KAAAV,EAAA,CAAA,MAAAiB,KAAAjB,SAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAW,KAAAX,UAAAK,KAGAa,IAAA,gBAAAC,EAAAC,GAAA,EACoB,mBAAA,+CACG,sBAAA,yCACThB,YAAAA,GACAD,YAAAA,GACCE,aAAAA,GACCH,cAAAA,GACGI,iBAAAA,GACAK,iBAAAA,GACGJ,oBAAAA,GACGC,uBAAAA,GACC,wBAAA,IACHE,qBAAAA,GACGO,wBAAAA,EAAAA,CAA4B,GAAIjB,OAAAM,GAAAN,OAAAU,GAAAV,OAAAiB,GAAAjB,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,QAAAO,GAAAP,QAAAW,GAAAX,QAAAK,GAAAL,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA,GAb1DkB;AAa0D;AAI9DnB,EAASsB,cAAc;"}

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

@@ -0,0 +1,63 @@
+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 DateFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    readOnly?: boolean;
+    undigitable?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    showCalendarButton?: boolean;
+    openCalendarOnFocus?: boolean;
+    shouldCloseOnSelect?: boolean;
+    showClearDateButton?: boolean;
+    returnValueType?: DateValueReturnType;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+}
+export interface DateFieldInputProps extends DateFieldInputBaseProps {
+    gridLayout?: string;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+export interface DateFieldContextProps {
+    label?: string;
+    inputFieldId: string;
+    activeDescendant?: string;
+    calendarBoxOpen: boolean;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    skeletonize?: boolean;
+    showCalendarButton?: boolean;
+    hasValidDateSelected?: boolean;
+    showClearDateButton?: boolean;
+    selectedDate: Moment | null;
+    calendarDisplayDate: Moment;
+    maskedValue: string;
+    unmaskedValue: string;
+    calendarRef: RefObject<HTMLDivElement | null>;
+    dateInputRef: RefObject<HTMLInputElement | null>;
+    dateContainerRef: RefObject<HTMLDivElement | null>;
+    handleNextMonth: () => void;
+    handlePreviousMonth: () => void;
+    handleOpenCalendar: () => void;
+    handleCloseCalendar: () => void;
+    handleSelectDate: (date: Moment) => void;
+    handleChangeCalendarBoxState: () => void;
+    handleOnClickClearSelectedDate: () => void;
+}
+export {};

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

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