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

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

@@ -1,36 +1,63 @@
-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
-			})
-		})
-	});
+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
+            }
+          )
+        }
+      )
+    }
+  );
 }
-//#endregion
-export { a as Switch };
+export {
+  M as Switch
+};

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

@@ -1,20 +1,30 @@
-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
-	});
+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
+    }
+  );
 }
-//#endregion
-export { n as TabButton };
+export {
+  h as TabButton
+};

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

@@ -1,23 +1,29 @@
-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
-		})
-	});
+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 })
+    }
+  );
 }
-//#endregion
-export { r as TabContainer };
+export {
+  N as TabContainer
+};

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

@@ -1,15 +1,13 @@
-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);
+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);
 }
 function a(e) {
-	return /* @__PURE__ */ n(r.Provider, {
-		value: e,
-		children: e.children
-	});
+  return /* @__PURE__ */ t(r.Provider, { value: e, children: e.children });
 }
-//#endregion
-export { a as TabProvider, i as useTab };
+export {
+  a as TabProvider,
+  c as useTab
+};

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

@@ -1,20 +1,15 @@
-/* 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
-	});
+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 });
 }
-//#endregion
-export { n as TableBody };
+export {
+  y as TableBody
+};

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

@@ -1,16 +1,9 @@
-/* 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
-		})
-	});
+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 }) });
 }
-//#endregion
-export { t as TableCaption };
+export {
+  c as TableCaption
+};

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

@@ -1,13 +1,9 @@
-/* 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 })
-	});
+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 }) });
 }
-//#endregion
-export { t as TableContainer };
+export {
+  o as TableContainer
+};

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

@@ -1,19 +1,12 @@
-/* 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
-			})
-		}) })]
-	});
+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 }) }) })
+  ] });
 }
-//#endregion
-export { n as TableFooter };
+export {
+  i as TableFooter
+};

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

@@ -1,13 +1,12 @@
-/* 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" })]
-	});
+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" })
+  ] });
 }
-//#endregion
-export { n as TableHeader };
+export {
+  o as TableHeader
+};

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

@@ -1,52 +1,70 @@
-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 })
-		]
-	});
+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 })
+  ] });
 }
-//#endregion
-export { l as Textarea };
+export {
+  X as Textarea
+};

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

@@ -1,35 +1,46 @@
-/* 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 }
-		})]
-	});
+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 }
+      }
+    )
+  ] });
 }
-//#endregion
-export { o as Tooltip };
+export {
+  z as Tooltip
+};