linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/calendar/base/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"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"],"mappings":"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"}

package/lib/calendar/index.js

@@ -1,14 +1,12 @@
-import r from "./base/index.js";
-import { default as f } from "./SuccessCalendar.js";
-import { default as d } from "./PrimaryCalendar.js";
-import { default as n } from "./DangerCalendar.js";
-import { default as s } from "./WarningCalendar.js";
-import { default as u } from "./InfoCalendar.js";
-export {
-  n as DangerCalendar,
-  u as InfoCalendar,
-  d as PrimaryCalendar,
-  f as SuccessCalendar,
-  s as WarningCalendar,
-  r as default
-};
+import e from "./base/index.js";
+import t from "./SuccessCalendar.js";
+import n from "./PrimaryCalendar.js";
+import r from "./DangerCalendar.js";
+import i from "./WarningCalendar.js";
+import a from "./InfoCalendar.js";
+//#region src/lib/calendar/index.tsx
+var o = e;
+//#endregion
+export { r as DangerCalendar, a as InfoCalendar, n as PrimaryCalendar, t as SuccessCalendar, i as WarningCalendar, o as default };
+
+//# sourceMappingURL=index.js.map

package/lib/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/calendar/index.tsx"],"sourcesContent":["import Calendar from './base';\nimport SuccessCalendar from './SuccessCalendar';\nimport PrimaryCalendar from './PrimaryCalendar';\nimport DangerCalendar from './DangerCalendar';\nimport WarningCalendar from './WarningCalendar';\nimport InfoCalendar from './InfoCalendar';\n\nexport default Calendar;\nexport {\n  DangerCalendar,\n  SuccessCalendar,\n  PrimaryCalendar,\n  WarningCalendar,\n  InfoCalendar,\n};\n"],"mappings":";;;;;;;AAOA,IAAA,IAAe"}

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

package/lib/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;;;;;;;;AAkBA,IAAM,IAAW,GAA8C,EAC7D,SAAM,aAAU,UAAO,UAAO,aAAU,cAAW,SAAM,QAAK,KAAA,GAAW,eACzE,aAAU,IAAO,aAAU,mBAAgB,YAAS,qBAAkB,OAAO,kBAAe,QAC5F,gBAAa,cAAW,kBAAe,wBAAqB,kBAAe,SAC3E,kBAAe,SAAS,kBAAe,QAAQ,cAAW,KACzD,MAAQ;CACT,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAQ,EAE7C,CAAC,KAAY,EAAmB,EADtB,CAAC,EAAkB,UAAU,EAAkB,UAAU,EACA,EAAe,CAAC,EACnF,IAAW,EAAgC,KAAK;AAItD,CAFA,EAAoB,SAAW,EAAS,SAAU,CAAC,EAAS,QAAQ,CAAC,EAErE,QAAgB;AACd,IAAa,EAAQ;IACpB,CAAC,EAAQ,CAAC;CAEb,IAAM,UAAsB,KAAY,EAAS,UAE3C,UAAiB;AAErB,MAAI,GAAe,CAAE,QAAO;EAC5B,IAAM,IAAS;GACb,SAAS,CAAC;GACV;GACA;GACA,OAAO,CAAC;GACT;AACD,SAAO;GACL,eAAe;AACb,IAAI,CAAC,GAAe,IAAI,CAAC,MACvB,EAAa,CAAC,EAAU,EACxB,IAAW,EAAE,WAAQ,CAAC;;GAG1B,WAAW,KAAA;GACX,MAAM;GACN,UAAU;GACX;IAGG,UACJ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,qBAAmB;EACnB,WAAU;EACV,OAAO;GAAE,SAAS;GAAQ,YAAY;GAAU;YAHlD,CAIE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,gBAAc;GACd,GAAI,GAAU;aAJhB;IAKE,kBAAC,SAAD;KACE,IAAI,KAAM,KAAA;KACV,MAAM,MAAM;AAEV,MADI,KAAW,EAAU,EAAE,EAC3B,EAAS,UAAU;;KAEX;KACV,WAAU;KACV,MAAK;KACL,WAAW;KACX,SAAS;KACT,UAAU,GAAe;KACnB;KACI;KACH;KACP,gBAAgB;KAAO,CAAA;IACzB,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;KAAM,MAAM;KAAI,MAAK;KAAc,CAAA,EAC9B,CAAA;IACN,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACY;OACV,UAAU,GAAe;OACzB,WAAW;OACF;OACK;OACG;OAAmB,CAAA;MACrC;MACD,kBAAC,GAAD,EAAe,CAAA;MACf,kBAAC,GAAD;OAAgB;OAAU,SAAS,CAAC,CAAC,KAAQ,MAAiB;OAAS,aAAa;OAAM,aAAY;OAAS,CAAA;MAAA;;;MAIpH,CAAC,CAAC,KAAQ,MAAiB,kBAAkB,CAAC,KAC7C,kBAAC,GAAD;GACE,OAAO;GACP,OAAO;GACP,aAAY;GACZ,WAAU;GACV,OAAO;IAAE,QAAQ;IAAW,QAAQ;IAAQ,OAAO;IAAI;aACtD;GACO,CAAA,CAAA;KAGd,kBAAC,GAAD,EAAc,UAAU,GAAiB,CAAA,CAAA,EACrC,CAAA;AAKR,QAFI,EAAS,YAAkB,OAEvB,IAAa,kBAAC,GAAD;EAAM,aAAY;EAAa,MAAM;YAAa,GAAA;EAAqB,CAAA,GAAG,GAAa;EAC5G;AAEF,EAAS,cAAc"}

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

package/lib/dialog/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","names":[],"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"],"mappings":";;;;;AAKA,IAAM,KAAS,MAA8B;CAC3C,IAAM,EAAE,mBAAgB,kBAAe,gBAAgB,GAEjD,IAAU,CACd,kBAAC,GAAD;EAAoC,SAAS;EAAgB,OAAO;EAAgB,EAAjE,iBAAiE,CACrF;AAED,QACE,kBAAC,GAAD;EACE,GAAI;EACK;EACT,MAAM,kBAAC,GAAD;GAAM,MAAK;GAAc,OAAM;GAAU,MAAM;GAAM,CAAA;EAAI,CAAA"}