reactjs-tiptap-editor 1.0.11 → 1.0.12

package/lib/ImageGif.js

@@ -1,13 +1,15 @@
-import { q, m as B, u as V } from "./index-sVScpCFG.js";
-import { a as H, d as X, c as Y } from "./throttle-DsowOft0.js";
-import { jsx as u, jsxs as p, Fragment as Z } from "react/jsx-runtime";
-import { useState as G, useMemo as P, useCallback as M, useEffect as z, useRef as U } from "react";
-import { I as C, j, k as J } from "./index-0OnGZkVF.js";
-import { i as W, c as Q } from "./isNumber-DF0fU3ob.js";
-import { A as K } from "./index-C3zg3DPB.js";
-import { u as ee, a as D } from "./useButtonProps-cMoicZgd.js";
-import { P as te, a as re, b as ne } from "./popover-B7ec5-u2.js";
-import { I as ie } from "./input-CvyMYMZG.js";
+import { o as B, m as q, s as V } from "./clsx-DmuN0U_8.js";
+import { a as k, d as X, c as Y } from "./throttle-BRtichEP.js";
+import { jsx as u, jsxs as P, Fragment as Z } from "react/jsx-runtime";
+import { useState as G, useMemo as L, useCallback as M, useEffect as z, useRef as U } from "react";
+import { I as C, i as j, j as J } from "./index-BDX1uE62.js";
+import { i as W, c as Q } from "./isNumber-DmQXlKp3.js";
+import { A as K } from "./toggle-Bxwwb_Kp.js";
+import "./index-D9JOHlso.js";
+import "./theme.js";
+import { I as ee } from "./input-YoheBL2D.js";
+import { P as te, a as re, b as ne } from "./popover-CWmTzHSy.js";
+import { u as ie, a as D } from "./useButtonProps-CfYtuEnd.js";
 const O = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
@@ -15,7 +17,7 @@ const O = {
   BOTTOM_RIGHT: "br"
 };
 function ae(e) {
-  var R, k;
+  var R, H;
   const [t, n] = G({
     width: C,
     height: C
@@ -33,23 +35,23 @@ function ae(e) {
     w: 0,
     h: 0,
     dir: ""
-  }), { align: b } = (R = e == null ? void 0 : e.node) == null ? void 0 : R.attrs, g = P(() => {
+  }), { align: b } = (R = e == null ? void 0 : e.node) == null ? void 0 : R.attrs, m = L(() => {
     var w;
-    const { src: o, alt: m, width: f, height: x } = (w = e == null ? void 0 : e.node) == null ? void 0 : w.attrs, A = W(f) ? `${f}px` : f, d = W(x) ? `${x}px` : x;
+    const { src: o, alt: g, width: f, height: x } = (w = e == null ? void 0 : e.node) == null ? void 0 : w.attrs, A = W(f) ? `${f}px` : f, d = W(x) ? `${x}px` : x;
     return {
       src: o || void 0,
-      alt: m || void 0,
+      alt: g || void 0,
       style: {
         width: A || void 0,
         height: d || void 0
       }
     };
-  }, [(k = e == null ? void 0 : e.node) == null ? void 0 : k.attrs]), _ = P(() => {
+  }, [(H = e == null ? void 0 : e.node) == null ? void 0 : H.attrs]), _ = L(() => {
     const {
       style: { width: o }
-    } = g;
+    } = m;
     return { width: o === "100%" ? o : void 0 };
-  }, [g]);
+  }, [m]);
   function h(o) {
     i({
       width: o.target.width,
@@ -57,20 +59,20 @@ function ae(e) {
     });
   }
   function y() {
-    const { editor: o, getPos: m } = e;
-    o.commands.setNodeSelection(m());
+    const { editor: o, getPos: g } = e;
+    o.commands.setNodeSelection(g());
   }
   const T = M(
-    H(() => {
-      const { editor: o } = e, { width: m } = getComputedStyle(o.view.dom);
+    k(() => {
+      const { editor: o } = e, { width: g } = getComputedStyle(o.view.dom);
       n((f) => ({
         ...f,
-        width: Number.parseInt(m, 10)
+        width: Number.parseInt(g, 10)
       }));
     }, j),
     [e == null ? void 0 : e.editor]
   );
-  function F(o, m) {
+  function F(o, g) {
     o.preventDefault(), o.stopPropagation();
     const f = c.width, x = c.height, A = f / x;
     let d = Number(e.node.attrs.width), w = Number(e.node.attrs.height);
@@ -80,14 +82,14 @@ function ae(e) {
       y: o.clientY,
       w: d,
       h: w,
-      dir: m
+      dir: g
     });
   }
   const N = M(
-    H((o) => {
+    k((o) => {
       if (o.preventDefault(), o.stopPropagation(), !a)
         return;
-      const { x: m, w: f, dir: x } = l, A = (o.clientX - m) * (/l/.test(x) ? -1 : 1), d = Q(f + A, J, t.width);
+      const { x: g, w: f, dir: x } = l, A = (o.clientX - g) * (/l/.test(x) ? -1 : 1), d = Q(f + A, J, t.width);
       e.updateAttributes({
         width: d,
         height: null
@@ -107,21 +109,21 @@ function ae(e) {
     [a, y]
   ), $ = M(() => {
     document == null || document.addEventListener("mousemove", N, !0), document == null || document.addEventListener("mouseup", E, !0);
-  }, [N, E]), S = M(() => {
+  }, [N, E]), p = M(() => {
     document == null || document.removeEventListener("mousemove", N, !0), document == null || document.removeEventListener("mouseup", E, !0);
   }, [N, E]);
-  z(() => (a ? $() : S(), () => {
-    S();
-  }), [a, $, S]);
-  const L = P(() => new ResizeObserver(() => T()), [T]);
-  return z(() => (L.observe(e.editor.view.dom), () => {
-    L.disconnect();
-  }), [e.editor.view.dom, L]), /* @__PURE__ */ u(
-    q,
+  z(() => (a ? $() : p(), () => {
+    p();
+  }), [a, $, p]);
+  const S = L(() => new ResizeObserver(() => T()), [T]);
+  return z(() => (S.observe(e.editor.view.dom), () => {
+    S.disconnect();
+  }), [e.editor.view.dom, S]), /* @__PURE__ */ u(
+    B,
     {
       className: "image-view",
       style: { ..._, width: "100%", textAlign: b },
-      children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ P(
         "div",
         {
           "data-drag-handle": !0,
@@ -132,20 +134,20 @@ function ae(e) {
             /* @__PURE__ */ u(
               "img",
               {
-                alt: g.alt,
+                alt: m.alt,
                 className: "image-view__body__image block",
                 height: "auto",
                 onClick: y,
                 onLoad: h,
-                src: g.src,
-                style: g.style
+                src: m.src,
+                style: m.style
               }
             ),
             (e == null ? void 0 : e.editor.view.editable) && ((e == null ? void 0 : e.selected) || a) && /* @__PURE__ */ u("div", { className: "image-resizer", children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ u(
               "span",
               {
                 className: `image-resizer__handler image-resizer__handler--${o}`,
-                onMouseDown: (m) => F(m, o)
+                onMouseDown: (g) => F(g, o)
               },
               `image-dir-${o}`
             )) })
@@ -185,11 +187,11 @@ async function ce(e) {
   var r, a;
   const t = await fetch(`https://tenor.googleapis.com/v2/trending_terms?key=${e}&limit=10`), n = await (t == null ? void 0 : t.json()), i = await (await fetch(`https://tenor.googleapis.com/v2/search?key=${e}&q=${(r = n == null ? void 0 : n.results) == null ? void 0 : r[0]}&limit=15`)).json();
   return (a = i == null ? void 0 : i.results) == null ? void 0 : a.map((s) => {
-    var l, v, b, g, _, h, y, T;
+    var l, v, b, m, _, h, y, T;
     return {
       id: s == null ? void 0 : s.id,
       src: (v = (l = s == null ? void 0 : s.media_formats) == null ? void 0 : l.gif) == null ? void 0 : v.url,
-      width: (_ = (g = (b = s == null ? void 0 : s.media_formats) == null ? void 0 : b.gif) == null ? void 0 : g.dims) == null ? void 0 : _[0],
+      width: (_ = (m = (b = s == null ? void 0 : s.media_formats) == null ? void 0 : b.gif) == null ? void 0 : m.dims) == null ? void 0 : _[0],
       height: (T = (y = (h = s == null ? void 0 : s.media_formats) == null ? void 0 : h.gif) == null ? void 0 : y.dims) == null ? void 0 : T[1]
     };
   });
@@ -198,12 +200,12 @@ async function de(e, t) {
   var i;
   const c = await (await fetch(`https://tenor.googleapis.com/v2/search?key=${t}&q=${e}&limit=15`)).json();
   return (i = c == null ? void 0 : c.results) == null ? void 0 : i.map((r) => {
-    var a, s, l, v, b, g, _, h;
+    var a, s, l, v, b, m, _, h;
     return {
       id: r == null ? void 0 : r.id,
       src: (s = (a = r == null ? void 0 : r.media_formats) == null ? void 0 : a.gif) == null ? void 0 : s.url,
       width: (b = (v = (l = r == null ? void 0 : r.media_formats) == null ? void 0 : l.gif) == null ? void 0 : v.dims) == null ? void 0 : b[0],
-      height: (h = (_ = (g = r == null ? void 0 : r.media_formats) == null ? void 0 : g.gif) == null ? void 0 : _.dims) == null ? void 0 : h[1]
+      height: (h = (_ = (m = r == null ? void 0 : r.media_formats) == null ? void 0 : m.gif) == null ? void 0 : _.dims) == null ? void 0 : h[1]
     };
   });
 }
@@ -214,7 +216,7 @@ function le(e, t) {
   };
 }
 function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
-  const [i, r] = G(!1), [a, s] = G([]), { editorDisabled: l } = D(), v = U(null), { searchTrending: b, searchWord: g } = le(n, t);
+  const [i, r] = G(!1), [a, s] = G([]), { editorDisabled: l } = D(), v = U(null), { searchTrending: b, searchWord: m } = le(n, t);
   z(() => {
     (async () => {
       const h = await b();
@@ -228,13 +230,13 @@ function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
         s(T);
         return;
       }
-      const y = await g(h.target.value);
+      const y = await m(h.target.value);
       s(y);
     }, 350),
     // Adjust the debounce delay as needed
     []
   );
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ P(
     te,
     {
       modal: !0,
@@ -256,9 +258,9 @@ function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
             className: "richtext-size-full richtext-p-2",
             hideWhenDetached: !0,
             side: "bottom",
-            children: t ? /* @__PURE__ */ p(Z, { children: [
+            children: t ? /* @__PURE__ */ P(Z, { children: [
               /* @__PURE__ */ u("div", { className: "richtext-mb-[10px] richtext-w-full", children: /* @__PURE__ */ u(
-                ie,
+                ee,
                 {
                   onChange: _,
                   placeholder: "Search GIF",
@@ -285,8 +287,8 @@ function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
     }
   );
 }
-function xe() {
-  const e = ee(ue.name), {
+function Ge() {
+  const e = ie(ue.name), {
     action: t,
     icon: n,
     tooltip: c,
@@ -397,7 +399,7 @@ const ue = /* @__PURE__ */ Y.extend({
       },
       [
         "img",
-        B(
+        q(
           // Always render the `height="auto"`
           {
             height: "auto"
@@ -428,5 +430,5 @@ const ue = /* @__PURE__ */ Y.extend({
 });
 export {
   ue as ImageGif,
-  xe as RichTextImageGif
+  Ge as RichTextImageGif
 };