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

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

@@ -1,83 +1,66 @@
-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
-          }
-        )
-      ] })
-    }
-  );
+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
+				})
+			]
+		})
+	});
 }
-export {
-  _ as ImageUpload
-};
+//#endregion
+export { s as ImageUpload };

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

@@ -1,46 +1,36 @@
-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 })
-  ] });
+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 })]
+	});
 }
-export {
-  C as NoFileContent
-};
+//#endregion
+export { r as NoFileContent };

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

@@ -1,121 +1,93 @@
-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" })
-          ]
-        }
-      )
-    }
-  );
+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"
+				})
+			]
+		})
+	});
 }
-export {
-  ue as Input
-};
+//#endregion
+export { l as Input };

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

@@ -1,33 +1,29 @@
-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, {}) });
+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, {})
+	});
 }
-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
-    }
-  ) });
+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
+		})
+	});
 }
-export {
-  h as MapView
-};
+//#endregion
+export { a as MapView };

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

@@ -1,52 +1,50 @@
-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
-    }
-  );
+/* 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
+	});
 }
-export {
-  B as ClientMapView
-};
+//#endregion
+export { a as ClientMapView };