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

package/dist/modules/components/richText/insertVideo/index.js

@@ -1,86 +1,98 @@
-import { Button as e } from "../../button/index.js";
-import { Input as t } from "../../input/index.js";
-import { ModalContainer as n } from "../../modal/modalContainer/index.js";
-import { ModalFooter as r } from "../../modal/modalFooter/index.js";
-import { ModalHeader as i } from "../../modal/modalHeader/index.js";
-/* empty css       */
-import { useEffect as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Video as u } from "lucide-react";
-import { useSlate as d } from "slate-react";
-//#region src/components/richText/insertVideo/index.tsx
-function f(f) {
-	let { modalCancelButton: p = "Cancelar", modalConfirmButton: m = "Confirmar", modalInputUrlLabel: h = "URL do vídeo:", modalTitle: g = "Inserir vídeo", invalidUrlMessage: _ = "URL inválida" } = f, v = d(), [y, b] = o(!1), [x, S] = o(""), [C, w] = o(""), [T, E] = o("");
-	function D(e) {
-		if (e.preventDefault(), !x || x === "") return;
-		let t = `https://www.youtube.com/embed/${x}`;
-		v.insertNodes([
-			{
-				type: "paragraph",
-				children: [{ text: "" }]
-			},
-			{
-				type: "video",
-				src: t,
-				children: [{ text: "" }]
-			},
-			{
-				type: "paragraph",
-				children: [{ text: "" }]
-			}
-		]), b(!1);
-	}
-	return a(() => {
-		if (!C || C === "") return;
-		S(""), E("");
-		let e = new URLSearchParams(C.split("?")[1]).get("v");
-		e ? S(e) : E(_);
-	}, [C]), a(() => {
-		y || (S(""), w(""), E(""));
-	}, [y]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
-		type: "button",
-		className: "arkynRichTextInsertVideo",
-		onMouseDown: () => b(!0),
-		children: /* @__PURE__ */ c(u, {})
-	}), /* @__PURE__ */ l(n, {
-		isVisible: y,
-		makeInvisible: () => b(!1),
-		children: [
-			/* @__PURE__ */ c(i, { children: g }),
-			/* @__PURE__ */ l("div", {
-				className: "arkynRichTextInsertVideoModalContent",
-				children: [/* @__PURE__ */ c(t, {
-					type: "text",
-					name: "richTextVideoURL",
-					label: h,
-					showAsterisk: !0,
-					defaultValue: C,
-					onChange: (e) => w(e.target.value),
-					errorMessage: T
-				}), x && /* @__PURE__ */ c("iframe", {
-					width: "auto",
-					height: "315",
-					src: `https://www.youtube.com/embed/${x}`,
-					title: "YouTube video player",
-					allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-					referrerPolicy: "strict-origin-when-cross-origin",
-					allowFullScreen: !0
-				})]
-			}),
-			/* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(e, {
-				type: "button",
-				scheme: "danger",
-				variant: "outline",
-				onClick: () => b(!1),
-				children: p
-			}), /* @__PURE__ */ c(e, {
-				disabled: !x,
-				type: "button",
-				onClick: D,
-				children: m
-			})] })
-		]
-	})] });
+import { jsxs as n, Fragment as x, jsx as e } from "react/jsx-runtime";
+import { Video as M } from "lucide-react";
+import { useState as s, useEffect as u } from "react";
+import { useSlate as R } from "slate-react";
+import { Button as p } from "../../button/index.js";
+import { Input as C } from "../../input/index.js";
+import { ModalContainer as U } from "../../modal/modalContainer/index.js";
+import { ModalFooter as L } from "../../modal/modalFooter/index.js";
+import { ModalHeader as k } from "../../modal/modalHeader/index.js";
+/* empty css           */
+function A(h) {
+  const {
+    modalCancelButton: f = "Cancelar",
+    modalConfirmButton: b = "Confirmar",
+    modalInputUrlLabel: w = "URL do vídeo:",
+    modalTitle: v = "Inserir vídeo",
+    invalidUrlMessage: y = "URL inválida"
+  } = h, g = R(), [l, o] = s(!1), [t, d] = s(""), [r, m] = s(""), [I, c] = s("");
+  function V(i) {
+    if (i.preventDefault(), !t || t === "") return;
+    const a = `https://www.youtube.com/embed/${t}`;
+    g.insertNodes([
+      { type: "paragraph", children: [{ text: "" }] },
+      { type: "video", src: a, children: [{ text: "" }] },
+      { type: "paragraph", children: [{ text: "" }] }
+    ]), o(!1);
+  }
+  return u(() => {
+    if (!r || r === "") return;
+    d(""), c("");
+    const a = new URLSearchParams(r.split("?")[1]).get("v");
+    a ? d(a) : c(y);
+  }, [r]), u(() => {
+    l || (d(""), m(""), c(""));
+  }, [l]), /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "arkynRichTextInsertVideo",
+        onMouseDown: () => o(!0),
+        children: /* @__PURE__ */ e(M, {})
+      }
+    ),
+    /* @__PURE__ */ n(
+      U,
+      {
+        isVisible: l,
+        makeInvisible: () => o(!1),
+        children: [
+          /* @__PURE__ */ e(k, { children: v }),
+          /* @__PURE__ */ n("div", { className: "arkynRichTextInsertVideoModalContent", children: [
+            /* @__PURE__ */ e(
+              C,
+              {
+                type: "text",
+                name: "richTextVideoURL",
+                label: w,
+                showAsterisk: !0,
+                defaultValue: r,
+                onChange: (i) => m(i.target.value),
+                errorMessage: I
+              }
+            ),
+            t && /* @__PURE__ */ e(
+              "iframe",
+              {
+                width: "auto",
+                height: "315",
+                src: `https://www.youtube.com/embed/${t}`,
+                title: "YouTube video player",
+                allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+                referrerPolicy: "strict-origin-when-cross-origin",
+                allowFullScreen: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(L, { children: [
+            /* @__PURE__ */ e(
+              p,
+              {
+                type: "button",
+                scheme: "danger",
+                variant: "outline",
+                onClick: () => o(!1),
+                children: f
+              }
+            ),
+            /* @__PURE__ */ e(p, { disabled: !t, type: "button", onClick: V, children: b })
+          ] })
+        ]
+      }
+    )
+  ] });
 }
-//#endregion
-export { f as InsertVideo };
+export {
+  A as InsertVideo
+};

package/dist/modules/components/richText/leaf/index.js

@@ -1,10 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/richText/leaf/index.tsx
-function t({ attributes: t, children: n, leaf: r }) {
-	return r.bold && (n = /* @__PURE__ */ e("strong", { children: n })), r.code && (n = /* @__PURE__ */ e("code", { children: n })), r.italic && (n = /* @__PURE__ */ e("em", { children: n })), r.underline && (n = /* @__PURE__ */ e("u", { children: n })), /* @__PURE__ */ e("span", {
-		...t,
-		children: n
-	});
+import { jsx as t } from "react/jsx-runtime";
+function p({ attributes: u, children: o, leaf: f }) {
+  return f.bold && (o = /* @__PURE__ */ t("strong", { children: o })), f.code && (o = /* @__PURE__ */ t("code", { children: o })), f.italic && (o = /* @__PURE__ */ t("em", { children: o })), f.underline && (o = /* @__PURE__ */ t("u", { children: o })), /* @__PURE__ */ t("span", { ...u, children: o });
 }
-//#endregion
-export { t as Leaf };
+export {
+  p as Leaf
+};

package/dist/modules/components/richText/markButton/index.js

@@ -1,20 +1,23 @@
-import { isMarkActive as e } from "../../../services/isMarkActive.js";
-import { toggleMark as t } from "../../../services/toggleMark.js";
-/* empty css       */
-import { jsx as n } from "react/jsx-runtime";
-import { useSlate as r } from "slate-react";
-//#region src/components/richText/markButton/index.tsx
-function i({ format: i, icon: a }) {
-	let o = r(), s = e(o, i) ? "activeTrue" : "activeFalse";
-	function c(e) {
-		e.preventDefault(), t(o, i);
-	}
-	return /* @__PURE__ */ n("button", {
-		type: "button",
-		className: "arkynRichTextMarkButton " + s,
-		onMouseDown: c,
-		children: /* @__PURE__ */ n(a, {})
-	});
+import { jsx as e } from "react/jsx-runtime";
+import { useSlate as s } from "slate-react";
+import { isMarkActive as a } from "../../../services/isMarkActive.js";
+import { toggleMark as u } from "../../../services/toggleMark.js";
+/* empty css           */
+function k({ format: t, icon: i }) {
+  const o = s(), n = a(o, t) ? "activeTrue" : "activeFalse";
+  function r(c) {
+    c.preventDefault(), u(o, t);
+  }
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: "arkynRichTextMarkButton " + n,
+      onMouseDown: r,
+      children: /* @__PURE__ */ e(i, {})
+    }
+  );
 }
-//#endregion
-export { i as MarkButton };
+export {
+  k as MarkButton
+};

package/dist/modules/components/richText/toolbar/index.js

@@ -1,11 +1,8 @@
-/* empty css       */
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/richText/toolbar/index.tsx
-function t({ children: t }) {
-	return /* @__PURE__ */ e("div", {
-		className: "arkynRichTextToolbar",
-		children: t
-	});
+import { jsx as r } from "react/jsx-runtime";
+/* empty css           */
+function i({ children: o }) {
+  return /* @__PURE__ */ r("div", { className: "arkynRichTextToolbar", children: o });
 }
-//#endregion
-export { t as Toolbar };
+export {
+  i as Toolbar
+};

package/dist/modules/components/searchPlaces.js

@@ -1,58 +1,67 @@
-import { Input as e } from "./input/index.js";
-import { useState as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { StandaloneSearchBox as r } from "@react-google-maps/api";
-//#region src/components/searchPlaces.tsx
-function i(i) {
-	let { onChange: a, onPlaceChanged: o, options: s, ...c } = i, [l, u] = t(null);
-	return /* @__PURE__ */ n(r, {
-		onLoad: (e) => u(e),
-		onPlacesChanged: () => {
-			let e = l?.getPlaces(), t = e ? e[0] : null, n = t?.address_components;
-			function r(e) {
-				let t = n.find((t) => t.types[0] === e);
-				return t ? t.long_name : "";
-			}
-			function i(e) {
-				let t = n.find((t) => t.types[0] === e);
-				return t ? t.short_name : "";
-			}
-			function a(e) {
-				for (let t of e) {
-					let e = n.find((e) => e.types.includes(t));
-					if (e) return e.long_name;
-				}
-				return "";
-			}
-			if (t) {
-				let e = r("route"), n = r("street_number"), s = a([
-					"sublocality_level_1",
-					"sublocality",
-					"neighborhood"
-				]), c = r("administrative_area_level_2"), l = r("administrative_area_level_1"), u = i("administrative_area_level_1"), d = {
-					street: e,
-					city: c,
-					state: l,
-					neighborhood: s,
-					postalCode: a(["postal_code", "postal_code_prefix"]),
-					streetNumber: n,
-					stateShortName: u,
-					coordinates: {
-						lat: t.geometry?.location?.lat(),
-						lng: t.geometry?.location?.lng()
-					}
-				};
-				o && o(d);
-			}
-		},
-		options: s,
-		children: /* @__PURE__ */ n(e, {
-			type: "text",
-			autoComplete: "off",
-			onChange: (e) => a && a(e.target.value),
-			...c
-		})
-	});
+import { jsx as _ } from "react/jsx-runtime";
+import { StandaloneSearchBox as B } from "@react-google-maps/api";
+import { useState as N } from "react";
+import { Input as j } from "./input/index.js";
+function A(g) {
+  const { onChange: i, onPlaceChanged: d, options: y, ...v } = g, [r, C] = N(null);
+  return /* @__PURE__ */ _(
+    B,
+    {
+      onLoad: (o) => C(o),
+      onPlacesChanged: () => {
+        var f, m, h, p;
+        const o = r == null ? void 0 : r.getPlaces(), a = o ? o[0] : null, c = a == null ? void 0 : a.address_components;
+        function s(n) {
+          const t = c.find((e) => e.types[0] === n);
+          return t ? t.long_name : "";
+        }
+        function P(n) {
+          const t = c.find((e) => e.types[0] === n);
+          return t ? t.short_name : "";
+        }
+        function u(n) {
+          for (const t of n) {
+            const e = c.find(
+              (l) => l.types.includes(t)
+            );
+            if (e) return e.long_name;
+          }
+          return "";
+        }
+        if (a) {
+          const n = s("route"), t = s("street_number"), e = u([
+            "sublocality_level_1",
+            "sublocality",
+            "neighborhood"
+          ]), l = s("administrative_area_level_2"), S = s("administrative_area_level_1"), b = P("administrative_area_level_1"), x = u([
+            "postal_code",
+            "postal_code_prefix"
+          ]), D = (m = (f = a.geometry) == null ? void 0 : f.location) == null ? void 0 : m.lat(), L = (p = (h = a.geometry) == null ? void 0 : h.location) == null ? void 0 : p.lng();
+          d && d({
+            street: n,
+            city: l,
+            state: S,
+            neighborhood: e,
+            postalCode: x,
+            streetNumber: t,
+            stateShortName: b,
+            coordinates: { lat: D, lng: L }
+          });
+        }
+      },
+      options: y,
+      children: /* @__PURE__ */ _(
+        j,
+        {
+          type: "text",
+          autoComplete: "off",
+          onChange: (o) => i && i(o.target.value),
+          ...v
+        }
+      )
+    }
+  );
 }
-//#endregion
-export { i as SearchPlaces };
+export {
+  A as SearchPlaces
+};