linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/calendar/base/index.js

@@ -1,105 +1,170 @@
-import { j as o } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useRef as x, useState as G, useEffect as g } from "react";
-import O from "moment";
-import P from "./Month.js";
-import v from "../../buttons/Button.js";
-import "../../icons/index.js";
-/* empty css                           */
-/* empty css                               */
-import U from "../../gridlayout/GridCol.js";
-import { validDate as y, getCalendarCssClass as _, dayNames as B, CalendarContext as F } from "./helpers.js";
-import { v as j } from "../../chunks/v1.CDXKvGzE.js";
-const K = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Z = (A) => {
-  const {
-    currentDate: l = O(),
-    onDateChange: u,
-    drawGridLines: D = !1,
-    colorStyle: M,
-    unpadding: N = !1,
-    customClass: E,
-    gridLayout: f,
-    currentDateButton: d,
-    calendarContainer: m
-  } = A, n = x(null), e = x(null), [a, c] = G(y(l)), b = (t) => {
-    u && u(t), c(t);
-  }, L = () => {
-    const t = a.clone();
-    c(t.subtract(1, "month"));
-  }, k = () => {
-    const t = a.clone();
-    c(t.add(1, "month"));
-  }, R = (t) => {
-    var w;
-    const i = t.target, r = (w = n.current) == null ? void 0 : w.getElementsByClassName("daybutton");
-    let s = 0;
-    r.length && Array.from(r).find((C, Y) => {
-      C && C.id === i.id && (s = Y);
-    });
-    const p = {
-      ArrowUp: r[s - 7],
-      ArrowRight: r[s + 1],
-      ArrowDown: r[s + 7],
-      ArrowLeft: r[s - 1]
-    }[t.code];
-    p && p.focus();
-  }, S = {
-    handleDateChange: b
-  };
-  g(() => (m == null || m(e == null ? void 0 : e.current), c(y(l)), document.addEventListener("keydown", (t) => {
-    t && t.code && K.includes(t.code) && e.current && e.current.contains(document.activeElement) && n.current && n.current.contains(document.activeElement) && (R(t), t.stopPropagation(), t.preventDefault());
-  }), () => {
-    document.removeEventListener("keydown", () => {
-    });
-  }), []), g(() => {
-    var i;
-    const t = (i = n.current) == null ? void 0 : i.getElementsByClassName("-selectedday")[0];
-    d == null || d(t.firstChild);
-  }, [l]);
-  const h = /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      ref: e,
-      className: _({
-        unpadding: N,
-        drawGridLines: D,
-        customClass: E,
-        colorStyle: M
-      }),
-      children: [
-        /* @__PURE__ */ o.jsxs("div", { className: "calendarheader", children: [
-          /* @__PURE__ */ o.jsx(
-            v,
-            {
-              id: j(),
-              boxShadow: !1,
-              iconName: "arrow_left",
-              customClass: "navbutton nav-arrow-left",
-              onClick: () => {
-                L();
-              }
-            }
-          ),
-          /* @__PURE__ */ o.jsx("span", { className: "monthname", children: a.format("MMMM YYYY") }),
-          /* @__PURE__ */ o.jsx(
-            v,
-            {
-              id: j(),
-              boxShadow: !1,
-              iconName: "arrow_right",
-              customClass: "navbutton nav-arrow-right",
-              onClick: () => {
-                k();
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o.jsx("div", { className: "daynames", children: B().map((t) => /* @__PURE__ */ o.jsx("div", { children: t }, `day-${t}`)) }),
-        /* @__PURE__ */ o.jsx(P, { monthRef: n, currentDate: a })
-      ]
-    }
-  );
-  return /* @__PURE__ */ o.jsx(F.Provider, { value: S, children: f ? /* @__PURE__ */ o.jsx(U, { customClass: "-withinput", cols: f, children: h }) : h });
+import { jsx as s, jsxs as ie } from "react/jsx-runtime";
+import { c as ye } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/button.css';import '../../assets/styles/calendar.css';/* empty css                                */
+import { useRef as oe, useState as de, useEffect as fe } from "react";
+import d from "../../node_modules/moment/dist/moment.js";
+import Ce from "../../gridlayout/GridCol.js";
+import ae from "../../buttons/Button.js";
+/* empty css                              */
+import { getDayContainerCssClass as pe, getDayCssClass as Me, CalendarContext as we, validDate as De, getCalendarCssClass as be, dayNames as ge } from "./helpers.js";
+import V from "../../node_modules/uuid/dist/v1.js";
+const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], We = (c) => {
+  const e = ye.c(56), {
+    currentDate: S,
+    onDateChange: v,
+    drawGridLines: re,
+    colorStyle: q,
+    unpadding: se,
+    customClass: z,
+    gridLayout: x,
+    currentDateButton: H,
+    calendarContainer: J
+  } = c;
+  let _;
+  e[0] !== S ? (_ = S === void 0 ? d() : S, e[0] = S, e[1] = _) : _ = e[1];
+  const f = _, Q = re === void 0 ? !1 : re, X = se === void 0 ? !1 : se, i = oe(null), Z = oe(null), me = oe(null), [m, le] = de(f);
+  let N;
+  e[2] !== f ? (N = d(f).format("MM-YYYY"), e[2] = f, e[3] = N) : N = e[3];
+  const [l, ee] = de(N);
+  let A;
+  e[4] !== v ? (A = (t) => {
+    le(t), v && v(t);
+  }, e[4] = v, e[5] = A) : A = e[5];
+  const u = A;
+  let E;
+  e[6] !== m || e[7] !== l ? (E = () => {
+    const t = d(l, "MM-YYYY").startOf("month"), o = d(l, "MM-YYYY").endOf("month"), n = t.clone().startOf("week"), a = o.clone().endOf("week"), g = [], r = n.clone();
+    for (; r.isBefore(a, "day") || r.isSame(a, "day"); )
+      g.push({
+        date: r.clone(),
+        isDaySelected: r.isSame(m)
+      }), r.add(1, "day");
+    return g;
+  }, e[6] = m, e[7] = l, e[8] = E) : E = e[8];
+  const te = E;
+  let O;
+  e[9] !== l ? (O = (t) => {
+    const o = d(l, "MM-YYYY").add(t, "month").format("MM-YYYY");
+    ee(o);
+  }, e[9] = l, e[10] = O) : O = e[10];
+  const h = O;
+  let k;
+  if (e[11] === Symbol.for("react.memo_cache_sentinel")) {
+    const t = (o) => {
+      const n = o === void 0 ? "first" : o, a = i.current?.getElementsByClassName("daybutton") || [];
+      if (n === "first")
+        return a[0];
+      if (n === "last")
+        return a[a.length - 1];
+    };
+    k = (o) => {
+      let n;
+      const a = o.target;
+      n = Number(a.getAttribute("data-day-index") || 0);
+      const r = i.current?.getElementsByClassName("-selectedday")?.[0]?.firstChild, K = i.current?.getElementsByClassName("daybutton"), he = t("last");
+      if (i.current?.contains(document.activeElement) || i.current?.contains(r) && (r.focus(), n = Number(r.getAttribute("data-day-index") || 0)), Z.current?.contains(document.activeElement)) {
+        const ce = {
+          ArrowUp: K[n - 7],
+          ArrowRight: K[n + 1],
+          ArrowDown: K[n + 7],
+          ArrowLeft: K[n - 1]
+        }[o.code];
+        ce && ce.focus();
+        const Ye = Number(he?.getAttribute("data-day-index") || 0);
+        n === 0 && o.code === "ArrowLeft" && (ee(ve), setTimeout(() => {
+          t("last")?.focus();
+        }, 1)), n === Ye && o.code === "ArrowRight" && (ee(xe), setTimeout(() => {
+          t("first")?.focus();
+        }, 1));
+      } else
+        Z.current?.contains(r) ? r.focus() : t("first")?.focus();
+    }, e[11] = k;
+  } else
+    k = e[11];
+  const ue = k;
+  let B;
+  e[12] !== u ? (B = {
+    handleDateChange: u
+  }, e[12] = u, e[13] = B) : B = e[13];
+  const ne = B;
+  let L;
+  e[14] !== J || e[15] !== f ? (L = () => {
+    le(De(f)), J?.(i?.current);
+  }, e[14] = J, e[15] = f, e[16] = L) : L = e[16];
+  let R;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (R = [], e[17] = R) : R = e[17], fe(L, R);
+  let I, G;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (I = () => (document.addEventListener("keydown", (t) => {
+    t && t.code && Se.includes(t.code) && document.contains(i.current) && (ue(t), t.stopPropagation(), t.preventDefault());
+  }), Ne), G = [], e[18] = I, e[19] = G) : (I = e[18], G = e[19]), fe(I, G);
+  let P;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (P = "calendar-container-".concat(V()), e[20] = P) : P = e[20];
+  let Y;
+  e[21] !== q || e[22] !== z || e[23] !== Q || e[24] !== X ? (Y = be({
+    unpadding: X,
+    drawGridLines: Q,
+    customClass: z,
+    colorStyle: q
+  }), e[21] = q, e[22] = z, e[23] = Q, e[24] = X, e[25] = Y) : Y = e[25];
+  let T;
+  e[26] === Symbol.for("react.memo_cache_sentinel") ? (T = V(), e[26] = T) : T = e[26];
+  let y;
+  e[27] !== h ? (y = /* @__PURE__ */ s(ae, { id: T, tabIndex: -1, boxShadow: !1, iconName: "arrow_left", customClass: "navbutton nav-arrow-left", onClick: () => {
+    h(-1);
+  } }), e[27] = h, e[28] = y) : y = e[28];
+  let C;
+  e[29] !== l ? (C = d(l, "MM-YYYY").format("MMMM YYYY"), e[29] = l, e[30] = C) : C = e[30];
+  let p;
+  e[31] !== C ? (p = /* @__PURE__ */ s("span", { className: "monthname", children: C }), e[31] = C, e[32] = p) : p = e[32];
+  let W;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (W = V(), e[33] = W) : W = e[33];
+  let M;
+  e[34] !== h ? (M = /* @__PURE__ */ s(ae, { id: W, tabIndex: -1, boxShadow: !1, iconName: "arrow_right", customClass: "navbutton nav-arrow-right", onClick: () => {
+    h(1);
+  } }), e[34] = h, e[35] = M) : M = e[35];
+  let w;
+  e[36] !== y || e[37] !== p || e[38] !== M ? (w = /* @__PURE__ */ ie("div", { className: "calendarheader", children: [
+    y,
+    p,
+    M
+  ] }), e[36] = y, e[37] = p, e[38] = M, e[39] = w) : w = e[39];
+  let $;
+  e[40] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ s("div", { className: "daynames", children: ge().map(Ae) }), e[40] = $) : $ = e[40];
+  let D;
+  e[41] !== te || e[42] !== m || e[43] !== H || e[44] !== u ? (D = /* @__PURE__ */ s("div", { ref: Z, className: "calendarmonth", children: /* @__PURE__ */ s("div", { className: "monthweek", children: te().map((t, o) => {
+    const {
+      date: n,
+      isDaySelected: a
+    } = t;
+    return /* @__PURE__ */ s("div", { ref: a ? me : void 0, className: pe(m, n), children: /* @__PURE__ */ s(ae, { "data-day-index": o, id: V(), type: "button", buttonRef: (g) => a && g ? H?.(g) : void 0, tabIndex: -1, boxShadow: !1, label: n.date().toString(), onClick: () => u(n), customClass: ` ${Me(m, n)} numberdaycalendar` }) }, n.format("YYYY-MM-DD"));
+  }) }) }), e[41] = te, e[42] = m, e[43] = H, e[44] = u, e[45] = D) : D = e[45];
+  let j;
+  e[46] !== Y || e[47] !== w || e[48] !== D ? (j = /* @__PURE__ */ ie("div", { ref: i, role: "grid", "aria-label": P, className: Y, children: [
+    w,
+    $,
+    D
+  ] }), e[46] = Y, e[47] = w, e[48] = D, e[49] = j) : j = e[49];
+  const F = j;
+  let b;
+  e[50] !== F || e[51] !== x ? (b = x ? /* @__PURE__ */ s(Ce, { customClass: "-withinput", cols: x, children: F }) : F, e[50] = F, e[51] = x, e[52] = b) : b = e[52];
+  let U;
+  return e[53] !== ne || e[54] !== b ? (U = /* @__PURE__ */ s(we.Provider, { value: ne, children: b }), e[53] = ne, e[54] = b, e[55] = U) : U = e[55], U;
 };
+function ve(c) {
+  return d(c, "MM-YYYY").subtract(1, "month").format("MM-YYYY");
+}
+function xe(c) {
+  return d(c, "MM-YYYY").add(1, "month").format("MM-YYYY");
+}
+function _e() {
+}
+function Ne() {
+  document.removeEventListener("keydown", _e);
+}
+function Ae(c) {
+  return /* @__PURE__ */ s("div", { children: c }, `day-${c}`);
+}
 export {
-  Z as default
+  We as default
 };
+//# sourceMappingURL=index.js.map

package/lib/calendar/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/calendar/base/index.tsx"],"sourcesContent":["import '../../assets/styles/calendar.scss';\nimport { useState, useEffect, useRef } from 'react';\nimport moment, { Moment } from 'moment';\nimport { v1 } from 'uuid';\nimport Grid from '../../gridlayout';\nimport Button from '../../buttons';\nimport { validDate, getCalendarCssClass, dayNames, CalendarContext, getDayContainerCssClass, getDayCssClass } from './helpers';\nimport { ICalendarProps } from '../types';\n\nconst arrowKeys = ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'];\nconst Calendar = (props: ICalendarProps) => {\n  const {\n    currentDate: currentDateProp = moment(), onDateChange, drawGridLines = false, colorStyle, \n    unpadding = false, customClass, gridLayout, currentDateButton, calendarContainer,\n  } = props;\n  const currentCalendarRef = useRef<HTMLDivElement>(null);\n  const calendarMonthsContainerRef = useRef<HTMLDivElement>(null);\n  const currentDaySelectedContainerRef = useRef<HTMLDivElement>(null);\n  const [currentDate, setCurrentDate] = useState(currentDateProp);\n  const [currentMonth, setCurrentMonth] = useState(moment(currentDateProp).format('MM-YYYY'));\n\n  const onDateChangeFunction = (date: Moment) => {\n    setCurrentDate(date);\n    if (onDateChange) onDateChange(date);\n  };\n\n  const createCalendarWithWeeksAndDays = () => {\n    const firstDayOfMonth = moment(currentMonth, 'MM-YYYY').startOf('month');\n    const lastDayOfMonth = moment(currentMonth, 'MM-YYYY').endOf('month');\n\n    const startDate = firstDayOfMonth.clone().startOf('week');\n    const endDate = lastDayOfMonth.clone().endOf('week');\n\n    const days: { date: moment.Moment; isDaySelected: boolean }[] = [];\n    const day = startDate.clone();\n\n    while (day.isBefore(endDate, 'day') || day.isSame(endDate, 'day')) {\n      days.push({\n        date: day.clone(),\n        isDaySelected: day.isSame(currentDate),\n      });\n      day.add(1, 'day');\n    }\n\n    return days;\n  };\n\n  const changeMonth = (amountMonthsToChange: number) => {\n    const newDate = moment(currentMonth, 'MM-YYYY').add(amountMonthsToChange, 'month').format('MM-YYYY');\n    setCurrentMonth(newDate);\n  };\n\n  const getFirstOrLastDayButtonOfCalendar = (firstOrLast: 'first' | 'last' = 'first') => {\n    const listOfButtons = currentCalendarRef.current?.getElementsByClassName('daybutton') as HTMLCollectionOf<HTMLButtonElement> || [];\n    if (firstOrLast === 'first') return listOfButtons[0];\n    if (firstOrLast === 'last') return listOfButtons[listOfButtons.length - 1];\n  };\n\n  const navigateWithArrows = (event: KeyboardEvent) => {\n    let indexCurrentDay = 0;\n    const eventTarget = event.target as HTMLButtonElement;\n    indexCurrentDay = Number(eventTarget.getAttribute('data-day-index') || 0);\n    const containerDaySelected = currentCalendarRef.current?.getElementsByClassName('-selectedday');\n    const buttonDaySelected = containerDaySelected?.[0]?.firstChild as HTMLButtonElement;\n    const daysOfMonth = currentCalendarRef.current?.getElementsByClassName('daybutton') as HTMLCollectionOf<HTMLButtonElement>;\n    const lastDayButtonElement = getFirstOrLastDayButtonOfCalendar('last');\n\n    if (!currentCalendarRef.current?.contains(document.activeElement)) {\n      if (currentCalendarRef.current?.contains(buttonDaySelected)) {\n        buttonDaySelected.focus();\n        indexCurrentDay = Number(buttonDaySelected.getAttribute('data-day-index') || 0);\n      }\n    }\n\n    if (calendarMonthsContainerRef.current?.contains(document.activeElement)) {\n      const element = {\n        ArrowUp: daysOfMonth[indexCurrentDay - 7],\n        ArrowRight: daysOfMonth[indexCurrentDay + 1],\n        ArrowDown: daysOfMonth[indexCurrentDay + 7],\n        ArrowLeft: daysOfMonth[indexCurrentDay - 1],\n      }[event.code];\n\n      if (element) element.focus();\n\n      const lastButtonElementIndex = Number(lastDayButtonElement?.getAttribute('data-day-index') || 0);\n\n      if (indexCurrentDay === 0 && event.code === 'ArrowLeft') {\n        setCurrentMonth((prevState) => {\n          return moment(prevState, 'MM-YYYY').subtract(1, 'month').format('MM-YYYY');\n        });\n        setTimeout(() => { getFirstOrLastDayButtonOfCalendar('last')?.focus(); }, 1);\n      }\n\n      if (indexCurrentDay === lastButtonElementIndex && event.code === 'ArrowRight') {\n        setCurrentMonth((prevState) => {\n          return moment(prevState, 'MM-YYYY').add(1, 'month').format('MM-YYYY');\n        });\n        setTimeout(() => { getFirstOrLastDayButtonOfCalendar('first')?.focus(); }, 1);\n      }\n    } else {\n      if (calendarMonthsContainerRef.current?.contains(buttonDaySelected)) {\n        buttonDaySelected.focus();\n      } else {\n        getFirstOrLastDayButtonOfCalendar('first')?.focus();\n      }\n    }\n  };\n\n  const contextValues = {\n    handleDateChange: onDateChangeFunction,\n  };\n\n  useEffect(() => {\n    setCurrentDate(validDate(currentDateProp));\n    calendarContainer?.(currentCalendarRef?.current);\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('keydown', (event: KeyboardEvent) => {\n      if (event && event.code && arrowKeys.includes(event.code) &&\n        document.contains(currentCalendarRef.current)) {\n        navigateWithArrows(event);\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    });\n\n    return () => {\n      document.removeEventListener('keydown', () => {});\n    };\n  }, []);\n\n  const component = (\n    <div\n      ref={currentCalendarRef}\n      role=\"grid\"\n      aria-label={String('calendar-container-').concat(v1())}\n      className={getCalendarCssClass({\n        unpadding,\n        drawGridLines,\n        customClass,\n        colorStyle,\n      })}>\n      <div className=\"calendarheader\">\n        <Button\n          id={v1()}\n          tabIndex={-1}\n          boxShadow={false}\n          iconName=\"arrow_left\"\n          customClass=\"navbutton nav-arrow-left\"\n          onClick={() => { changeMonth(-1); }} />\n        <span className=\"monthname\">\n          {moment(currentMonth, 'MM-YYYY').format('MMMM YYYY')}\n        </span>\n        <Button\n          id={v1()}\n          tabIndex={-1}\n          boxShadow={false}\n          iconName=\"arrow_right\"\n          customClass=\"navbutton nav-arrow-right\"\n          onClick={() => { changeMonth(1); }} />\n      </div>\n      <div className=\"daynames\">\n        {dayNames().map(name => <div key={`day-${name}`}>{name}</div>)}\n      </div>\n      <div ref={calendarMonthsContainerRef} className=\"calendarmonth\">\n        <div className=\"monthweek\">\n          {createCalendarWithWeeksAndDays().map(({ date, isDaySelected }, index) => (\n            <div\n              key={date.format('YYYY-MM-DD')}\n              ref={isDaySelected ? currentDaySelectedContainerRef : undefined}\n              className={getDayContainerCssClass(currentDate, date)}>\n              <Button\n                data-day-index={index}\n                id={v1()}\n                type=\"button\"\n                buttonRef={ref => isDaySelected && ref ? currentDateButton?.(ref) : undefined}\n                tabIndex={-1}\n                boxShadow={false}\n                label={date.date().toString()}\n                onClick={() => onDateChangeFunction(date)}\n                customClass={` ${getDayCssClass(currentDate, date)} numberdaycalendar`} />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n\n  return (\n    <CalendarContext.Provider value={contextValues}>\n      {!gridLayout ? component : <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>}\n    </CalendarContext.Provider>\n  );\n};\n\nexport default Calendar;\n"],"names":["arrowKeys","Calendar","props","$","_c","currentDate","t0","onDateChange","drawGridLines","t1","colorStyle","unpadding","t2","customClass","gridLayout","currentDateButton","calendarContainer","t3","undefined","moment","currentDateProp","currentCalendarRef","useRef","calendarMonthsContainerRef","currentDaySelectedContainerRef","setCurrentDate","useState","t4","format","currentMonth","setCurrentMonth","t5","date","onDateChangeFunction","t6","firstDayOfMonth","startOf","lastDayOfMonth","endOf","startDate","clone","endDate","days","day","isBefore","isSame","push","isDaySelected","add","createCalendarWithWeeksAndDays","t7","amountMonthsToChange","newDate","changeMonth","t8","Symbol","for","getFirstOrLastDayButtonOfCalendar","t9","firstOrLast","listOfButtons","current","getElementsByClassName","length","event","indexCurrentDay","eventTarget","target","Number","getAttribute","buttonDaySelected","firstChild","daysOfMonth","lastDayButtonElement","contains","document","activeElement","focus","element","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","code","lastButtonElementIndex","_temp","setTimeout","_temp2","navigateWithArrows","handleDateChange","contextValues","t10","validDate","t11","useEffect","t12","t13","addEventListener","event_0","includes","stopPropagation","preventDefault","_temp4","t14","concat","v1","t15","getCalendarCssClass","t16","t17","jsx","Button","t18","t19","t20","t21","t22","t23","dayNames","map","_temp5","t24","t25","index","date_0","getDayContainerCssClass","ref","toString","getDayCssClass","jsxs","component","t26","Grid","t27","CalendarContext","prevState","subtract","prevState_0","_temp3","removeEventListener","name"],"mappings":"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"}

package/lib/calendar/index.js

@@ -12,3 +12,4 @@ export {
   s as WarningCalendar,
   r as default
 };
+//# sourceMappingURL=index.js.map

package/lib/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/lib/checkbox/index.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
 import { ICheckBoxProps } from './types';
 /**
  * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const CheckBox: React.ForwardRefExoticComponent<ICheckBoxProps & React.RefAttributes<HTMLInputElement>>;
+declare const CheckBox: import('react').ForwardRefExoticComponent<ICheckBoxProps & import('react').RefAttributes<HTMLInputElement>>;
 export default CheckBox;

package/lib/checkbox/index.js

@@ -1,31 +1,101 @@
-import "../chunks/jsx-runtime.CYK1ROHF.js";
-import "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as G, useState as k, useRef as K, useImperativeHandle as M, useEffect as z } from "react";
+import A from "../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as J, OPTIONS_ON_DENIED as g } from "../permissionValidations.js";
+import '../assets/styles/tabs.css';import '../assets/styles/skeleton.css';import '../assets/styles/list.css';import '../assets/styles/label.css';import '../assets/styles/button.css';import '../assets/styles/toolbar.css';import '../assets/styles/panel.css';import '../assets/styles/checkbox.css';/* empty css                             */
+import { ErrorMessage as L } from "../inputs/errorMessage/index.js";
+/* empty css                          */
+import "../_virtual/compiler-runtime.js";
 /* empty css                            */
-import "../gridlayout/GridCol.js";
-import "../permissionValidations.js";
-import { C as D } from "../chunks/tabs.Cvj2MJH6.js";
-import "../inputs/errorMessage/index.js";
-import "../icons/index.js";
-import "../buttons/DefaultButton.js";
-/* empty css                        */
-import "../panel/helpers.js";
-/* empty css                              */
-/* empty css                       */
-import "../toolbar/helpers.js";
-import "../labels/DefaultLabel.js";
-/* empty css                       */
-/* empty css                         */
-import "../list/helpers.js";
+/* empty css                           */
 /* empty css                          */
-/* empty css                       */
-import "../popover/index.js";
-import "../textContent/index.js";
-import "../tabs/MenuTabs.js";
-import "lodash";
-import "../tabs/context.js";
-import "../tabs/tabHelpers.js";
-import "../chunks/index.yztgndLc.js";
-import "../hint/index.js";
+import Q from "../icons/index.js";
+/* empty css                         */
+/* empty css                             */
+import "../radio/index.js";
+/* empty css                         */
+import "../_virtual/lodash.js";
+import "../dialog/base/index.js";
+import N from "../textContent/index.js";
+import U from "../popover/index.js";
+import V from "../hint/index.js";
+const W = G(({
+  name: l,
+  required: m,
+  value: I,
+  label: p,
+  onChange: w,
+  autofocus: D,
+  hint: t,
+  id: d = void 0,
+  gridLayout: u,
+  checked: n = !1,
+  disabled: h,
+  permissionAttr: y,
+  tooltip: E,
+  tooltipPosition: O = "top",
+  tooltipWidth: P = "auto",
+  skeletonize: c,
+  targetRef: f,
+  errorMessages: R,
+  customClassForLabel: j,
+  hintPosition: b = "below",
+  themePopover: B = "light",
+  popoverAlign: H = "left",
+  tabIndex: S = 0
+}, T) => {
+  const [o, x] = k(n), _ = [g.disabled, g.unvisible], [v] = k(J(_, y)), a = K(null);
+  M(T, () => a.current, [a.current]), z(() => {
+    x(n);
+  }, [n]);
+  const i = () => h || v.disabled, F = () => {
+    if (i()) return null;
+    const r = {
+      checked: !o,
+      id: d,
+      name: l,
+      value: !o
+    };
+    return {
+      onClick: () => {
+        !i() && !c && (x(!o), w?.({
+          target: r
+        }));
+      },
+      onKeyDown: void 0,
+      role: "checkbox",
+      tabIndex: -1
+    };
+  }, C = () => /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s("div", { "data-skeletonized": c, className: "checkbox-component", style: {
+      display: "flex",
+      alignItems: "center"
+    }, children: [
+      /* @__PURE__ */ s("span", { "data-testid": "checkbox-container", className: "inputcontent", "aria-checked": o, ...F(), children: [
+        /* @__PURE__ */ e("input", { id: d || void 0, ref: (r) => {
+          f && f(r), a.current = r;
+        }, tabIndex: S, className: "input", type: "checkbox", autoFocus: D, checked: o, disabled: i(), name: l, required: m, value: I, onChange: () => {
+        } }),
+        /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(Q, { size: 12, name: "checkmark" }) }),
+        p && /* @__PURE__ */ s("div", { className: "description", children: [
+          /* @__PURE__ */ e(N, { required: m, disabled: i(), className: j, tooltip: E, tooltipWidth: P, tooltipPosition: O }),
+          p,
+          /* @__PURE__ */ e(N, {}),
+          /* @__PURE__ */ e(V, { disabled: h, visible: !!t && b === "below", description: t, customClass: "hint" })
+        ] })
+      ] }),
+      !!t && b === "onLabelRight" && !c && /* @__PURE__ */ e(U, { theme: B, align: H, customClass: "-hint", iconColor: "#03bde2", style: {
+        margin: "0px 5px",
+        height: "auto",
+        width: 20
+      }, children: t })
+    ] }),
+    /* @__PURE__ */ e(L, { messages: R })
+  ] });
+  return v.unvisible ? null : u ? /* @__PURE__ */ e(A, { customClass: "-withinput", cols: u, children: C() }) : C();
+});
+W.displayName = "CheckBox";
 export {
-  D as default
+  W as default
 };
+//# sourceMappingURL=index.js.map

package/lib/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/checkbox/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';\nimport Grid from '../gridlayout';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { ICheckBoxProps } from './types';\nimport '../assets/styles/checkbox.scss';\nimport { ErrorMessage } from '../inputs/errorMessage';\nimport { Icon } from '..';\nimport TextContent from '../textContent';\nimport Popover from '../popover';\nimport Hint from '../hint';\n\n/**\n * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado\n * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do\n * componente para gerar propriedades customizadas.\n */\n\nconst CheckBox = forwardRef<HTMLInputElement, ICheckBoxProps>(({\n  name, required, value, label, onChange, autofocus, hint, id = undefined, gridLayout, \n  checked = false, disabled, permissionAttr, tooltip, tooltipPosition = 'top', tooltipWidth = 'auto',\n  skeletonize, targetRef, errorMessages, customClassForLabel, hintPosition = 'below',\n  themePopover = 'light', popoverAlign = 'left', tabIndex = 0,\n}, ref) => {\n  const [isChecked, setIsChecked] = useState(checked);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  useImperativeHandle(ref, () => inputRef.current!, [inputRef.current]);\n\n  useEffect(() => {\n    setIsChecked(checked);\n  }, [checked]);\n\n  const shouldDisable = () => disabled || onDenied.disabled;\n\n  const getProps = () => {\n\n    if (shouldDisable()) return null;\n    const target = {\n      checked: !isChecked,\n      id,\n      name,\n      value: !isChecked,\n    };\n    return {\n      onClick: () => {\n        if (!shouldDisable() && !skeletonize) {\n          setIsChecked(!isChecked);\n          onChange?.({ target });\n        }\n      },\n      onKeyDown: undefined,\n      role: 'checkbox',\n      tabIndex: -1,\n    };\n  };\n\n  const renderInput = () => (\n    <div>\n      <div\n        data-skeletonized={skeletonize}\n        className=\"checkbox-component\"\n        style={{ display: 'flex', alignItems: 'center' }}>\n        <span\n          data-testid=\"checkbox-container\"\n          className=\"inputcontent\"\n          aria-checked={isChecked}\n          {...getProps()}>\n          <input\n            id={id || undefined}\n            ref={(r) => {\n              if (targetRef) targetRef(r);\n              inputRef.current = r;\n            }}\n            tabIndex={tabIndex}\n            className=\"input\"\n            type=\"checkbox\"\n            autoFocus={autofocus}\n            checked={isChecked}\n            disabled={shouldDisable()}\n            name={name}\n            required={required}\n            value={value}\n            onChange={() => { }} />\n          <span>\n            <Icon size={12} name=\"checkmark\" />\n          </span>\n          {label && (\n            <div className='description'>\n              <TextContent\n                required={required}\n                disabled={shouldDisable()}\n                className={customClassForLabel}\n                tooltip={tooltip}\n                tooltipWidth={tooltipWidth}\n                tooltipPosition={tooltipPosition} />\n              {label}\n              <TextContent />\n              <Hint disabled={disabled} visible={!!hint && hintPosition === 'below'} description={hint} customClass=\"hint\" />\n            </div>\n          )}\n        </span>\n        {!!hint && hintPosition === 'onLabelRight' && !skeletonize && (\n          <Popover\n            theme={themePopover}\n            align={popoverAlign}\n            customClass=\"-hint\"\n            iconColor=\"#03bde2\"\n            style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n            {hint}\n          </Popover>\n        )}\n      </div>\n      <ErrorMessage messages={errorMessages} />\n    </div>\n  );\n\n  if (onDenied.unvisible) return null;\n\n  return (gridLayout ? <Grid customClass=\"-withinput\" cols={gridLayout}>{renderInput()}</Grid> : renderInput());\n});\n\nCheckBox.displayName = 'CheckBox';\n\nexport default CheckBox;\n"],"names":["CheckBox","forwardRef","name","required","value","label","onChange","autofocus","hint","id","undefined","gridLayout","checked","disabled","permissionAttr","tooltip","tooltipPosition","tooltipWidth","skeletonize","targetRef","errorMessages","customClassForLabel","hintPosition","themePopover","popoverAlign","tabIndex","ref","isChecked","setIsChecked","useState","options","OPTIONS_ON_DENIED","unvisible","onDenied","actionsOnPermissionDenied","inputRef","useRef","useImperativeHandle","current","useEffect","shouldDisable","getProps","target","onClick","onKeyDown","role","renderInput","jsxs","display","alignItems","jsx","r","Icon","TextContent","Hint","Popover","margin","height","width","ErrorMessage","Grid","displayName"],"mappings":"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"}

package/lib/checkbox/types.d.ts

@@ -39,6 +39,7 @@ export interface ICheckBoxProps {
     targetSpanRef?: (ref: HTMLSpanElement | null) => void;
     errorMessages?: string[] | undefined;
     customClassForLabel?: string;
+    tabIndex?: number;
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }

package/lib/dialog/Alert.js

@@ -1,23 +1,23 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import "react";
-import "../buttons/DefaultButton.js";
-import n from "../buttons/PrimaryButton.js";
-import c from "../icons/index.js";
-/* empty css                        */
-import s from "./Custom.js";
-const j = (t) => {
-  const { onConfirmClick: r, confirmLabel: m = "Confirmar" } = t, i = [
-    /* @__PURE__ */ o.jsx(n, { onClick: r, label: m }, "confirm-buttom")
-  ];
-  return /* @__PURE__ */ o.jsx(
-    s,
-    {
-      ...t,
-      buttons: i,
-      icon: /* @__PURE__ */ o.jsx(c, { name: "exclamation", color: "#f39c12", size: 64 })
-    }
-  );
+import { jsx as l } from "react/jsx-runtime";
+import { c as a } from "../_virtual/compiler-runtime.js";
+import s from "../buttons/PrimaryButton.js";
+import '../assets/styles/button.css';/* empty css                           */
+import u from "./Custom.js";
+import b from "../icons/index.js";
+const L = (t) => {
+  const o = a.c(7), {
+    onConfirmClick: i,
+    confirmLabel: f
+  } = t, n = f === void 0 ? "Confirmar" : f;
+  let e;
+  o[0] !== n || o[1] !== i ? (e = [/* @__PURE__ */ l(s, { onClick: i, label: n }, "confirm-buttom")], o[0] = n, o[1] = i, o[2] = e) : e = o[2];
+  const c = e;
+  let m;
+  o[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ l(b, { name: "exclamation", color: "#f39c12", size: 64 }), o[3] = m) : m = o[3];
+  let r;
+  return o[4] !== c || o[5] !== t ? (r = /* @__PURE__ */ l(u, { ...t, buttons: c, icon: m }), o[4] = c, o[5] = t, o[6] = r) : r = o[6], r;
 };
 export {
-  j as default
+  L as default
 };
+//# sourceMappingURL=Alert.js.map

package/lib/dialog/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../src/lib/dialog/Alert.tsx"],"sourcesContent":["import { PrimaryButton } from '../buttons';\nimport Custom from './Custom';\nimport Icon from '../icons';\nimport { ICommonDialogProps } from './types';\n\nconst Alert = (props: ICommonDialogProps) => {\n  const { onConfirmClick, confirmLabel = 'Confirmar' } = props;\n\n  const buttons = [\n    <PrimaryButton key=\"confirm-buttom\" onClick={onConfirmClick} label={confirmLabel} />,\n  ];\n\n  return (\n    <Custom\n      {...props}\n      buttons={buttons}\n      icon={<Icon name=\"exclamation\" color=\"#f39c12\" size={64} />} />\n  );\n};\n\nexport default Alert;\n"],"names":["Alert","props","$","_c","onConfirmClick","confirmLabel","t0","undefined","t1","PrimaryButton","buttons","t2","Symbol","for","Icon","t3","Custom"],"mappings":";;;;;;AAKA,MAAMA,IAAQC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACZ;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC,cAAAC;AAAAA,EAAAA,IAAuDL,GAA/BI,IAAAC,MAAAC,SAAA,cAAAD;AAA0B,MAAAE;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAElCI,uBACbC,GAAA,EAA4CL,SAAAA,GAAuBC,OAAAA,KAAjD,iBAAiE,GACrFH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAFD,QAAAQ,IAAgBF;AAEd,MAAAG;AAAA,EAAAT,EAAA,CAAA,MAAAU,OAAAC,IAAA,2BAAA,KAMQF,sBAACG,GAAA,EAAU,MAAA,eAAoB,OAAA,WAAgB,MAAA,IAAE,GAAIZ,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,EAAA,CAAA,MAAAQ,KAAAR,SAAAD,KAH7Dc,sBAACC,GAAA,EAAM,GACDf,GACKS,SAAAA,GACH,MAAAC,GAAqD,GAAIT,OAAAQ,GAAAR,OAAAD,GAAAC,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAHjEa;AAGiE;"}