reactjs-tiptap-editor 1.0.16 → 1.0.17

package/lib/ImageGif.js

@@ -1,15 +1,10 @@
-import { h as B, m as q, k as V } from "./clsx-DSzxBzvL.js";
-import { a as H, d as X, c as Y } from "./throttle-D040PfWL.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-C07N8gA1.js";
-import { i as W, c as Q } from "./isNumber-ClwLypY2.js";
-import { A as K } from "./toggle-DEerYRil.js";
-import "./index-DoiuU6VA.js";
+import { h as B, m as q, k as V } from "./clsx-DaPvp9ji.js";
+import { H as k, w as C, J as X, u as Y, d as D, A as Z, K as J, j as U, y as Q } from "./index-RcSPeQHn.js";
+import { jsx as u, jsxs as z, Fragment as K } from "react/jsx-runtime";
+import { useState as G, useMemo as P, useCallback as M, useEffect as $, useRef as ee } from "react";
+import { I as j, i as W, j as te } from "./index-C07N8gA1.js";
 import "./theme.js";
-import { u as ee, a as D } from "./useButtonProps-CtZCbMQu.js";
-import { P as te, a as re, b as ne } from "./popover-CeY3RbI5.js";
-import { I as ie } from "./input-B1egKb-t.js";
+import { P as ne, a as re, b as ie } from "./popover-CtinPbiy.js";
 const O = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
@@ -17,14 +12,14 @@ const O = {
   BOTTOM_RIGHT: "br"
 };
 function ae(e) {
-  var R, k;
-  const [t, n] = G({
-    width: C,
-    height: C
+  var p, H;
+  const [t, r] = G({
+    width: j,
+    height: j
   }), [c, i] = G({
     width: 0,
     height: 0
-  }), [r] = G([
+  }), [n] = G([
     O.TOP_LEFT,
     O.TOP_RIGHT,
     O.BOTTOM_LEFT,
@@ -35,66 +30,66 @@ function ae(e) {
     w: 0,
     h: 0,
     dir: ""
-  }), { align: b } = (R = e == null ? void 0 : e.node) == null ? void 0 : R.attrs, m = L(() => {
+  }), { align: b } = (p = e == null ? void 0 : e.node) == null ? void 0 : p.attrs, g = P(() => {
     var w;
-    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;
+    const { src: o, alt: m, width: f, height: x } = (w = e == null ? void 0 : e.node) == null ? void 0 : w.attrs, A = k(f) ? `${f}px` : f, d = k(x) ? `${x}px` : x;
     return {
       src: o || void 0,
-      alt: g || void 0,
+      alt: m || void 0,
       style: {
         width: A || void 0,
         height: d || void 0
       }
     };
-  }, [(k = e == null ? void 0 : e.node) == null ? void 0 : k.attrs]), _ = L(() => {
+  }, [(H = e == null ? void 0 : e.node) == null ? void 0 : H.attrs]), y = P(() => {
     const {
       style: { width: o }
-    } = m;
+    } = g;
     return { width: o === "100%" ? o : void 0 };
-  }, [m]);
+  }, [g]);
   function h(o) {
     i({
       width: o.target.width,
       height: o.target.height
     });
   }
-  function y() {
-    const { editor: o, getPos: g } = e;
-    o.commands.setNodeSelection(g());
+  function _() {
+    const { editor: o, getPos: m } = e;
+    o.commands.setNodeSelection(m());
   }
-  const T = M(
-    H(() => {
-      const { editor: o } = e, { width: g } = getComputedStyle(o.view.dom);
-      n((f) => ({
+  const I = M(
+    C(() => {
+      const { editor: o } = e, { width: m } = getComputedStyle(o.view.dom);
+      r((f) => ({
         ...f,
-        width: Number.parseInt(g, 10)
+        width: Number.parseInt(m, 10)
       }));
-    }, j),
+    }, W),
     [e == null ? void 0 : e.editor]
   );
-  function F(o, g) {
+  function F(o, m) {
     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);
-    const I = t.width;
-    d && !w ? (d = d > I ? I : d, w = Math.round(d / A)) : w && !d ? (d = Math.round(w * A), d = d > I ? I : d) : !d && !w ? (d = f > I ? I : f, w = Math.round(d / A)) : d = d > I ? I : d, s(!0), v({
+    const T = t.width;
+    d && !w ? (d = d > T ? T : d, w = Math.round(d / A)) : w && !d ? (d = Math.round(w * A), d = d > T ? T : d) : !d && !w ? (d = f > T ? T : f, w = Math.round(d / A)) : d = d > T ? T : d, s(!0), v({
       x: o.clientX,
       y: o.clientY,
       w: d,
       h: w,
-      dir: g
+      dir: m
     });
   }
   const N = M(
-    H((o) => {
+    C((o) => {
       if (o.preventDefault(), o.stopPropagation(), !a)
         return;
-      const { x: g, w: f, dir: x } = l, A = (o.clientX - g) * (/l/.test(x) ? -1 : 1), d = Q(f + A, J, t.width);
+      const { x: m, w: f, dir: x } = l, A = (o.clientX - m) * (/l/.test(x) ? -1 : 1), d = X(f + A, te, t.width);
       e.updateAttributes({
         width: d,
         height: null
       });
-    }, j),
+    }, W),
     [a, l, t, e.updateAttributes]
   ), E = M(
     (o) => {
@@ -104,50 +99,50 @@ function ae(e) {
         w: 0,
         h: 0,
         dir: ""
-      }), s(!1), y());
+      }), s(!1), _());
     },
-    [a, y]
-  ), $ = M(() => {
+    [a, _]
+  ), R = M(() => {
     document == null || document.addEventListener("mousemove", N, !0), document == null || document.addEventListener("mouseup", E, !0);
-  }, [N, E]), p = M(() => {
+  }, [N, E]), S = M(() => {
     document == null || document.removeEventListener("mousemove", N, !0), document == null || document.removeEventListener("mouseup", E, !0);
   }, [N, E]);
-  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(
+  $(() => (a ? R() : S(), () => {
+    S();
+  }), [a, R, S]);
+  const L = P(() => new ResizeObserver(() => I()), [I]);
+  return $(() => (L.observe(e.editor.view.dom), () => {
+    L.disconnect();
+  }), [e.editor.view.dom, L]), /* @__PURE__ */ u(
     B,
     {
       className: "image-view",
-      style: { ..._, width: "100%", textAlign: b },
-      children: /* @__PURE__ */ P(
+      style: { ...y, width: "100%", textAlign: b },
+      children: /* @__PURE__ */ z(
         "div",
         {
           "data-drag-handle": !0,
           draggable: "true",
-          style: _,
+          style: y,
           className: `image-view__body ${e != null && e.selected ? "image-view__body--focused" : ""} ${a ? "image-view__body--resizing" : ""}`,
           children: [
             /* @__PURE__ */ u(
               "img",
               {
-                alt: m.alt,
+                alt: g.alt,
                 className: "image-view__body__image block",
                 height: "auto",
-                onClick: y,
+                onClick: _,
                 onLoad: h,
-                src: m.src,
-                style: m.style
+                src: g.src,
+                style: g.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(
+            (e == null ? void 0 : e.editor.view.editable) && ((e == null ? void 0 : e.selected) || a) && /* @__PURE__ */ u("div", { className: "image-resizer", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ u(
               "span",
               {
                 className: `image-resizer__handler image-resizer__handler--${o}`,
-                onMouseDown: (g) => F(g, o)
+                onMouseDown: (m) => F(m, o)
               },
               `image-dir-${o}`
             )) })
@@ -159,12 +154,12 @@ function ae(e) {
 }
 async function se(e) {
   var c;
-  const n = await (await fetch(`https://api.giphy.com/v1/gifs/trending?q=&limit=15&api_key=${e}`)).json();
-  return (c = n == null ? void 0 : n.data) == null ? void 0 : c.map((i) => {
-    var r, a, s;
+  const r = await (await fetch(`https://api.giphy.com/v1/gifs/trending?q=&limit=15&api_key=${e}`)).json();
+  return (c = r == null ? void 0 : r.data) == null ? void 0 : c.map((i) => {
+    var n, a, s;
     return {
       id: i == null ? void 0 : i.id,
-      src: (r = i == null ? void 0 : i.images.original) == null ? void 0 : r.url,
+      src: (n = i == null ? void 0 : i.images.original) == null ? void 0 : n.url,
       width: +((a = i == null ? void 0 : i.images.original) == null ? void 0 : a.width),
       height: +((s = i == null ? void 0 : i.images.original) == null ? void 0 : s.width)
     };
@@ -173,39 +168,39 @@ async function se(e) {
 async function oe(e, t) {
   var i;
   const c = await (await fetch(`https://api.giphy.com/v1/gifs/search?q=${e}&limit=15&api_key=${t}`)).json();
-  return (i = c == null ? void 0 : c.data) == null ? void 0 : i.map((r) => {
+  return (i = c == null ? void 0 : c.data) == null ? void 0 : i.map((n) => {
     var a, s, l;
     return {
-      id: r == null ? void 0 : r.id,
-      src: (a = r == null ? void 0 : r.images.original) == null ? void 0 : a.url,
-      width: +((s = r == null ? void 0 : r.images.original) == null ? void 0 : s.width),
-      height: +((l = r == null ? void 0 : r.images.original) == null ? void 0 : l.width)
+      id: n == null ? void 0 : n.id,
+      src: (a = n == null ? void 0 : n.images.original) == null ? void 0 : a.url,
+      width: +((s = n == null ? void 0 : n.images.original) == null ? void 0 : s.width),
+      height: +((l = n == null ? void 0 : n.images.original) == null ? void 0 : l.width)
     };
   });
 }
 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();
+  var n, a;
+  const t = await fetch(`https://tenor.googleapis.com/v2/trending_terms?key=${e}&limit=10`), r = await (t == null ? void 0 : t.json()), i = await (await fetch(`https://tenor.googleapis.com/v2/search?key=${e}&q=${(n = r == null ? void 0 : r.results) == null ? void 0 : n[0]}&limit=15`)).json();
   return (a = i == null ? void 0 : i.results) == null ? void 0 : a.map((s) => {
-    var l, v, b, m, _, h, y, T;
+    var l, v, b, g, y, h, _, I;
     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: (_ = (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]
+      width: (y = (g = (b = s == null ? void 0 : s.media_formats) == null ? void 0 : b.gif) == null ? void 0 : g.dims) == null ? void 0 : y[0],
+      height: (I = (_ = (h = s == null ? void 0 : s.media_formats) == null ? void 0 : h.gif) == null ? void 0 : _.dims) == null ? void 0 : I[1]
     };
   });
 }
 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, m, _, h;
+  return (i = c == null ? void 0 : c.results) == null ? void 0 : i.map((n) => {
+    var a, s, l, v, b, g, y, 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 = (_ = (m = r == null ? void 0 : r.media_formats) == null ? void 0 : m.gif) == null ? void 0 : _.dims) == null ? void 0 : h[1]
+      id: n == null ? void 0 : n.id,
+      src: (s = (a = n == null ? void 0 : n.media_formats) == null ? void 0 : a.gif) == null ? void 0 : s.url,
+      width: (b = (v = (l = n == null ? void 0 : n.media_formats) == null ? void 0 : l.gif) == null ? void 0 : v.dims) == null ? void 0 : b[0],
+      height: (h = (y = (g = n == null ? void 0 : n.media_formats) == null ? void 0 : g.gif) == null ? void 0 : y.dims) == null ? void 0 : h[1]
     };
   });
 }
@@ -215,32 +210,32 @@ function le(e, t) {
     searchWord: async (i) => t ? e === "giphy" ? oe(i, t) : e === "tenor" ? de(i, 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: m } = le(n, t);
-  z(() => {
+function he({ selectImage: e, apiKey: t, provider: r, children: c }) {
+  const [i, n] = G(!1), [a, s] = G([]), { editorDisabled: l } = D(), v = ee(null), { searchTrending: b, searchWord: g } = le(r, t);
+  $(() => {
     (async () => {
       const h = await b();
       s(h);
     })();
   }, []);
-  const _ = M(
-    X(async (h) => {
+  const y = M(
+    J(async (h) => {
       if (!h.target.value) {
-        const T = await b();
-        s(T);
+        const I = await b();
+        s(I);
         return;
       }
-      const y = await m(h.target.value);
-      s(y);
+      const _ = await g(h.target.value);
+      s(_);
     }, 350),
     // Adjust the debounce delay as needed
     []
   );
-  return /* @__PURE__ */ P(
-    te,
+  return /* @__PURE__ */ z(
+    ne,
     {
       modal: !0,
-      onOpenChange: r,
+      onOpenChange: n,
       open: i,
       children: [
         /* @__PURE__ */ u(
@@ -252,17 +247,17 @@ function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
           }
         ),
         /* @__PURE__ */ u(
-          ne,
+          ie,
           {
             align: "start",
             className: "richtext-size-full richtext-p-2",
             hideWhenDetached: !0,
             side: "bottom",
-            children: t ? /* @__PURE__ */ P(Z, { children: [
+            children: t ? /* @__PURE__ */ z(K, { children: [
               /* @__PURE__ */ u("div", { className: "richtext-mb-[10px] richtext-w-full", children: /* @__PURE__ */ u(
-                ie,
+                U,
                 {
-                  onChange: _,
+                  onChange: y,
                   placeholder: "Search GIF",
                   ref: v,
                   type: "text"
@@ -275,7 +270,7 @@ function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
                   className: "richtext-cursor-pointer richtext-object-contain richtext-text-center",
                   src: h.src,
                   onClick: () => {
-                    e(h.src), r(!1);
+                    e(h.src), n(!1);
                   }
                 },
                 h.id
@@ -287,34 +282,34 @@ function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
     }
   );
 }
-function Ge() {
-  const e = ee(ue.name), {
+function _e() {
+  const e = Y(ue.name), {
     action: t,
-    icon: n,
+    icon: r,
     tooltip: c,
     apiKey: i,
-    provider: r
+    provider: n
   } = (e == null ? void 0 : e.componentProps) ?? {}, { editorDisabled: a } = D();
   return /* @__PURE__ */ u(
     he,
     {
       apiKey: i,
-      provider: r,
+      provider: n,
       selectImage: (l) => {
         a || t && t(l);
       },
       children: /* @__PURE__ */ u(
-        K,
+        Z,
         {
           disabled: a,
-          icon: n,
+          icon: r,
           tooltip: c
         }
       )
     }
   );
 }
-const ue = /* @__PURE__ */ Y.extend({
+const ue = /* @__PURE__ */ Q.extend({
   name: "imageGif",
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
@@ -331,9 +326,9 @@ const ue = /* @__PURE__ */ Y.extend({
       draggable: !1,
       selectable: !0,
       atom: !0,
-      button: ({ editor: t, extension: n, t: c }) => {
+      button: ({ editor: t, extension: r, t: c }) => {
         var a, s;
-        const i = ((a = n == null ? void 0 : n.options) == null ? void 0 : a.provider) || "", r = ((s = n == null ? void 0 : n.options) == null ? void 0 : s.API_KEY) || "";
+        const i = ((a = r == null ? void 0 : r.options) == null ? void 0 : a.provider) || "", n = ((s = r == null ? void 0 : r.options) == null ? void 0 : s.API_KEY) || "";
         return {
           componentProps: {
             action: (l) => {
@@ -343,7 +338,7 @@ const ue = /* @__PURE__ */ Y.extend({
             disabled: !1,
             icon: "GifIcon",
             tooltip: c("editor.imageGif.tooltip"),
-            apiKey: r,
+            apiKey: n,
             provider: i
           }
         };
@@ -357,8 +352,8 @@ const ue = /* @__PURE__ */ Y.extend({
       width: {
         default: null,
         parseHTML: (t) => {
-          const n = t.style.width || t.getAttribute("width") || "10";
-          return n === void 0 ? null : Number.parseInt(`${n}`, 10);
+          const r = t.style.width || t.getAttribute("width") || "10";
+          return r === void 0 ? null : Number.parseInt(`${r}`, 10);
         },
         renderHTML: (t) => ({
           width: t.width
@@ -380,12 +375,12 @@ const ue = /* @__PURE__ */ Y.extend({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      setImageGif: (t) => ({ commands: n }) => n.insertContent({
+      setImageGif: (t) => ({ commands: r }) => r.insertContent({
         type: this.name,
         attrs: t
       }),
-      updateImageGif: (t) => ({ commands: n }) => n.updateAttributes(this.name, t),
-      setAlignImageGif: (t) => ({ commands: n }) => n.updateAttributes(this.name, { align: t })
+      updateImageGif: (t) => ({ commands: r }) => r.updateAttributes(this.name, t),
+      setAlignImageGif: (t) => ({ commands: r }) => r.updateAttributes(this.name, { align: t })
     };
   },
   renderHTML({ HTMLAttributes: e }) {
@@ -415,12 +410,12 @@ const ue = /* @__PURE__ */ Y.extend({
       {
         tag: "div[class=imageGIf]",
         getAttrs: (e) => {
-          const t = e.querySelector("img"), n = t == null ? void 0 : t.getAttribute("width");
+          const t = e.querySelector("img"), r = t == null ? void 0 : t.getAttribute("width");
           return {
             src: t == null ? void 0 : t.getAttribute("src"),
             alt: t == null ? void 0 : t.getAttribute("alt"),
             title: t == null ? void 0 : t.getAttribute("title"),
-            width: n ? Number.parseInt(n, 10) : null,
+            width: r ? Number.parseInt(r, 10) : null,
             align: (t == null ? void 0 : t.getAttribute("align")) || e.style.textAlign || null
           };
         }
@@ -430,5 +425,5 @@ const ue = /* @__PURE__ */ Y.extend({
 });
 export {
   ue as ImageGif,
-  Ge as RichTextImageGif
+  _e as RichTextImageGif
 };

package/lib/ImportWord.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./clsx-CXbNJWDD.cjs"),l=require("react/jsx-runtime"),q=require("react"),H=require("mammoth"),N=require("./toggle-C_SSvDRy.cjs");require("./index-Cn-t3Zxw.cjs");require("./theme.cjs");const A=require("./Image-iKsGKjvg.cjs"),d=require("./useButtonProps-Cz4W5dC8.cjs"),k=require("./index-BsFvo9PG.cjs");function z(o,t){const s=atob(o.split(",")[1]),c=Array.from({length:s.length});for(let i=0;i<s.length;i++)c[i]=s.charCodeAt(i);const u=new Uint8Array(c);return new Blob([u],{type:t})}function D(o,t){return new File([o],t,{type:o.type})}function K(){const o=d.useEditorInstance(),t=d.useButtonProps(y.name),{icon:s=void 0,tooltip:c=void 0,tooltipOptions:u={},isActive:i=void 0,mammothOptions:w,limit:j,convert:b}=(t==null?void 0:t.componentProps)??{},{editorDisabled:W}=d.useToggleActive(i),p=d.useExtension(y.name),{toast:S}=A.useToast(),{t:B}=k.useLocale(),[C,v]=q.useState(!1),x=q.useRef(null);function O(){var e;(e=x.current)==null||e.click()}function R(e){const n=e.target.files[0];if(n){if(n.size>j){S({variant:"destructive",title:B("editor.importWord.limitSize")});return}F(n)}}async function E(e){const a=new DOMParser().parseFromString(e,"text/html"),f=a.querySelectorAll("img");if(f.length===0)return a.body.innerHTML;if(d.hasExtension(o,A.Image.name)){const g=p==null?void 0:p.options;if(g&&typeof g.upload=="function"){const T=[];for(const h of f){const m=h.getAttribute("src"),r=z(m,"image/jpeg"),M=D(r,"image.jpeg");T.push(M)}const L=await g.upload(T);for(const[h,m]of f.entries()){m.setAttribute("src",L[h].src);const r=m.parentElement;(r==null?void 0:r.tagName)==="P"&&(r.insertAdjacentElement("beforebegin",m),!r.hasChildNodes()&&r.textContent===""&&r.remove())}return a.body.innerHTML}else return console.warn("Image Upload method found, skip image conversion"),a.body.innerHTML}else return console.error("Image extension not found, unable to convert image"),a.body.innerHTML}async function F(e){v(!0);try{if(b){const n=await b(e);I(n)}else{const n=await e.arrayBuffer(),{value:a}=await H.convertToHtml({arrayBuffer:n},w);I(a)}}finally{v(!1)}}async function I(e){const n=await E(e);o.chain().setContent(n,!0).run()}return t?l.jsxs(l.Fragment,{children:[l.jsx(N.ActionButton,{action:O,disabled:W,icon:s,loading:C,tooltip:c,tooltipOptions:u}),l.jsx("input",{accept:".docx",onChange:R,ref:x,type:"file",style:{display:"none"}})]}):l.jsx(l.Fragment,{})}const y=P.Extension.create({name:"importWord",addOptions(){var o;return{...(o=this.parent)==null?void 0:o.call(this),upload:void 0,convert:void 0,limit:1024*1024*10,button:({extension:t,t:s})=>{const{convert:c,limit:u,mammothOptions:i}=t.options;return{componentProps:{convert:c,limit:u,mammothOptions:i,icon:"Word",shortcutKeys:t.options.shortcutKeys??["alt","mod","S"],tooltip:s("editor.importWord.tooltip")}}}}}});exports.ImportWord=y;exports.RichTextImportWord=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./clsx-CXbNJWDD.cjs"),u=require("react/jsx-runtime"),A=require("react"),H=require("mammoth"),s=require("./index-BnVcq33n.cjs");require("./theme.cjs");const P=require("./index-BsFvo9PG.cjs");function N(o,t){const a=atob(o.split(",")[1]),l=Array.from({length:a.length});for(let i=0;i<a.length;i++)l[i]=a.charCodeAt(i);const m=new Uint8Array(l);return new Blob([m],{type:t})}function k(o,t){return new File([o],t,{type:o.type})}function z(){const o=s.useEditorInstance(),t=s.useButtonProps(y.name),{icon:a=void 0,tooltip:l=void 0,tooltipOptions:m={},isActive:i=void 0,mammothOptions:w,limit:j,convert:b}=(t==null?void 0:t.componentProps)??{},{editorDisabled:W}=s.useToggleActive(i),p=s.useExtension(y.name),{toast:q}=s.useToast(),{t:S}=P.useLocale(),[C,v]=A.useState(!1),x=A.useRef(null);function O(){var e;(e=x.current)==null||e.click()}function R(e){const n=e.target.files[0];if(n){if(n.size>j){q({variant:"destructive",title:S("editor.importWord.limitSize")});return}E(n)}}async function B(e){const c=new DOMParser().parseFromString(e,"text/html"),f=c.querySelectorAll("img");if(f.length===0)return c.body.innerHTML;if(s.hasExtension(o,s.Image.name)){const g=p==null?void 0:p.options;if(g&&typeof g.upload=="function"){const T=[];for(const h of f){const d=h.getAttribute("src"),r=N(d,"image/jpeg"),L=k(r,"image.jpeg");T.push(L)}const F=await g.upload(T);for(const[h,d]of f.entries()){d.setAttribute("src",F[h].src);const r=d.parentElement;(r==null?void 0:r.tagName)==="P"&&(r.insertAdjacentElement("beforebegin",d),!r.hasChildNodes()&&r.textContent===""&&r.remove())}return c.body.innerHTML}else return console.warn("Image Upload method found, skip image conversion"),c.body.innerHTML}else return console.error("Image extension not found, unable to convert image"),c.body.innerHTML}async function E(e){v(!0);try{if(b){const n=await b(e);I(n)}else{const n=await e.arrayBuffer(),{value:c}=await H.convertToHtml({arrayBuffer:n},w);I(c)}}finally{v(!1)}}async function I(e){const n=await B(e);o.chain().setContent(n,!0).run()}return t?u.jsxs(u.Fragment,{children:[u.jsx(s.ActionButton,{action:O,disabled:W,icon:a,loading:C,tooltip:l,tooltipOptions:m}),u.jsx("input",{accept:".docx",onChange:R,ref:x,type:"file",style:{display:"none"}})]}):u.jsx(u.Fragment,{})}const y=M.Extension.create({name:"importWord",addOptions(){var o;return{...(o=this.parent)==null?void 0:o.call(this),upload:void 0,convert:void 0,limit:1024*1024*10,button:({extension:t,t:a})=>{const{convert:l,limit:m,mammothOptions:i}=t.options;return{componentProps:{convert:l,limit:m,mammothOptions:i,icon:"Word",shortcutKeys:t.options.shortcutKeys??["alt","mod","S"],tooltip:a("editor.importWord.tooltip")}}}}}});exports.ImportWord=y;exports.RichTextImportWord=z;

package/lib/ImportWord.js

@@ -1,12 +1,9 @@
-import { E as M } from "./clsx-DSzxBzvL.js";
+import { E as M } from "./clsx-DaPvp9ji.js";
 import { jsx as g, Fragment as I, jsxs as P } from "react/jsx-runtime";
 import { useState as R, useRef as N } from "react";
 import k from "mammoth";
-import { A as z } from "./toggle-DEerYRil.js";
-import "./index-DoiuU6VA.js";
+import { h as q, u as z, d as D, q as K, r as U, A as G, s as J, t as Q } from "./index-RcSPeQHn.js";
 import "./theme.js";
-import { u as D, I as K } from "./Image-BZEFuS0P.js";
-import { c as U, u as q, a as G, d as J, i as Q } from "./useButtonProps-CtZCbMQu.js";
 import { u as V } from "./index-C07N8gA1.js";
 function X(e, t) {
   const s = atob(e.split(",")[1]), c = Array.from({ length: s.length });
@@ -18,8 +15,8 @@ function X(e, t) {
 function Y(e, t) {
   return new File([e], t, { type: e.type });
 }
-function ct() {
-  const e = U(), t = q(w.name), {
+function it() {
+  const e = q(), t = z(w.name), {
     icon: s = void 0,
     tooltip: c = void 0,
     tooltipOptions: l = {},
@@ -27,7 +24,7 @@ function ct() {
     mammothOptions: T,
     limit: x,
     convert: h
-  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: C } = G(i), u = J(w.name), { toast: E } = D(), { t: W } = V(), [B, y] = R(!1), b = N(null);
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: C } = D(i), u = K(w.name), { toast: E } = U(), { t: W } = V(), [B, y] = R(!1), b = N(null);
   function L() {
     var o;
     (o = b.current) == null || o.click();
@@ -49,17 +46,17 @@ function ct() {
     const a = new DOMParser().parseFromString(o, "text/html"), p = a.querySelectorAll("img");
     if (p.length === 0)
       return a.body.innerHTML;
-    if (Q(e, K.name)) {
-      const f = u == null ? void 0 : u.options;
-      if (f && typeof f.upload == "function") {
+    if (J(e, Q.name)) {
+      const d = u == null ? void 0 : u.options;
+      if (d && typeof d.upload == "function") {
         const A = [];
-        for (const d of p) {
-          const m = d.getAttribute("src"), r = X(m, "image/jpeg"), H = Y(r, "image.jpeg");
+        for (const f of p) {
+          const m = f.getAttribute("src"), r = X(m, "image/jpeg"), H = Y(r, "image.jpeg");
           A.push(H);
         }
-        const F = await f.upload(A);
-        for (const [d, m] of p.entries()) {
-          m.setAttribute("src", F[d].src);
+        const F = await d.upload(A);
+        for (const [f, m] of p.entries()) {
+          m.setAttribute("src", F[f].src);
           const r = m.parentElement;
           (r == null ? void 0 : r.tagName) === "P" && (r.insertAdjacentElement("beforebegin", m), !r.hasChildNodes() && r.textContent === "" && r.remove());
         }
@@ -92,7 +89,7 @@ function ct() {
   }
   return t ? /* @__PURE__ */ P(I, { children: [
     /* @__PURE__ */ g(
-      z,
+      G,
       {
         action: L,
         disabled: C,
@@ -148,5 +145,5 @@ const w = /* @__PURE__ */ M.create({
 });
 export {
   w as ImportWord,
-  ct as RichTextImportWord
+  it as RichTextImportWord
 };