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

package/dist/modules/components/alert/alertContainer/index.js

@@ -1,27 +1,22 @@
-import { AlertTitle as e } from "../alertTitle/index.js";
-/* empty css       */
-import { createContext as t, useContext as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/alert/alertContainer/index.tsx
-var i = t({});
-function a() {
-	return n(i);
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as A, useContext as u } from "react";
+import { AlertTitle as h } from "../alertTitle/index.js";
+/* empty css           */
+const s = A({});
+function j() {
+  return u(s);
 }
-function o(t) {
-	let { schema: n, children: a, className: o, ...s } = t, c = `arkynAlertContainer ${n} ${((t) => {
-		let n = !1, r = (t) => {
-			Array.isArray(t) ? t.forEach(r) : t && typeof t == "object" && "type" in t && (t.type === e ? n = !0 : t.props && typeof t.props == "object" && t.props !== null && "children" in t.props && r(t.props.children));
-		};
-		return r(t), n;
-	})(a) ? "existsAlertTitle" : "nonExistsAlertTitle"} ${o}`;
-	return /* @__PURE__ */ r(i.Provider, {
-		value: t,
-		children: /* @__PURE__ */ r("div", {
-			className: c.trim(),
-			...s,
-			children: a
-		})
-	});
+function v(r) {
+  const { schema: o, children: l, className: a, ...c } = r, p = !((m) => {
+    let i = !1;
+    const e = (t) => {
+      Array.isArray(t) ? t.forEach(e) : t && typeof t == "object" && "type" in t && (t.type === h ? i = !0 : t.props && typeof t.props == "object" && t.props !== null && "children" in t.props && e(t.props.children));
+    };
+    return e(m), i;
+  })(l) ? "nonExistsAlertTitle" : "existsAlertTitle", f = `arkynAlertContainer ${o} ${p} ${a}`;
+  return /* @__PURE__ */ n(s.Provider, { value: r, children: /* @__PURE__ */ n("div", { className: f.trim(), ...c, children: l }) });
 }
-//#endregion
-export { o as AlertContainer, a as useAlertContainer };
+export {
+  v as AlertContainer,
+  j as useAlertContainer
+};

package/dist/modules/components/alert/alertContent/index.js

@@ -1,12 +1,9 @@
-/* empty css       */
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/alert/alertContent/index.tsx
-function t(t) {
-	let { className: n, ...r } = t;
-	return /* @__PURE__ */ e("div", {
-		className: `arkynAlertContent ${n}`.trim(),
-		...r
-	});
+import { jsx as a } from "react/jsx-runtime";
+/* empty css           */
+function m(t) {
+  const { className: s, ...e } = t, r = `arkynAlertContent ${s}`;
+  return /* @__PURE__ */ a("div", { className: r.trim(), ...e });
 }
-//#endregion
-export { t as AlertContent };
+export {
+  m as AlertContent
+};

package/dist/modules/components/alert/alertDescription/index.js

@@ -1,12 +1,9 @@
-/* empty css       */
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/alert/alertDescription/index.tsx
-function t(t) {
-	let { className: n, ...r } = t;
-	return /* @__PURE__ */ e("div", {
-		className: `arkynAlertDescription ${n}`.trim(),
-		...r
-	});
+import { jsx as a } from "react/jsx-runtime";
+/* empty css           */
+function c(s) {
+  const { className: r, ...t } = s, e = `arkynAlertDescription ${r}`;
+  return /* @__PURE__ */ a("div", { className: e.trim(), ...t });
 }
-//#endregion
-export { t as AlertDescription };
+export {
+  c as AlertDescription
+};

package/dist/modules/components/alert/alertIcon/index.js

@@ -1,28 +1,20 @@
-import { useAlertContainer as e } from "../alertContainer/index.js";
-/* empty css       */
-import { jsx as t } from "react/jsx-runtime";
-import { AlertTriangle as n, CheckCircle2 as r, Info as i, XCircle as a } from "lucide-react";
-//#region src/components/alert/alertIcon/index.tsx
-function o(o) {
-	let { className: s, ...c } = o, { schema: l } = e(), u = `arkynAlertIcon ${l} ${s}`;
-	switch (l) {
-		case "success": return /* @__PURE__ */ t(r, {
-			className: u,
-			...c
-		});
-		case "danger": return /* @__PURE__ */ t(a, {
-			className: u,
-			...c
-		});
-		case "warning": return /* @__PURE__ */ t(n, {
-			className: u,
-			...c
-		});
-		case "info": return /* @__PURE__ */ t(i, {
-			className: u,
-			...c
-		});
-	}
+import { jsx as s } from "react/jsx-runtime";
+import { Info as a, AlertTriangle as o, XCircle as i, CheckCircle2 as m } from "lucide-react";
+import { useAlertContainer as l } from "../alertContainer/index.js";
+/* empty css           */
+function A(t) {
+  const { className: c, ...r } = t, { schema: n } = l(), e = `arkynAlertIcon ${n} ${c}`;
+  switch (n) {
+    case "success":
+      return /* @__PURE__ */ s(m, { className: e, ...r });
+    case "danger":
+      return /* @__PURE__ */ s(i, { className: e, ...r });
+    case "warning":
+      return /* @__PURE__ */ s(o, { className: e, ...r });
+    case "info":
+      return /* @__PURE__ */ s(a, { className: e, ...r });
+  }
 }
-//#endregion
-export { o as AlertIcon };
+export {
+  A as AlertIcon
+};

package/dist/modules/components/alert/alertTitle/index.js

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

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

@@ -1,75 +1,76 @@
-import { useSlider as e } from "../../hooks/useSlider.js";
-import { Slider as t } from "../slider/index.js";
-/* empty css       */
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Pause as s, Play as c } from "lucide-react";
-//#region src/components/audioPlayer/index.tsx
-function l(l) {
-	let { onPlayAudio: u, onPauseAudio: d, disabled: f, style: p, ...m } = l, [h, g] = e(0), [_, v] = i(!1), [y, b] = i(!1), x = r(null), S = x.current?.currentTime || 0, C = x.current?.duration || 0, w = D(S), T = D(C), E = {
-		totalTime: C,
-		currentTime: S,
-		formattedCurrentTime: w,
-		formattedTotalTime: T
-	};
-	function D(e) {
-		if (!e) return "00:00";
-		let t = Math.floor(e / 60), n = Math.floor(e % 60);
-		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
-	}
-	function O() {
-		let e = x.current;
-		e && (l.onPlayAudio && l.onPlayAudio(E), e.play(), v(!0));
-	}
-	function k() {
-		let e = x.current;
-		e && (l.onPauseAudio && l.onPauseAudio(E), e.pause(), v(!1));
-	}
-	function A() {
-		_ ? k() : O();
-	}
-	function j(e) {
-		let t = x.current;
-		if (!t) return;
-		let n = t.duration;
-		t.currentTime = e / 100 * n;
-	}
-	return y || !_ ? x.current?.pause() : _ && x.current?.play(), n(() => {
-		let e = x.current;
-		if (!e) return;
-		let t = () => {
-			let t = e.duration;
-			g(e.currentTime / t * 100);
-		};
-		return e.addEventListener("timeupdate", t), () => {
-			e.removeEventListener("timeupdate", t);
-		};
-	}, []), /* @__PURE__ */ o("div", {
-		className: "arkynAudioPlayer",
-		style: p,
-		children: [
-			/* @__PURE__ */ a("audio", {
-				...m,
-				ref: x,
-				src: l.src,
-				onEnded: k
-			}),
-			/* @__PURE__ */ o("button", {
-				type: "button",
-				disabled: f,
-				onClick: A,
-				children: [_ && /* @__PURE__ */ a(s, {}), !_ && /* @__PURE__ */ a(c, {})]
-			}),
-			/* @__PURE__ */ a("p", { children: w }),
-			/* @__PURE__ */ a(t, {
-				value: h,
-				onChange: j,
-				onDragging: b,
-				disabled: f
-			}),
-			/* @__PURE__ */ a("p", { children: T })
-		]
-	});
+import { jsxs as E, jsx as o } from "react/jsx-runtime";
+import { Pause as R, Play as V } from "lucide-react";
+import { useState as v, useRef as $, useEffect as N } from "react";
+import { useSlider as U } from "../../hooks/useSlider.js";
+import { Slider as q } from "../slider/index.js";
+/* empty css           */
+function O(r) {
+  var h, A, S, p;
+  const { onPlayAudio: w, onPauseAudio: z, disabled: c, style: C, ...b } = r, [x, D] = U(0), [i, d] = v(!1), [I, M] = v(!1), t = $(null), l = ((h = t.current) == null ? void 0 : h.currentTime) || 0, m = ((A = t.current) == null ? void 0 : A.duration) || 0, f = y(l), g = y(m), T = {
+    totalTime: m,
+    currentTime: l,
+    formattedCurrentTime: f,
+    formattedTotalTime: g
+  };
+  function y(e) {
+    if (!e) return "00:00";
+    const n = Math.floor(e / 60), u = Math.floor(e % 60), a = String(n).padStart(2, "0"), s = String(u).padStart(2, "0");
+    return `${a}:${s}`;
+  }
+  function j() {
+    const e = t.current;
+    e && (r.onPlayAudio && r.onPlayAudio(T), e.play(), d(!0));
+  }
+  function P() {
+    const e = t.current;
+    e && (r.onPauseAudio && r.onPauseAudio(T), e.pause(), d(!1));
+  }
+  function k() {
+    i ? P() : j();
+  }
+  function L(e) {
+    const n = t.current;
+    if (!n) return;
+    const u = n.duration, a = e / 100 * u;
+    n.currentTime = a;
+  }
+  return I || !i ? (S = t.current) == null || S.pause() : i && ((p = t.current) == null || p.play()), N(() => {
+    const e = t.current;
+    if (!e) return;
+    const n = () => {
+      const u = e.duration, s = e.currentTime / u * 100;
+      D(s);
+    };
+    return e.addEventListener("timeupdate", n), () => {
+      e.removeEventListener("timeupdate", n);
+    };
+  }, []), /* @__PURE__ */ E("div", { className: "arkynAudioPlayer", style: C, children: [
+    /* @__PURE__ */ o(
+      "audio",
+      {
+        ...b,
+        ref: t,
+        src: r.src,
+        onEnded: P
+      }
+    ),
+    /* @__PURE__ */ E("button", { type: "button", disabled: c, onClick: k, children: [
+      i && /* @__PURE__ */ o(R, {}),
+      !i && /* @__PURE__ */ o(V, {})
+    ] }),
+    /* @__PURE__ */ o("p", { children: f }),
+    /* @__PURE__ */ o(
+      q,
+      {
+        value: x,
+        onChange: L,
+        onDragging: M,
+        disabled: c
+      }
+    ),
+    /* @__PURE__ */ o("p", { children: g })
+  ] });
 }
-//#endregion
-export { l as AudioPlayer };
+export {
+  O as AudioPlayer
+};

package/dist/modules/components/audioUpload/hasFileContent/index.js

@@ -1,55 +1,63 @@
-import { AudioPlayer as e } from "../../audioPlayer/index.js";
-import { Button as t } from "../../button/index.js";
-import { Divider as n } from "../../divider/index.js";
-import { IconButton as r } from "../../iconButton/index.js";
-import { Tooltip as i } from "../../tooltip/index.js";
-/* empty css       */
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { RefreshCw as s } from "lucide-react";
-//#region src/components/audioUpload/hasFileContent/index.tsx
-function c(c) {
-	let { filePath: l, disabled: u, acceptAudio: d, handleSelectFile: f, isLoading: p, reSendAudio: m, changeAudioButtonText: h } = c;
-	function g() {
-		if (u) return;
-		let e = document.createElement("input");
-		e.type = "file", e.accept = d, e.onchange = (e) => {
-			let t = e.target.files?.[0];
-			t && f(t);
-		}, e.click();
-	}
-	return /* @__PURE__ */ o("div", {
-		className: "arkynAudioUploadHasFileContentContainer",
-		children: [
-			/* @__PURE__ */ a(e, { src: l }),
-			/* @__PURE__ */ a(n, {}),
-			/* @__PURE__ */ o("div", {
-				className: "arkynAudioUploadButtonsContainer",
-				children: [!!m && /* @__PURE__ */ a(i, {
-					orientation: "bottom",
-					text: "Reenviar áudio",
-					children: /* @__PURE__ */ a(r, {
-						type: "button",
-						"aria-label": "resend image",
-						variant: "outline",
-						scheme: "danger",
-						size: "sm",
-						isLoading: p,
-						onClick: m,
-						icon: s,
-						disabled: u
-					})
-				}), /* @__PURE__ */ a(t, {
-					isLoading: p,
-					onClick: g,
-					variant: "outline",
-					size: "sm",
-					type: "button",
-					disabled: u,
-					children: h
-				})]
-			})
-		]
-	});
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { RefreshCw as h } from "lucide-react";
+import { AudioPlayer as C } from "../../audioPlayer/index.js";
+import { Button as g } from "../../button/index.js";
+import { Divider as k } from "../../divider/index.js";
+import { IconButton as v } from "../../iconButton/index.js";
+import { Tooltip as y } from "../../tooltip/index.js";
+/* empty css           */
+function N(c) {
+  const {
+    filePath: s,
+    disabled: i,
+    acceptAudio: d,
+    handleSelectFile: m,
+    isLoading: o,
+    reSendAudio: n,
+    changeAudioButtonText: u
+  } = c;
+  function p() {
+    if (i) return;
+    const t = document.createElement("input");
+    t.type = "file", t.accept = d, t.onchange = (f) => {
+      var a;
+      const r = (a = f.target.files) == null ? void 0 : a[0];
+      r && m(r);
+    }, t.click();
+  }
+  return /* @__PURE__ */ l("div", { className: "arkynAudioUploadHasFileContentContainer", children: [
+    /* @__PURE__ */ e(C, { src: s }),
+    /* @__PURE__ */ e(k, {}),
+    /* @__PURE__ */ l("div", { className: "arkynAudioUploadButtonsContainer", children: [
+      !!n && /* @__PURE__ */ e(y, { orientation: "bottom", text: "Reenviar áudio", children: /* @__PURE__ */ e(
+        v,
+        {
+          type: "button",
+          "aria-label": "resend image",
+          variant: "outline",
+          scheme: "danger",
+          size: "sm",
+          isLoading: o,
+          onClick: n,
+          icon: h,
+          disabled: i
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        g,
+        {
+          isLoading: o,
+          onClick: p,
+          variant: "outline",
+          size: "sm",
+          type: "button",
+          disabled: i,
+          children: u
+        }
+      )
+    ] })
+  ] });
 }
-//#endregion
-export { c as HasFileContent };
+export {
+  N as HasFileContent
+};

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

@@ -1,72 +1,80 @@
-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";
-import { HasFileContent as i } from "./hasFileContent/index.js";
-import { NoFileContent as a } from "./noFileContent/index.js";
-/* empty css       */
-import { useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/audioUpload/index.tsx
-function l(l) {
-	let { name: u, label: d, fileName: f = "file", method: p = "POST", onChange: m, fileResponseName: h = "url", selectAudioButtonText: g = "Selecionar arquivo de áudio", dropAudioText: _ = "Ou arraste e solte um arquivo de áudio aqui", changeAudioButtonText: v = "Trocar arquivo de áudio", acceptAudio: y = "audio/*", action: b, defaultValue: x = "", showAsterisk: S = !1, disabled: C = !1 } = l, { fieldErrors: w } = e(), T = w?.[u], [E, D] = o(x), [O, k] = o(""), [A, j] = o(null), [M, N] = o(x), [P, F] = o(!1);
-	async function I(e) {
-		if (C) return;
-		F(!0), j(e), k("");
-		let t = new FormData();
-		t.append(f, e), await fetch(b, {
-			method: p,
-			body: t
-		}).then(async (e) => await e.json()).then((e) => {
-			e?.error ? k(e.error) : D(e?.[h]), m && m(e?.[h]);
-		}).catch((e) => {
-			console.error(e), k("Erro ao enviar audio");
-		}).finally(() => F(!1));
-	}
-	function L(e) {
-		if (!C) {
-			if (e.type.indexOf("audio") === -1) {
-				k("O arquivo selecionado não é um arquivo de áudio");
-				return;
-			}
-			N(URL.createObjectURL(e)), I(e);
-		}
-	}
-	let R = T || O;
-	return /* @__PURE__ */ c(r, { children: [
-		d && /* @__PURE__ */ s(n, {
-			showAsterisk: S,
-			children: d
-		}),
-		/* @__PURE__ */ c("div", {
-			className: `arkynAudioUpload ${R ? "hasError" : "noHasError"} ${M ? "hasAudio" : "noHasAudio"}`,
-			children: [
-				/* @__PURE__ */ s("input", {
-					type: "hidden",
-					name: u,
-					value: E || ""
-				}),
-				!M && /* @__PURE__ */ s(a, {
-					disabled: C,
-					isLoading: P,
-					acceptAudio: y,
-					dropAudioText: _,
-					handleSelectFile: L,
-					selectAudioButtonText: g
-				}),
-				M && /* @__PURE__ */ s(i, {
-					filePath: M,
-					acceptAudio: y,
-					changeAudioButtonText: v,
-					disabled: C,
-					handleSelectFile: L,
-					isLoading: P,
-					reSendAudio: R && A ? () => I(A) : void 0
-				})
-			]
-		}),
-		R && /* @__PURE__ */ s(t, { children: R })
-	] });
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { useForm as P } from "../../hooks/useForm.js";
+import { FieldError as R } from "../fieldError/index.js";
+import { FieldLabel as k } from "../fieldLabel/index.js";
+import { FieldWrapper as B } from "../fieldWrapper/index.js";
+import { HasFileContent as D } from "./hasFileContent/index.js";
+import { NoFileContent as V } from "./noFileContent/index.js";
+/* empty css           */
+function oo(y) {
+  const {
+    name: u,
+    label: c,
+    fileName: C = "file",
+    method: E = "POST",
+    onChange: s,
+    fileResponseName: m = "url",
+    selectAudioButtonText: q = "Selecionar arquivo de áudio",
+    dropAudioText: b = "Ou arraste e solte um arquivo de áudio aqui",
+    changeAudioButtonText: L = "Trocar arquivo de áudio",
+    acceptAudio: f = "audio/*",
+    action: O,
+    defaultValue: h = "",
+    showAsterisk: S = !1,
+    disabled: t = !1
+  } = y, { fieldErrors: n } = P(), T = n == null ? void 0 : n[u], [U, j] = r(h), [w, i] = r(""), [A, H] = r(null), [l, I] = r(h), [v, F] = r(!1);
+  async function N(a) {
+    if (t) return;
+    F(!0), H(a), i("");
+    const g = new FormData();
+    g.append(C, a), await fetch(O, { method: E, body: g }).then(async (o) => await o.json()).then((o) => {
+      o != null && o.error ? i(o.error) : j(o == null ? void 0 : o[m]), s && s(o == null ? void 0 : o[m]);
+    }).catch((o) => {
+      console.error(o), i("Erro ao enviar audio");
+    }).finally(() => F(!1));
+  }
+  function p(a) {
+    if (!t) {
+      if (a.type.indexOf("audio") === -1) {
+        i("O arquivo selecionado não é um arquivo de áudio");
+        return;
+      }
+      I(URL.createObjectURL(a)), N(a);
+    }
+  }
+  const d = T || w;
+  return /* @__PURE__ */ x(B, { children: [
+    c && /* @__PURE__ */ e(k, { showAsterisk: S, children: c }),
+    /* @__PURE__ */ x("div", { className: `arkynAudioUpload ${d ? "hasError" : "noHasError"} ${l ? "hasAudio" : "noHasAudio"}`, children: [
+      /* @__PURE__ */ e("input", { type: "hidden", name: u, value: U || "" }),
+      !l && /* @__PURE__ */ e(
+        V,
+        {
+          disabled: t,
+          isLoading: v,
+          acceptAudio: f,
+          dropAudioText: b,
+          handleSelectFile: p,
+          selectAudioButtonText: q
+        }
+      ),
+      l && /* @__PURE__ */ e(
+        D,
+        {
+          filePath: l,
+          acceptAudio: f,
+          changeAudioButtonText: L,
+          disabled: t,
+          handleSelectFile: p,
+          isLoading: v,
+          reSendAudio: d && A ? () => N(A) : void 0
+        }
+      )
+    ] }),
+    d && /* @__PURE__ */ e(R, { children: d })
+  ] });
 }
-//#endregion
-export { l as AudioUpload };
+export {
+  oo as AudioUpload
+};