@arkyn/components 3.0.1-beta.156 → 3.0.1-beta.157

package/dist/modules/components/switch/index.js

@@ -1,63 +1,36 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useRef as I, useId as R, useState as T } from "react";
-import { FieldTemplate as $ } from "../../services/fieldTemplate.js";
-/* empty css           */
-function M(i) {
-  const {
-    label: d,
-    size: h = "lg",
-    defaultChecked: u = !1,
-    checked: c = null,
-    value: t,
-    unCheckedValue: a = "",
-    name: n,
-    className: k = "",
-    onCheck: l,
-    id: m,
-    orientation: p = "horizontalReverse",
-    className: C = "",
-    showAsterisk: f,
-    errorMessage: b,
-    unShowFieldTemplate: N = !1,
-    ...w
-  } = i, y = I(null), S = m || R(), [o, v] = T(u), e = typeof c == "boolean" ? c : o;
-  function r() {
-    v(!o), l && l(e ? a : t || "checked");
-  }
-  const F = `arkynSwitch ${e ? "checkedTrue" : "checkedFalse"} ${h} ${k}`;
-  return /* @__PURE__ */ s(
-    $,
-    {
-      name: n,
-      label: d,
-      showAsterisk: f,
-      className: C,
-      errorMessage: b,
-      unShowFieldTemplate: N,
-      orientation: p,
-      children: /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          onClick: r,
-          className: F,
-          ...w,
-          children: /* @__PURE__ */ s(
-            "input",
-            {
-              id: S,
-              type: "hidden",
-              name: n,
-              ref: y,
-              onClick: r,
-              value: e ? t || "checked" : a
-            }
-          )
-        }
-      )
-    }
-  );
+import { FieldTemplate as e } from "../../services/fieldTemplate.js";
+/* empty css       */
+import { useId as t, useRef as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/switch/index.tsx
+function a(a) {
+	let { label: o, size: s = "lg", defaultChecked: c = !1, checked: l = null, value: u, unCheckedValue: d = "", name: f, className: p = "", onCheck: m, id: h, orientation: g = "horizontalReverse", className: _ = "", showAsterisk: v, errorMessage: y, unShowFieldTemplate: b = !1, ...x } = a, S = n(null), C = h || t(), [w, T] = r(c), E = typeof l == "boolean" ? l : w;
+	function D() {
+		T(!w), m && m(E ? d : u || "checked");
+	}
+	return /* @__PURE__ */ i(e, {
+		name: f,
+		label: o,
+		showAsterisk: v,
+		className: _,
+		errorMessage: y,
+		unShowFieldTemplate: b,
+		orientation: g,
+		children: /* @__PURE__ */ i("button", {
+			type: "button",
+			onClick: D,
+			className: `arkynSwitch ${E ? "checkedTrue" : "checkedFalse"} ${s} ${p}`,
+			...x,
+			children: /* @__PURE__ */ i("input", {
+				id: C,
+				type: "hidden",
+				name: f,
+				ref: S,
+				onClick: D,
+				value: E ? u || "checked" : d
+			})
+		})
+	});
 }
-export {
-  M as Switch
-};
+//#endregion
+export { a as Switch };

package/dist/modules/components/tab/tabButton/index.js

@@ -1,30 +1,20 @@
-import { jsx as C } from "react/jsx-runtime";
-import { useTab as f } from "../tabContext.js";
-/* empty css           */
-function h(e) {
-  const {
-    children: i,
-    disabled: l = !1,
-    className: n = "",
-    onClick: a,
-    value: s,
-    ...c
-  } = e, { disabled: o, currentTab: r, changeCurrentTab: b } = f(), t = o || l, d = `arkynTabButton ${t ? "isDisabled" : ""} ${r === s && s ? "isActive" : ""} ${n}`;
-  function u(m) {
-    b(s), a && a(m);
-  }
-  return /* @__PURE__ */ C(
-    "button",
-    {
-      onClick: u,
-      className: d.trim(),
-      ...c,
-      disabled: t,
-      type: "button",
-      children: i
-    }
-  );
+import { useTab as e } from "../tabContext.js";
+/* empty css       */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/tab/tabButton/index.tsx
+function n(n) {
+	let { children: r, disabled: i = !1, className: a = "", onClick: o, value: s, ...c } = n, { disabled: l, currentTab: u, changeCurrentTab: d } = e(), f = l || i, p = `arkynTabButton ${f ? "isDisabled" : ""} ${u === s && s ? "isActive" : ""} ${a}`;
+	function m(e) {
+		d(s), o && o(e);
+	}
+	return /* @__PURE__ */ t("button", {
+		onClick: m,
+		className: p.trim(),
+		...c,
+		disabled: f,
+		type: "button",
+		children: r
+	});
 }
-export {
-  h as TabButton
-};
+//#endregion
+export { n as TabButton };

package/dist/modules/components/tab/tabContainer/index.js

@@ -1,29 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { TabProvider as d } from "../tabContext.js";
-/* empty css           */
-function N(n) {
-  const {
-    children: t,
-    onChange: a,
-    defaultValue: s,
-    disabled: o = !1,
-    className: i,
-    ...c
-  } = n, [m, l] = u(s || ""), b = `arkynTabContainer ${i || ""}`;
-  function f(r) {
-    l(r), a && a(r);
-  }
-  return /* @__PURE__ */ e(
-    d,
-    {
-      disabled: o,
-      currentTab: m,
-      changeCurrentTab: f,
-      children: /* @__PURE__ */ e("nav", { className: b.trim(), ...c, children: t })
-    }
-  );
+import { TabProvider as e } from "../tabContext.js";
+/* empty css       */
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/tab/tabContainer/index.tsx
+function r(r) {
+	let { children: i, onChange: a, defaultValue: o, disabled: s = !1, className: c, ...l } = r, [u, d] = t(o || ""), f = `arkynTabContainer ${c || ""}`;
+	function p(e) {
+		d(e), a && a(e);
+	}
+	return /* @__PURE__ */ n(e, {
+		disabled: s,
+		currentTab: u,
+		changeCurrentTab: p,
+		children: /* @__PURE__ */ n("nav", {
+			className: f.trim(),
+			...l,
+			children: i
+		})
+	});
 }
-export {
-  N as TabContainer
-};
+//#endregion
+export { r as TabContainer };

package/dist/modules/components/tab/tabContext.js

@@ -1,13 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useContext as n, createContext as o } from "react";
-const r = o({});
-function c() {
-  return n(r);
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/tab/tabContext.tsx
+var r = e({});
+function i() {
+	return t(r);
 }
 function a(e) {
-  return /* @__PURE__ */ t(r.Provider, { value: e, children: e.children });
+	return /* @__PURE__ */ n(r.Provider, {
+		value: e,
+		children: e.children
+	});
 }
-export {
-  a as TabProvider,
-  c as useTab
-};
+//#endregion
+export { a as TabProvider, i as useTab };

package/dist/modules/components/table/tableBody/index.js

@@ -1,15 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Children as d } from "react";
-/* empty css           */
-function y(n) {
-  const {
-    emptyMessage: o = "Nenhum dado adicionado.",
-    className: r,
-    children: a,
-    ...s
-  } = n, t = `arkynTableBody ${r}`, c = d.count(a) === 0;
-  return /* @__PURE__ */ e("tbody", { className: t.trim(), ...s, children: c ? /* @__PURE__ */ e("tr", { className: "arkynTableBodyEmptyLine", children: /* @__PURE__ */ e("td", { colSpan: 100, children: /* @__PURE__ */ e("div", { children: o }) }) }) : a });
+/* empty css       */
+import { Children as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/table/tableBody/index.tsx
+function n(n) {
+	let { emptyMessage: r = "Nenhum dado adicionado.", className: i, children: a, ...o } = n, s = `arkynTableBody ${i}`, c = e.count(a) === 0;
+	return /* @__PURE__ */ t("tbody", {
+		className: s.trim(),
+		...o,
+		children: c ? /* @__PURE__ */ t("tr", {
+			className: "arkynTableBodyEmptyLine",
+			children: /* @__PURE__ */ t("td", {
+				colSpan: 100,
+				children: /* @__PURE__ */ t("div", { children: r })
+			})
+		}) : a
+	});
 }
-export {
-  y as TableBody
-};
+//#endregion
+export { n as TableBody };

package/dist/modules/components/table/tableCaption/index.js

@@ -1,9 +1,16 @@
-import { jsx as a } from "react/jsx-runtime";
-/* empty css           */
-function c(e) {
-  const { className: n, children: s, ...t } = e, o = `arkynTableCaption ${n}`;
-  return /* @__PURE__ */ a("caption", { className: o.trim(), ...t, children: /* @__PURE__ */ a("div", { className: "arkynTableCaptionContent", children: s }) });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/table/tableCaption/index.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("caption", {
+		className: `arkynTableCaption ${n}`.trim(),
+		...i,
+		children: /* @__PURE__ */ e("div", {
+			className: "arkynTableCaptionContent",
+			children: r
+		})
+	});
 }
-export {
-  c as TableCaption
-};
+//#endregion
+export { t as TableCaption };

package/dist/modules/components/table/tableContainer/index.js

@@ -1,9 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
-/* empty css           */
-function o(e) {
-  const { children: r, className: s, ...n } = e, t = `arkynTableContainer ${s}`;
-  return /* @__PURE__ */ a("div", { className: t.trim(), ...n, children: /* @__PURE__ */ a("table", { children: r }) });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/table/tableContainer/index.tsx
+function t(t) {
+	let { children: n, className: r, ...i } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynTableContainer ${r}`.trim(),
+		...i,
+		children: /* @__PURE__ */ e("table", { children: n })
+	});
 }
-export {
-  o as TableContainer
-};
+//#endregion
+export { t as TableContainer };

package/dist/modules/components/table/tableFooter/index.js

@@ -1,12 +1,19 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-/* empty css           */
-function i(a) {
-  const { className: s, children: r, ...t } = a, o = `arkynTableFooter ${s}`;
-  return /* @__PURE__ */ n("tfoot", { className: o.trim(), ...t, children: [
-    /* @__PURE__ */ e("tr", { className: "spacingRow" }),
-    /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("th", { colSpan: 100, children: /* @__PURE__ */ e("div", { className: "arkynTableFooterContent", children: r }) }) })
-  ] });
+/* empty css       */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/table/tableFooter/index.tsx
+function n(n) {
+	let { className: r, children: i, ...a } = n;
+	return /* @__PURE__ */ t("tfoot", {
+		className: `arkynTableFooter ${r}`.trim(),
+		...a,
+		children: [/* @__PURE__ */ e("tr", { className: "spacingRow" }), /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("th", {
+			colSpan: 100,
+			children: /* @__PURE__ */ e("div", {
+				className: "arkynTableFooterContent",
+				children: i
+			})
+		}) })]
+	});
 }
-export {
-  i as TableFooter
-};
+//#endregion
+export { n as TableFooter };

package/dist/modules/components/table/tableHeader/index.js

@@ -1,12 +1,13 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-/* empty css           */
-function o(e) {
-  const { className: s, children: r, ...t } = e, c = `arkynTableHeader ${s}`;
-  return /* @__PURE__ */ l("thead", { className: c.trim(), ...t, children: [
-    /* @__PURE__ */ a("tr", { children: r }),
-    /* @__PURE__ */ a("tr", { className: "spacingRow" })
-  ] });
+/* empty css       */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/table/tableHeader/index.tsx
+function n(n) {
+	let { className: r, children: i, ...a } = n;
+	return /* @__PURE__ */ t("thead", {
+		className: `arkynTableHeader ${r}`.trim(),
+		...a,
+		children: [/* @__PURE__ */ e("tr", { children: i }), /* @__PURE__ */ e("tr", { className: "spacingRow" })]
+	});
 }
-export {
-  o as TableHeader
-};
+//#endregion
+export { n as TableHeader };

package/dist/modules/components/textarea/index.js

@@ -1,70 +1,52 @@
-import { jsxs as j, jsx as s } from "react/jsx-runtime";
-import { useState as w, useRef as S, useId as V } from "react";
-import { useForm as z } from "../../hooks/useForm.js";
-import { FieldLabel as A } from "../fieldLabel/index.js";
-import { FieldWrapper as L } from "../fieldWrapper/index.js";
-import { FieldError as O } from "../fieldError/index.js";
-/* empty css           */
-function X(F) {
-  const {
-    variant: h = "solid",
-    size: C = "md",
-    className: y,
-    errorMessage: x,
-    disabled: e = !1,
-    readOnly: c = !1,
-    label: n,
-    showAsterisk: T,
-    name: i,
-    onFocus: u,
-    onBlur: d,
-    title: $,
-    style: b,
-    value: f,
-    defaultValue: k,
-    placeholder: m,
-    id: v,
-    ...N
-  } = F, { fieldErrors: o } = z(), [g, a] = w(!1), r = S(null), p = v || V(), l = x || (o == null ? void 0 : o[i]), B = `arkynTextarea ${h} ${C} ${e || c ? "opacityTrue" : "opacityFalse"} ${!!l ? "errorTrue" : "errorFalse"} ${g ? "focusedTrue" : "focusedFalse"}`;
-  function E() {
-    e || !(r != null && r.current) || (a(!0), r.current.focus());
-  }
-  function I(t) {
-    a(!0), u && u(t);
-  }
-  function M(t) {
-    a(!1), d && d(t);
-  }
-  return /* @__PURE__ */ j(L, { className: y, children: [
-    n && /* @__PURE__ */ s(A, { htmlFor: p, showAsterisk: T, children: n }),
-    /* @__PURE__ */ s(
-      "section",
-      {
-        title: $,
-        style: b,
-        onClick: E,
-        className: B,
-        children: /* @__PURE__ */ s(
-          "textarea",
-          {
-            id: p,
-            disabled: e,
-            readOnly: c,
-            ref: r,
-            name: i,
-            onFocus: I,
-            onBlur: M,
-            defaultValue: k || "",
-            placeholder: e && f || m,
-            value: e ? void 0 : f,
-            ...N
-          }
-        )
-      }
-    ),
-    l && /* @__PURE__ */ s(O, { children: l })
-  ] });
+import { useForm as e } from "../../hooks/useForm.js";
+import { FieldError as t } from "../fieldError/index.js";
+import { FieldLabel as n } from "../fieldLabel/index.js";
+import { FieldWrapper as r } from "../fieldWrapper/index.js";
+/* empty css       */
+import { useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/textarea/index.tsx
+function l(l) {
+	let { variant: u = "solid", size: d = "md", className: f, errorMessage: p, disabled: m = !1, readOnly: h = !1, label: g, showAsterisk: _, name: v, onFocus: y, onBlur: b, title: x, style: S, value: C, defaultValue: w, placeholder: T, id: E, ...D } = l, { fieldErrors: O } = e(), [k, A] = o(!1), j = a(null), M = E || i(), N = p || O?.[v], P = `arkynTextarea ${u} ${d} ${m || h ? "opacityTrue" : "opacityFalse"} ${N ? "errorTrue" : "errorFalse"} ${k ? "focusedTrue" : "focusedFalse"}`;
+	function F() {
+		m || !j?.current || (A(!0), j.current.focus());
+	}
+	function I(e) {
+		A(!0), y && y(e);
+	}
+	function L(e) {
+		A(!1), b && b(e);
+	}
+	return /* @__PURE__ */ c(r, {
+		className: f,
+		children: [
+			g && /* @__PURE__ */ s(n, {
+				htmlFor: M,
+				showAsterisk: _,
+				children: g
+			}),
+			/* @__PURE__ */ s("section", {
+				title: x,
+				style: S,
+				onClick: F,
+				className: P,
+				children: /* @__PURE__ */ s("textarea", {
+					id: M,
+					disabled: m,
+					readOnly: h,
+					ref: j,
+					name: v,
+					onFocus: I,
+					onBlur: L,
+					defaultValue: w || "",
+					placeholder: m && C || T,
+					value: m ? void 0 : C,
+					...D
+				})
+			}),
+			N && /* @__PURE__ */ s(t, { children: N })
+		]
+	});
 }
-export {
-  X as Textarea
-};
+//#endregion
+export { l as Textarea };

package/dist/modules/components/tooltip/index.js

@@ -1,46 +1,35 @@
-import { jsxs as b, jsx as E } from "react/jsx-runtime";
-import { useId as x, useRef as L, useState as N, useEffect as j } from "react";
-/* empty css           */
-function z(f) {
-  const {
-    text: u,
-    size: p = "lg",
-    children: h,
-    orientation: e = "top",
-    className: g = "",
-    ...w
-  } = f, i = x(), n = L(null), [v, l] = N(e);
-  j(() => {
-    const r = () => {
-      if (!n.current) return;
-      const m = document.getElementById(i);
-      m && (l(e), requestAnimationFrame(() => {
-        const o = m.getBoundingClientRect(), d = window.innerWidth, a = window.innerHeight;
-        let t = e;
-        e === "left" && o.left < 0 ? t = "right" : e === "right" && o.right > d ? t = "left" : e === "top" && o.top < 0 ? t = "bottom" : e === "bottom" && o.bottom > a && (t = "top"), t === "right" && o.right > d ? t = "left" : t === "left" && o.left < 0 ? t = "right" : t === "bottom" && o.bottom > a ? t = "top" : t === "top" && o.top < 0 && (t = "bottom"), l(t);
-      }));
-    }, s = n.current;
-    if (!s) return;
-    const c = () => {
-      setTimeout(r, 1);
-    };
-    return s.addEventListener("mouseenter", c), window.addEventListener("resize", r), () => {
-      s.removeEventListener("mouseenter", c), window.removeEventListener("resize", r);
-    };
-  }, [e, i]);
-  const T = `arkynTooltip ${p} ${v} ${g}`;
-  return /* @__PURE__ */ b("div", { className: T.trim(), ...w, ref: n, children: [
-    h,
-    /* @__PURE__ */ E(
-      "div",
-      {
-        className: "arkynTooltipText",
-        id: i,
-        dangerouslySetInnerHTML: { __html: u }
-      }
-    )
-  ] });
+/* empty css       */
+import { useEffect as e, useId as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/tooltip/index.tsx
+function o(o) {
+	let { text: s, size: c = "lg", children: l, orientation: u = "top", className: d = "", ...f } = o, p = t(), m = n(null), [h, g] = r(u);
+	return e(() => {
+		let e = () => {
+			if (!m.current) return;
+			let e = document.getElementById(p);
+			e && (g(u), requestAnimationFrame(() => {
+				let t = e.getBoundingClientRect(), n = window.innerWidth, r = window.innerHeight, i = u;
+				u === "left" && t.left < 0 ? i = "right" : u === "right" && t.right > n ? i = "left" : u === "top" && t.top < 0 ? i = "bottom" : u === "bottom" && t.bottom > r && (i = "top"), i === "right" && t.right > n ? i = "left" : i === "left" && t.left < 0 ? i = "right" : i === "bottom" && t.bottom > r ? i = "top" : i === "top" && t.top < 0 && (i = "bottom"), g(i);
+			}));
+		}, t = m.current;
+		if (!t) return;
+		let n = () => {
+			setTimeout(e, 1);
+		};
+		return t.addEventListener("mouseenter", n), window.addEventListener("resize", e), () => {
+			t.removeEventListener("mouseenter", n), window.removeEventListener("resize", e);
+		};
+	}, [u, p]), /* @__PURE__ */ a("div", {
+		className: `arkynTooltip ${c} ${h} ${d}`.trim(),
+		...f,
+		ref: m,
+		children: [l, /* @__PURE__ */ i("div", {
+			className: "arkynTooltipText",
+			id: p,
+			dangerouslySetInnerHTML: { __html: s }
+		})]
+	});
 }
-export {
-  z as Tooltip
-};
+//#endregion
+export { o as Tooltip };