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

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

@@ -1,66 +1,83 @@
-import { useForm as e } from "../../hooks/useForm.js";
-import { FieldTemplate as t } from "../../services/fieldTemplate.js";
-import { HasFileContent as n } from "./hasFileContent/index.js";
-import { NoFileContent as r } from "./noFileContent/index.js";
-/* empty css       */
-import { useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/imageUpload/index.tsx
-function s(s) {
-	let { name: c, defaultValue: l = "", label: u, showAsterisk: d = !1, action: f, fileName: p = "file", className: m = "", method: h = "POST", acceptImage: g = "image/*", fileResponseName: _ = "url", changeImageButtonText: v = "Alterar imagem", selectImageButtonText: y = "Selecionar imagem", dropImageText: b = "Ou arraste e solte a imagem aqui", onChange: x, disabled: S = !1, unShowFieldTemplate: C = !1, orientation: w = "vertical" } = s, { fieldErrors: T } = e(), E = T?.[c], [D, O] = i(l), [k, A] = i(""), [j, M] = i(null), [N, P] = i(l), [F, I] = i(!1);
-	async function L(e) {
-		if (S) return;
-		I(!0), M(e), A("");
-		let t = new FormData();
-		t.append(p, e), await fetch(f, {
-			method: h,
-			body: t
-		}).then(async (e) => await e.json()).then((e) => {
-			e?.error ? A(e.error) : O(e?.[_]), x && x(e?.[_]);
-		}).catch((e) => {
-			console.error(e), A("Erro ao enviar imagem");
-		}).finally(() => I(!1));
-	}
-	function R(e) {
-		S || (P(URL.createObjectURL(e)), L(e));
-	}
-	let z = E || k;
-	return /* @__PURE__ */ a(t, {
-		name: c,
-		label: u,
-		showAsterisk: d,
-		className: m,
-		errorMessage: z,
-		unShowFieldTemplate: C,
-		orientation: w,
-		children: /* @__PURE__ */ o("div", {
-			className: `arkynImageUpload ${z ? "hasError" : "noHasError"} ${N ? "hasImage" : "noHasImage"}`,
-			children: [
-				/* @__PURE__ */ a("input", {
-					type: "hidden",
-					name: c,
-					value: D || ""
-				}),
-				!N && /* @__PURE__ */ a(r, {
-					disabled: S,
-					isLoading: F,
-					acceptImage: g,
-					dropImageText: b,
-					handleSelectFile: R,
-					selectImageButtonText: y
-				}),
-				N && /* @__PURE__ */ a(n, {
-					disabled: S,
-					isLoading: F,
-					acceptImage: g,
-					filePath: N,
-					handleSelectFile: R,
-					changeImageButtonText: v,
-					reSendImage: z && j ? () => L(j) : void 0
-				})
-			]
-		})
-	});
+import { jsx as l, jsxs as B } from "react/jsx-runtime";
+import { useState as t } from "react";
+import { useForm as D } from "../../hooks/useForm.js";
+import { FieldTemplate as V } from "../../services/fieldTemplate.js";
+import { HasFileContent as $ } from "./hasFileContent/index.js";
+import { NoFileContent as q } from "./noFileContent/index.js";
+/* empty css           */
+function _(p) {
+  const {
+    name: m,
+    defaultValue: c = "",
+    label: v,
+    showAsterisk: w = !1,
+    action: x,
+    fileName: y = "file",
+    className: E = "",
+    method: S = "POST",
+    acceptImage: f = "image/*",
+    fileResponseName: d = "url",
+    changeImageButtonText: T = "Alterar imagem",
+    selectImageButtonText: U = "Selecionar imagem",
+    dropImageText: b = "Ou arraste e solte a imagem aqui",
+    onChange: g,
+    disabled: r = !1,
+    unShowFieldTemplate: j = !1,
+    orientation: L = "vertical"
+  } = p, { fieldErrors: i } = D(), H = i == null ? void 0 : i[m], [O, P] = t(c), [R, n] = t(""), [h, k] = t(null), [o, A] = t(c), [u, I] = t(!1);
+  async function N(e) {
+    if (r) return;
+    I(!0), k(e), n("");
+    const C = new FormData();
+    C.append(y, e), await fetch(x, { method: S, body: C }).then(async (a) => await a.json()).then((a) => {
+      a != null && a.error ? n(a.error) : P(a == null ? void 0 : a[d]), g && g(a == null ? void 0 : a[d]);
+    }).catch((a) => {
+      console.error(a), n("Erro ao enviar imagem");
+    }).finally(() => I(!1));
+  }
+  function F(e) {
+    r || (A(URL.createObjectURL(e)), N(e));
+  }
+  const s = H || R;
+  return /* @__PURE__ */ l(
+    V,
+    {
+      name: m,
+      label: v,
+      showAsterisk: w,
+      className: E,
+      errorMessage: s,
+      unShowFieldTemplate: j,
+      orientation: L,
+      children: /* @__PURE__ */ B("div", { className: `arkynImageUpload ${s ? "hasError" : "noHasError"} ${o ? "hasImage" : "noHasImage"}`, children: [
+        /* @__PURE__ */ l("input", { type: "hidden", name: m, value: O || "" }),
+        !o && /* @__PURE__ */ l(
+          q,
+          {
+            disabled: r,
+            isLoading: u,
+            acceptImage: f,
+            dropImageText: b,
+            handleSelectFile: F,
+            selectImageButtonText: U
+          }
+        ),
+        o && /* @__PURE__ */ l(
+          $,
+          {
+            disabled: r,
+            isLoading: u,
+            acceptImage: f,
+            filePath: o,
+            handleSelectFile: F,
+            changeImageButtonText: T,
+            reSendImage: s && h ? () => N(h) : void 0
+          }
+        )
+      ] })
+    }
+  );
 }
-//#endregion
-export { s as ImageUpload };
+export {
+  _ as ImageUpload
+};

package/dist/modules/components/imageUpload/noFileContent/index.js

@@ -1,36 +1,46 @@
-import { Button as e } from "../../button/index.js";
-/* empty css       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/imageUpload/noFileContent/index.tsx
-function r(r) {
-	let { dropImageText: i, isLoading: a, acceptImage: o, handleSelectFile: s, selectImageButtonText: c, disabled: l } = r;
-	function u(e) {
-		if (l) return;
-		e.preventDefault();
-		let t = e.dataTransfer.files[0];
-		t && s(t);
-	}
-	function d() {
-		if (l) return;
-		let e = document.createElement("input");
-		e.type = "file", e.accept = o, e.onchange = (e) => {
-			let t = e.target.files?.[0];
-			t && s(t);
-		}, e.click();
-	}
-	return /* @__PURE__ */ n("div", {
-		onDrop: u,
-		className: "arkynImageUploadNoFileContent",
-		children: [/* @__PURE__ */ t(e, {
-			isLoading: a,
-			onClick: d,
-			variant: "ghost",
-			size: "sm",
-			type: "button",
-			disabled: l,
-			children: c
-		}), /* @__PURE__ */ t("p", { children: i })]
-	});
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { Button as g } from "../../button/index.js";
+/* empty css           */
+function C(c) {
+  const {
+    dropImageText: l,
+    isLoading: s,
+    acceptImage: f,
+    handleSelectFile: i,
+    selectImageButtonText: p,
+    disabled: n
+  } = c;
+  function d(e) {
+    if (n) return;
+    e.preventDefault();
+    const t = e.dataTransfer.files[0];
+    t && i(t);
+  }
+  function m() {
+    if (n) return;
+    const e = document.createElement("input");
+    e.type = "file", e.accept = f, e.onchange = (t) => {
+      var r;
+      const o = (r = t.target.files) == null ? void 0 : r[0];
+      o && i(o);
+    }, e.click();
+  }
+  return /* @__PURE__ */ u("div", { onDrop: d, className: "arkynImageUploadNoFileContent", children: [
+    /* @__PURE__ */ a(
+      g,
+      {
+        isLoading: s,
+        onClick: m,
+        variant: "ghost",
+        size: "sm",
+        type: "button",
+        disabled: n,
+        children: p
+      }
+    ),
+    /* @__PURE__ */ a("p", { children: l })
+  ] });
 }
-//#endregion
-export { r as NoFileContent };
+export {
+  C as NoFileContent
+};

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

@@ -1,93 +1,121 @@
-import { useForm as e } from "../../hooks/useForm.js";
-import { IconRenderer as t } from "../../services/iconRenderer.js";
-import { FieldTemplate as n } from "../../services/fieldTemplate.js";
-/* empty css      */
-import { useId as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Loader2 as c } from "lucide-react";
-//#region src/components/input/index.tsx
-function l(l) {
-	let { name: u, disabled: d, title: f, style: p, variant: m = "solid", label: h, className: g = "", prefix: _, suffix: v, isLoading: y = !1, leftIcon: b, readOnly: x, onFocus: S, onBlur: C, unShowFieldTemplate: w = !1, errorMessage: T, showAsterisk: E, rightIcon: D, type: O = "text", size: k = "md", id: A, value: j, placeholder: M, orientation: N, ...P } = l, { fieldErrors: F } = e(), [I, L] = a(!1), R = i(null), z = A || r(), B = T || F?.[u], V = !!B, H = d || y, U = {
-		md: 20,
-		lg: 20
-	}[k], W = D ? "right" : "left", G = W === "left" && y, K = W === "right" && y;
-	function q() {
-		H || !R?.current || (L(!0), R.current.focus());
-	}
-	function J(e) {
-		L(!0), S && S(e);
-	}
-	function Y(e) {
-		L(!1), C && C(e);
-	}
-	return O === "hidden" ? /* @__PURE__ */ o("input", {
-		style: { display: "none" },
-		readOnly: !0,
-		type: "text",
-		ref: R,
-		...P
-	}) : /* @__PURE__ */ o(n, {
-		name: u,
-		label: h,
-		showAsterisk: E,
-		className: g,
-		errorMessage: B,
-		unShowFieldTemplate: w,
-		orientation: N,
-		children: /* @__PURE__ */ s("section", {
-			title: f,
-			style: p,
-			onClick: q,
-			className: `arkynInput ${_ ? "hasPrefix" : ""} ${d ? "disabled" : ""} ${v ? "hasSuffix" : ""} ${m} ${k} ${H || x || y ? "opacity" : ""} ${V ? "errored" : ""} ${I ? "focused" : ""}`,
-			children: [
-				/* @__PURE__ */ o(t, {
-					iconSize: U,
-					icon: _,
-					className: "prefix"
-				}),
-				/* @__PURE__ */ o(t, {
-					show: G,
-					iconSize: U,
-					className: "spinner",
-					icon: c
-				}),
-				/* @__PURE__ */ o(t, {
-					show: !y,
-					icon: b,
-					iconSize: U
-				}),
-				/* @__PURE__ */ o("input", {
-					disabled: H,
-					readOnly: x,
-					ref: R,
-					onFocus: J,
-					onBlur: Y,
-					type: O,
-					id: z,
-					name: u,
-					placeholder: H && j || M,
-					value: H ? void 0 : j,
-					...P
-				}),
-				/* @__PURE__ */ o(t, {
-					show: !y,
-					icon: D,
-					iconSize: U
-				}),
-				/* @__PURE__ */ o(t, {
-					show: K,
-					iconSize: U,
-					className: "spinner",
-					icon: c
-				}),
-				/* @__PURE__ */ o(t, {
-					iconSize: U,
-					icon: v,
-					className: "suffix"
-				})
-			]
-		})
-	});
+import { jsx as e, jsxs as Q } from "react/jsx-runtime";
+import { Loader2 as N } from "lucide-react";
+import { useState as U, useRef as V, useId as W } from "react";
+import { useForm as X } from "../../hooks/useForm.js";
+import { FieldTemplate as Y } from "../../services/fieldTemplate.js";
+import { IconRenderer as i } from "../../services/iconRenderer.js";
+/* empty css          */
+function ue($) {
+  const {
+    name: t,
+    disabled: d,
+    title: C,
+    style: k,
+    variant: v = "solid",
+    label: z,
+    className: P = "",
+    prefix: f,
+    suffix: u,
+    isLoading: s = !1,
+    leftIcon: B,
+    readOnly: p,
+    onFocus: m,
+    onBlur: h,
+    unShowFieldTemplate: L = !1,
+    errorMessage: M,
+    showAsterisk: j,
+    rightIcon: x,
+    type: y = "text",
+    size: S = "md",
+    id: O,
+    value: g,
+    placeholder: w,
+    orientation: R,
+    ...b
+  } = $, { fieldErrors: c } = X(), [T, a] = U(!1), o = V(null), A = O || W(), F = M || (c == null ? void 0 : c[t]), D = !!F, r = d || s, n = { md: 20, lg: 20 }[S], I = x ? "right" : "left", E = I === "left" && s, q = I === "right" && s;
+  function G() {
+    r || !(o != null && o.current) || (a(!0), o.current.focus());
+  }
+  function H(l) {
+    a(!0), m && m(l);
+  }
+  function J(l) {
+    a(!1), h && h(l);
+  }
+  if (y === "hidden")
+    return /* @__PURE__ */ e(
+      "input",
+      {
+        style: { display: "none" },
+        readOnly: !0,
+        type: "text",
+        ref: o,
+        ...b
+      }
+    );
+  const K = `arkynInput ${f ? "hasPrefix" : ""} ${d ? "disabled" : ""} ${u ? "hasSuffix" : ""} ${v} ${S} ${r || p || s ? "opacity" : ""} ${D ? "errored" : ""} ${T ? "focused" : ""}`;
+  return /* @__PURE__ */ e(
+    Y,
+    {
+      name: t,
+      label: z,
+      showAsterisk: j,
+      className: P,
+      errorMessage: F,
+      unShowFieldTemplate: L,
+      orientation: R,
+      children: /* @__PURE__ */ Q(
+        "section",
+        {
+          title: C,
+          style: k,
+          onClick: G,
+          className: K,
+          children: [
+            /* @__PURE__ */ e(i, { iconSize: n, icon: f, className: "prefix" }),
+            /* @__PURE__ */ e(
+              i,
+              {
+                show: E,
+                iconSize: n,
+                className: "spinner",
+                icon: N
+              }
+            ),
+            /* @__PURE__ */ e(i, { show: !s, icon: B, iconSize: n }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                disabled: r,
+                readOnly: p,
+                ref: o,
+                onFocus: H,
+                onBlur: J,
+                type: y,
+                id: A,
+                name: t,
+                placeholder: r && g || w,
+                value: r ? void 0 : g,
+                ...b
+              }
+            ),
+            /* @__PURE__ */ e(i, { show: !s, icon: x, iconSize: n }),
+            /* @__PURE__ */ e(
+              i,
+              {
+                show: q,
+                iconSize: n,
+                className: "spinner",
+                icon: N
+              }
+            ),
+            /* @__PURE__ */ e(i, { iconSize: n, icon: u, className: "suffix" })
+          ]
+        }
+      )
+    }
+  );
 }
-//#endregion
-export { l as Input };
+export {
+  ue as Input
+};

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

@@ -1,29 +1,33 @@
-import { ClientOnly as e } from "../clientOnly.js";
-import { ClientMapView as t } from "./mapView.client.js";
-/* empty css       */
-import { jsx as n } from "react/jsx-runtime";
-import { MapPinned as r } from "lucide-react";
-//#region src/components/mapView/index.tsx
-function i({ className: e }) {
-	return /* @__PURE__ */ n("div", {
-		className: "arkynMapViewPinnedEmpty " + e,
-		children: /* @__PURE__ */ n(r, {})
-	});
+import { jsx as r } from "react/jsx-runtime";
+import { MapPinned as p } from "lucide-react";
+import { ClientMapView as s } from "./mapView.client.js";
+/* empty css           */
+import { ClientOnly as l } from "../clientOnly.js";
+function t({ className: e }) {
+  return /* @__PURE__ */ r("div", { className: "arkynMapViewPinnedEmpty " + e, children: /* @__PURE__ */ r(p, {}) });
 }
-function a(r) {
-	let { coordinates: a, zoom: o = 18, accessToken: s, className: c, onMarkerClick: l, ...u } = r;
-	if (!a) return /* @__PURE__ */ n(i, { className: c });
-	let d = Array.isArray(a) ? a : [a];
-	return d.length === 0 ? /* @__PURE__ */ n(i, { className: c }) : /* @__PURE__ */ n(e, {
-		fallback: /* @__PURE__ */ n(i, { className: c }),
-		children: () => /* @__PURE__ */ n(t, {
-			accessToken: s,
-			coordinates: d,
-			center: d[0],
-			onMarkerClick: l,
-			...u
-		})
-	});
+function h(e) {
+  const {
+    coordinates: n,
+    zoom: f = 18,
+    accessToken: a,
+    className: o,
+    onMarkerClick: c,
+    ...m
+  } = e;
+  if (!n) return /* @__PURE__ */ r(t, { className: o });
+  const i = Array.isArray(n) ? n : [n];
+  return i.length === 0 ? /* @__PURE__ */ r(t, { className: o }) : /* @__PURE__ */ r(l, { fallback: /* @__PURE__ */ r(t, { className: o }), children: () => /* @__PURE__ */ r(
+    s,
+    {
+      accessToken: a,
+      coordinates: i,
+      center: i[0],
+      onMarkerClick: c,
+      ...m
+    }
+  ) });
 }
-//#endregion
-export { a as MapView };
+export {
+  h as MapView
+};

package/dist/modules/components/mapView/mapView.client.js

@@ -1,50 +1,52 @@
-/* empty css       */
-import { useEffect as e, useRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import r from "mapbox-gl";
-import { createRoot as i } from "react-dom/client";
-//#region src/components/mapView/mapView.client.tsx
-function a({ center: a, coordinates: o, onMarkerClick: s, accessToken: c, ...l }) {
-	let u = t(null), d = t(null), f = a || o[0];
-	return e(() => (r.accessToken = c, u.current = new r.Map({
-		container: d.current,
-		style: "mapbox://styles/mapbox/light-v11",
-		center: [f.lng, f.lat],
-		zoom: 13,
-		language: "pt-BR"
-	}), o.forEach((e) => {
-		let { lat: t, lng: n, popUp: a } = e, o = document.createElement("img");
-		o.className = "arkynMarker", o.src = "https://i.postimg.cc/mgKggjk7/Pin.png";
-		let c = new r.Marker(o).setLngLat([n, t]).addTo(u.current);
-		if (a) {
-			let e = document.createElement("div");
-			i(e).render(a);
-			let t = new r.Popup({
-				offset: 25,
-				closeButton: !1,
-				className: "arkynMapViewPopup"
-			}).setDOMContent(e);
-			c.setPopup(t);
-		}
-		o.addEventListener("click", () => {
-			s && s(e), u.current.flyTo({
-				center: [n, t],
-				zoom: 15,
-				duration: 1200
-			}), c.togglePopup();
-		});
-	}), () => {
-		u.current?.remove();
-	}), []), /* @__PURE__ */ n("div", {
-		id: "map-container",
-		ref: d,
-		style: {
-			height: "100%",
-			width: "100%",
-			borderRadius: "8px"
-		},
-		...l
-	});
+import { jsx as x } from "react/jsx-runtime";
+import n from "mapbox-gl";
+import { createRoot as y } from "react-dom/client";
+/* empty css           */
+import { useRef as g, useEffect as R } from "react";
+function B({
+  center: r,
+  coordinates: c,
+  onMarkerClick: p,
+  accessToken: d,
+  ...h
+}) {
+  const t = g(null), a = g(null), s = r || c[0];
+  return R(() => (n.accessToken = d, t.current = new n.Map({
+    container: a.current,
+    style: "mapbox://styles/mapbox/light-v11",
+    center: [s.lng, s.lat],
+    zoom: 13,
+    language: "pt-BR"
+  }), c.forEach((e) => {
+    const { lat: m, lng: i, popUp: l } = e, o = document.createElement("img");
+    o.className = "arkynMarker", o.src = "https://i.postimg.cc/mgKggjk7/Pin.png";
+    const u = new n.Marker(o).setLngLat([i, m]).addTo(t.current);
+    if (l) {
+      const f = document.createElement("div");
+      y(f).render(l);
+      const k = new n.Popup({
+        offset: 25,
+        closeButton: !1,
+        className: "arkynMapViewPopup"
+      }).setDOMContent(f);
+      u.setPopup(k);
+    }
+    o.addEventListener("click", () => {
+      p && p(e), t.current.flyTo({ center: [i, m], zoom: 15, duration: 1200 }), u.togglePopup();
+    });
+  }), () => {
+    var e;
+    (e = t.current) == null || e.remove();
+  }), []), /* @__PURE__ */ x(
+    "div",
+    {
+      id: "map-container",
+      ref: a,
+      style: { height: "100%", width: "100%", borderRadius: "8px" },
+      ...h
+    }
+  );
 }
-//#endregion
-export { a as ClientMapView };
+export {
+  B as ClientMapView
+};