@remarkablejames/editor 0.0.1 → 0.0.2

package/lib/ImageGif.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./clsx-CXbNJWDD.cjs"),f=require("./index-D9oM__YW.cjs"),l=require("react/jsx-runtime"),u=require("react"),j=require("./index-bVGIXhRg.cjs");require("./theme.cjs");const L=require("./popover-D-hUKDYu.cjs"),N={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function q(e){var k,z;const[t,r]=u.useState({width:j.IMAGE_MAX_SIZE,height:j.IMAGE_MAX_SIZE}),[o,i]=u.useState({width:0,height:0}),[n]=u.useState([N.TOP_LEFT,N.TOP_RIGHT,N.BOTTOM_LEFT,N.BOTTOM_RIGHT]),[s,a]=u.useState(!1),[h,x]=u.useState({x:0,y:0,w:0,h:0,dir:""}),{align:T}=(k=e==null?void 0:e.node)==null?void 0:k.attrs,m=u.useMemo(()=>{var b;const{src:c,alt:w,width:v,height:A}=(b=e==null?void 0:e.node)==null?void 0:b.attrs,G=f.isNumber(v)?`${v}px`:v,d=f.isNumber(A)?`${A}px`:A;return{src:c||void 0,alt:w||void 0,style:{width:G||void 0,height:d||void 0}}},[(z=e==null?void 0:e.node)==null?void 0:z.attrs]),_=u.useMemo(()=>{const{style:{width:c}}=m;return{width:c==="100%"?c:void 0}},[m]);function g(c){i({width:c.target.width,height:c.target.height})}function I(){const{editor:c,getPos:w}=e;c.commands.setNodeSelection(w())}const M=u.useCallback(f.throttle(()=>{const{editor:c}=e,{width:w}=getComputedStyle(c.view.dom);r(v=>({...v,width:Number.parseInt(w,10)}))},j.IMAGE_THROTTLE_WAIT_TIME),[e==null?void 0:e.editor]);function H(c,w){c.preventDefault(),c.stopPropagation();const v=o.width,A=o.height,G=v/A;let d=Number(e.node.attrs.width),b=Number(e.node.attrs.height);const y=t.width;d&&!b?(d=d>y?y:d,b=Math.round(d/G)):b&&!d?(d=Math.round(b*G),d=d>y?y:d):!d&&!b?(d=v>y?y:v,b=Math.round(d/G)):d=d>y?y:d,a(!0),x({x:c.clientX,y:c.clientY,w:d,h:b,dir:w})}const E=u.useCallback(f.throttle(c=>{if(c.preventDefault(),c.stopPropagation(),!s)return;const{x:w,w:v,dir:A}=h,G=(c.clientX-w)*(/l/.test(A)?-1:1),d=f.clamp$1(v+G,j.IMAGE_MIN_SIZE,t.width);e.updateAttributes({width:d,height:null})},j.IMAGE_THROTTLE_WAIT_TIME),[s,h,t,e.updateAttributes]),S=u.useCallback(c=>{c.preventDefault(),c.stopPropagation(),s&&(x({x:0,y:0,w:0,h:0,dir:""}),a(!1),I())},[s,I]),$=u.useCallback(()=>{document==null||document.addEventListener("mousemove",E,!0),document==null||document.addEventListener("mouseup",S,!0)},[E,S]),O=u.useCallback(()=>{document==null||document.removeEventListener("mousemove",E,!0),document==null||document.removeEventListener("mouseup",S,!0)},[E,S]);u.useEffect(()=>(s?$():O(),()=>{O()}),[s,$,O]);const R=u.useMemo(()=>new ResizeObserver(()=>M()),[M]);return u.useEffect(()=>(R.observe(e.editor.view.dom),()=>{R.disconnect()}),[e.editor.view.dom,R]),l.jsx(P.NodeViewWrapper,{className:"image-view",style:{..._,width:"100%",textAlign:T},children:l.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:_,className:`image-view__body ${e!=null&&e.selected?"image-view__body--focused":""} ${s?"image-view__body--resizing":""}`,children:[l.jsx("img",{alt:m.alt,className:"image-view__body__image block",height:"auto",onClick:I,onLoad:g,src:m.src,style:m.style}),(e==null?void 0:e.editor.view.editable)&&((e==null?void 0:e.selected)||s)&&l.jsx("div",{className:"image-resizer",children:n==null?void 0:n.map(c=>l.jsx("span",{className:`image-resizer__handler image-resizer__handler--${c}`,onMouseDown:w=>H(w,c)},`image-dir-${c}`))})]})})}async function W(e){var o;const r=await(await fetch(`https://api.giphy.com/v1/gifs/trending?q=&limit=15&api_key=${e}`)).json();return(o=r==null?void 0:r.data)==null?void 0:o.map(i=>{var n,s,a;return{id:i==null?void 0:i.id,src:(n=i==null?void 0:i.images.original)==null?void 0:n.url,width:+((s=i==null?void 0:i.images.original)==null?void 0:s.width),height:+((a=i==null?void 0:i.images.original)==null?void 0:a.width)}})}async function p(e,t){var i;const o=await(await fetch(`https://api.giphy.com/v1/gifs/search?q=${e}&limit=15&api_key=${t}`)).json();return(i=o==null?void 0:o.data)==null?void 0:i.map(n=>{var s,a,h;return{id:n==null?void 0:n.id,src:(s=n==null?void 0:n.images.original)==null?void 0:s.url,width:+((a=n==null?void 0:n.images.original)==null?void 0:a.width),height:+((h=n==null?void 0:n.images.original)==null?void 0:h.width)}})}async function D(e){var n,s;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(s=i==null?void 0:i.results)==null?void 0:s.map(a=>{var h,x,T,m,_,g,I,M;return{id:a==null?void 0:a.id,src:(x=(h=a==null?void 0:a.media_formats)==null?void 0:h.gif)==null?void 0:x.url,width:(_=(m=(T=a==null?void 0:a.media_formats)==null?void 0:T.gif)==null?void 0:m.dims)==null?void 0:_[0],height:(M=(I=(g=a==null?void 0:a.media_formats)==null?void 0:g.gif)==null?void 0:I.dims)==null?void 0:M[1]}})}async function F(e,t){var i;const o=await(await fetch(`https://tenor.googleapis.com/v2/search?key=${t}&q=${e}&limit=15`)).json();return(i=o==null?void 0:o.results)==null?void 0:i.map(n=>{var s,a,h,x,T,m,_,g;return{id:n==null?void 0:n.id,src:(a=(s=n==null?void 0:n.media_formats)==null?void 0:s.gif)==null?void 0:a.url,width:(T=(x=(h=n==null?void 0:n.media_formats)==null?void 0:h.gif)==null?void 0:x.dims)==null?void 0:T[0],height:(g=(_=(m=n==null?void 0:n.media_formats)==null?void 0:m.gif)==null?void 0:_.dims)==null?void 0:g[1]}})}function B(e,t){return{searchTrending:async()=>t?e==="giphy"?W(t):e==="tenor"?D(t):[]:[],searchWord:async i=>t?e==="giphy"?p(i,t):e==="tenor"?F(i,t):[]:[]}}function V({selectImage:e,apiKey:t,provider:r,children:o}){const[i,n]=u.useState(!1),[s,a]=u.useState([]),{editorDisabled:h}=f.useToggleActive(),x=u.useRef(null),{searchTrending:T,searchWord:m}=B(r,t);u.useEffect(()=>{(async()=>{const g=await T();a(g)})()},[]);const _=u.useCallback(f.debounce(async g=>{if(!g.target.value){const M=await T();a(M);return}const I=await m(g.target.value);a(I)},350),[]);return l.jsxs(L.Popover,{modal:!0,onOpenChange:n,open:i,children:[l.jsx(L.PopoverTrigger,{asChild:!0,disabled:h,children:o}),l.jsx(L.PopoverContent,{align:"start",className:"richtext-size-full richtext-p-2",hideWhenDetached:!0,side:"bottom",children:t?l.jsxs(l.Fragment,{children:[l.jsx("div",{className:"richtext-mb-[10px] richtext-w-full",children:l.jsx(f.Input,{onChange:_,placeholder:"Search GIF",ref:x,type:"text"})}),l.jsx("div",{className:"richtext-max-h-[280px] !richtext-max-w-[400px] richtext-overflow-y-auto",children:l.jsx("div",{className:"richtext-grid richtext-grid-cols-2 richtext-gap-1",children:s!=null&&s.length?s==null?void 0:s.map(g=>l.jsx("img",{alt:"",className:"richtext-cursor-pointer richtext-object-contain richtext-text-center",src:g.src,onClick:()=>{e(g.src),n(!1)}},g.id)):l.jsx("p",{children:"No GIFs found"})})})]}):l.jsx("div",{children:l.jsx("p",{children:"Missing Giphy API Key"})})})]})}function X(){const e=f.useButtonProps(C.name),{action:t,icon:r,tooltip:o,apiKey:i,provider:n}=(e==null?void 0:e.componentProps)??{},{editorDisabled:s}=f.useToggleActive(),a=h=>{s||t&&t(h)};return l.jsx(V,{apiKey:i,provider:n,selectImage:a,children:l.jsx(f.ActionButton,{disabled:s,icon:r,tooltip:o})})}const C=f.index_default.extend({name:"imageGif",addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),inline:!1,content:"",marks:"",group:"block",API_KEY:"",provider:"giphy",draggable:!1,selectable:!0,atom:!0,button:({editor:t,extension:r,t:o})=>{var s,a;const i=((s=r==null?void 0:r.options)==null?void 0:s.provider)||"",n=((a=r==null?void 0:r.options)==null?void 0:a.API_KEY)||"";return{componentProps:{action:h=>{t.chain().focus().setImageGif({src:h}).run()},isActive:()=>!1,disabled:!1,icon:"GifIcon",tooltip:o("editor.imageGif.tooltip"),apiKey:n,provider:i}}}}},addAttributes(){var e;return{...(e=this.parent)==null?void 0:e.call(this),width:{default:null,parseHTML:t=>{const r=t.style.width||t.getAttribute("width")||"10";return r===void 0?null:Number.parseInt(`${r}`,10)},renderHTML:t=>({width:t.width})},align:{default:"center",parseHTML:t=>t.getAttribute("align"),renderHTML:t=>({align:t.align})}}},addNodeView(){return P.ReactNodeViewRenderer(q)},addCommands(){var e;return{...(e=this.parent)==null?void 0:e.call(this),setImageGif:t=>({commands:r})=>r.insertContent({type:this.name,attrs:t}),updateImageGif:t=>({commands:r})=>r.updateAttributes(this.name,t),setAlignImageGif:t=>({commands:r})=>r.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:e}){const{align:t}=e;return["div",{style:t?`text-align: ${t};`:"",class:"imageGIf"},["img",P.mergeAttributes({height:"auto"},this.options.HTMLAttributes,e)]]},parseHTML(){return[{tag:"div[class=imageGIf]",getAttrs:e=>{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:r?Number.parseInt(r,10):null,align:(t==null?void 0:t.getAttribute("align"))||e.style.textAlign||null}}}]}});exports.ImageGif=C;exports.RichTextImageGif=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./clsx-CXbNJWDD.cjs"),N=require("./throttle-gTTvqDTW.cjs"),l=require("react/jsx-runtime"),u=require("react"),G=require("./index-bVGIXhRg.cjs"),L=require("./isNumber-BTYSVlKo.cjs"),W=require("./toggle-oFwBZC4x.cjs"),z=require("./useButtonProps-CFu0GHzW.cjs"),P=require("./popover-B05Fd8lC.cjs"),D=require("./input-s0JD5kf2.cjs"),S={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function B(e){var $,q;const[t,r]=u.useState({width:G.IMAGE_MAX_SIZE,height:G.IMAGE_MAX_SIZE}),[c,i]=u.useState({width:0,height:0}),[n]=u.useState([S.TOP_LEFT,S.TOP_RIGHT,S.BOTTOM_LEFT,S.BOTTOM_RIGHT]),[s,a]=u.useState(!1),[h,b]=u.useState({x:0,y:0,w:0,h:0,dir:""}),{align:x}=($=e==null?void 0:e.node)==null?void 0:$.attrs,m=u.useMemo(()=>{var v;const{src:o,alt:f,width:w,height:M}=(v=e==null?void 0:e.node)==null?void 0:v.attrs,A=L.isNumber(w)?`${w}px`:w,d=L.isNumber(M)?`${M}px`:M;return{src:o||void 0,alt:f||void 0,style:{width:A||void 0,height:d||void 0}}},[(q=e==null?void 0:e.node)==null?void 0:q.attrs]),T=u.useMemo(()=>{const{style:{width:o}}=m;return{width:o==="100%"?o:void 0}},[m]);function g(o){i({width:o.target.width,height:o.target.height})}function _(){const{editor:o,getPos:f}=e;o.commands.setNodeSelection(f())}const y=u.useCallback(N.throttle(()=>{const{editor:o}=e,{width:f}=getComputedStyle(o.view.dom);r(w=>({...w,width:Number.parseInt(f,10)}))},G.IMAGE_THROTTLE_WAIT_TIME),[e==null?void 0:e.editor]);function p(o,f){o.preventDefault(),o.stopPropagation();const w=c.width,M=c.height,A=w/M;let d=Number(e.node.attrs.width),v=Number(e.node.attrs.height);const I=t.width;d&&!v?(d=d>I?I:d,v=Math.round(d/A)):v&&!d?(d=Math.round(v*A),d=d>I?I:d):!d&&!v?(d=w>I?I:w,v=Math.round(d/A)):d=d>I?I:d,a(!0),b({x:o.clientX,y:o.clientY,w:d,h:v,dir:f})}const j=u.useCallback(N.throttle(o=>{if(o.preventDefault(),o.stopPropagation(),!s)return;const{x:f,w,dir:M}=h,A=(o.clientX-f)*(/l/.test(M)?-1:1),d=L.clamp(w+A,G.IMAGE_MIN_SIZE,t.width);e.updateAttributes({width:d,height:null})},G.IMAGE_THROTTLE_WAIT_TIME),[s,h,t,e.updateAttributes]),E=u.useCallback(o=>{o.preventDefault(),o.stopPropagation(),s&&(b({x:0,y:0,w:0,h:0,dir:""}),a(!1),_())},[s,_]),C=u.useCallback(()=>{document==null||document.addEventListener("mousemove",j,!0),document==null||document.addEventListener("mouseup",E,!0)},[j,E]),O=u.useCallback(()=>{document==null||document.removeEventListener("mousemove",j,!0),document==null||document.removeEventListener("mouseup",E,!0)},[j,E]);u.useEffect(()=>(s?C():O(),()=>{O()}),[s,C,O]);const R=u.useMemo(()=>new ResizeObserver(()=>y()),[y]);return u.useEffect(()=>(R.observe(e.editor.view.dom),()=>{R.disconnect()}),[e.editor.view.dom,R]),l.jsx(k.NodeViewWrapper,{className:"image-view",style:{...T,width:"100%",textAlign:x},children:l.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:T,className:`image-view__body ${e!=null&&e.selected?"image-view__body--focused":""} ${s?"image-view__body--resizing":""}`,children:[l.jsx("img",{alt:m.alt,className:"image-view__body__image block",height:"auto",onClick:_,onLoad:g,src:m.src,style:m.style}),(e==null?void 0:e.editor.view.editable)&&((e==null?void 0:e.selected)||s)&&l.jsx("div",{className:"image-resizer",children:n==null?void 0:n.map(o=>l.jsx("span",{className:`image-resizer__handler image-resizer__handler--${o}`,onMouseDown:f=>p(f,o)},`image-dir-${o}`))})]})})}async function F(e){var c;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,s,a;return{id:i==null?void 0:i.id,src:(n=i==null?void 0:i.images.original)==null?void 0:n.url,width:+((s=i==null?void 0:i.images.original)==null?void 0:s.width),height:+((a=i==null?void 0:i.images.original)==null?void 0:a.width)}})}async function V(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(n=>{var s,a,h;return{id:n==null?void 0:n.id,src:(s=n==null?void 0:n.images.original)==null?void 0:s.url,width:+((a=n==null?void 0:n.images.original)==null?void 0:a.width),height:+((h=n==null?void 0:n.images.original)==null?void 0:h.width)}})}async function X(e){var n,s;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(s=i==null?void 0:i.results)==null?void 0:s.map(a=>{var h,b,x,m,T,g,_,y;return{id:a==null?void 0:a.id,src:(b=(h=a==null?void 0:a.media_formats)==null?void 0:h.gif)==null?void 0:b.url,width:(T=(m=(x=a==null?void 0:a.media_formats)==null?void 0:x.gif)==null?void 0:m.dims)==null?void 0:T[0],height:(y=(_=(g=a==null?void 0:a.media_formats)==null?void 0:g.gif)==null?void 0:_.dims)==null?void 0:y[1]}})}async function Y(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(n=>{var s,a,h,b,x,m,T,g;return{id:n==null?void 0:n.id,src:(a=(s=n==null?void 0:n.media_formats)==null?void 0:s.gif)==null?void 0:a.url,width:(x=(b=(h=n==null?void 0:n.media_formats)==null?void 0:h.gif)==null?void 0:b.dims)==null?void 0:x[0],height:(g=(T=(m=n==null?void 0:n.media_formats)==null?void 0:m.gif)==null?void 0:T.dims)==null?void 0:g[1]}})}function Z(e,t){return{searchTrending:async()=>t?e==="giphy"?F(t):e==="tenor"?X(t):[]:[],searchWord:async i=>t?e==="giphy"?V(i,t):e==="tenor"?Y(i,t):[]:[]}}function U({selectImage:e,apiKey:t,provider:r,children:c}){const[i,n]=u.useState(!1),[s,a]=u.useState([]),{editorDisabled:h}=z.useToggleActive(),b=u.useRef(null),{searchTrending:x,searchWord:m}=Z(r,t);u.useEffect(()=>{(async()=>{const g=await x();a(g)})()},[]);const T=u.useCallback(N.debounce(async g=>{if(!g.target.value){const y=await x();a(y);return}const _=await m(g.target.value);a(_)},350),[]);return l.jsxs(P.Popover,{modal:!0,onOpenChange:n,open:i,children:[l.jsx(P.PopoverTrigger,{asChild:!0,disabled:h,children:c}),l.jsx(P.PopoverContent,{align:"start",className:"richtext-size-full richtext-p-2",hideWhenDetached:!0,side:"bottom",children:t?l.jsxs(l.Fragment,{children:[l.jsx("div",{className:"richtext-mb-[10px] richtext-w-full",children:l.jsx(D.Input,{onChange:T,placeholder:"Search GIF",ref:b,type:"text"})}),l.jsx("div",{className:"richtext-max-h-[280px] !richtext-max-w-[400px] richtext-overflow-y-auto",children:l.jsx("div",{className:"richtext-grid richtext-grid-cols-2 richtext-gap-1",children:s!=null&&s.length?s==null?void 0:s.map(g=>l.jsx("img",{alt:"",className:"richtext-cursor-pointer richtext-object-contain richtext-text-center",src:g.src,onClick:()=>{e(g.src),n(!1)}},g.id)):l.jsx("p",{children:"No GIFs found"})})})]}):l.jsx("div",{children:l.jsx("p",{children:"Missing Giphy API Key"})})})]})}function J(){const e=z.useButtonProps(H.name),{action:t,icon:r,tooltip:c,apiKey:i,provider:n}=(e==null?void 0:e.componentProps)??{},{editorDisabled:s}=z.useToggleActive(),a=h=>{s||t&&t(h)};return l.jsx(U,{apiKey:i,provider:n,selectImage:a,children:l.jsx(W.ActionButton,{disabled:s,icon:r,tooltip:c})})}const H=N.index_default.extend({name:"imageGif",addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),inline:!1,content:"",marks:"",group:"block",API_KEY:"",provider:"giphy",draggable:!1,selectable:!0,atom:!0,button:({editor:t,extension:r,t:c})=>{var s,a;const i=((s=r==null?void 0:r.options)==null?void 0:s.provider)||"",n=((a=r==null?void 0:r.options)==null?void 0:a.API_KEY)||"";return{componentProps:{action:h=>{t.chain().focus().setImageGif({src:h}).run()},isActive:()=>!1,disabled:!1,icon:"GifIcon",tooltip:c("editor.imageGif.tooltip"),apiKey:n,provider:i}}}}},addAttributes(){var e;return{...(e=this.parent)==null?void 0:e.call(this),width:{default:null,parseHTML:t=>{const r=t.style.width||t.getAttribute("width")||"10";return r===void 0?null:Number.parseInt(`${r}`,10)},renderHTML:t=>({width:t.width})},align:{default:"center",parseHTML:t=>t.getAttribute("align"),renderHTML:t=>({align:t.align})}}},addNodeView(){return k.ReactNodeViewRenderer(B)},addCommands(){var e;return{...(e=this.parent)==null?void 0:e.call(this),setImageGif:t=>({commands:r})=>r.insertContent({type:this.name,attrs:t}),updateImageGif:t=>({commands:r})=>r.updateAttributes(this.name,t),setAlignImageGif:t=>({commands:r})=>r.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:e}){const{align:t}=e;return["div",{style:t?`text-align: ${t};`:"",class:"imageGIf"},["img",k.mergeAttributes({height:"auto"},this.options.HTMLAttributes,e)]]},parseHTML(){return[{tag:"div[class=imageGIf]",getAttrs:e=>{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:r?Number.parseInt(r,10):null,align:(t==null?void 0:t.getAttribute("align"))||e.style.textAlign||null}}}]}});exports.ImageGif=H;exports.RichTextImageGif=J;

package/lib/ImageGif.js

@@ -1,10 +1,13 @@
-import { h as B, m as q, k as V } from "./clsx-CDyrfCnw.js";
-import { y as k, z as C, F as X, u as Y, d as D, A as Z, G as U, j as J, H as Q } from "./index-lj3VWExo.js";
-import { jsx as u, jsxs as P, Fragment as K } from "react/jsx-runtime";
-import { useState as G, useMemo as L, useCallback as M, useEffect as $, useRef as ee } from "react";
-import { I as j, i as W, j as te } from "./index-4Q5IhypJ.js";
-import "./theme.js";
-import { P as ne, a as re, b as ie } from "./popover-CPr9bHYn.js";
+import { h as B, m as q, k as V } from "./clsx-m_C5j3RU.js";
+import { a as H, d as X, c as Y } from "./throttle-CRNq0z-O.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, i as j, j as J } from "./index-4Q5IhypJ.js";
+import { i as W, c as Q } from "./isNumber-WaBzl_0s.js";
+import { A as K } from "./toggle-DoJTBdvy.js";
+import { u as ee, c as D } from "./useButtonProps-BE10eHkG.js";
+import { P as te, a as re, b as ne } from "./popover-CsSXh7w6.js";
+import { I as ie } from "./input-qvpuOf-3.js";
 const O = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
@@ -12,14 +15,14 @@ const O = {
   BOTTOM_RIGHT: "br"
 };
 function ae(e) {
-  var p, H;
-  const [t, r] = G({
-    width: j,
-    height: j
+  var R, k;
+  const [t, n] = G({
+    width: C,
+    height: C
   }), [c, i] = G({
     width: 0,
     height: 0
-  }), [n] = G([
+  }), [r] = G([
     O.TOP_LEFT,
     O.TOP_RIGHT,
     O.BOTTOM_LEFT,
@@ -30,9 +33,9 @@ function ae(e) {
     w: 0,
     h: 0,
     dir: ""
-  }), { align: b } = (p = e == null ? void 0 : e.node) == null ? void 0 : p.attrs, g = L(() => {
+  }), { align: b } = (R = e == null ? void 0 : e.node) == null ? void 0 : R.attrs, g = P(() => {
     var w;
-    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;
+    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;
     return {
       src: o || void 0,
       alt: m || void 0,
@@ -41,7 +44,7 @@ function ae(e) {
         height: d || void 0
       }
     };
-  }, [(H = e == null ? void 0 : e.node) == null ? void 0 : H.attrs]), y = L(() => {
+  }, [(k = e == null ? void 0 : e.node) == null ? void 0 : k.attrs]), _ = P(() => {
     const {
       style: { width: o }
     } = g;
@@ -53,26 +56,26 @@ function ae(e) {
       height: o.target.height
     });
   }
-  function _() {
+  function y() {
     const { editor: o, getPos: m } = e;
     o.commands.setNodeSelection(m());
   }
-  const I = M(
-    C(() => {
+  const T = M(
+    H(() => {
       const { editor: o } = e, { width: m } = getComputedStyle(o.view.dom);
-      r((f) => ({
+      n((f) => ({
         ...f,
         width: Number.parseInt(m, 10)
       }));
-    }, W),
+    }, j),
     [e == null ? void 0 : e.editor]
   );
   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 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({
+    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({
       x: o.clientX,
       y: o.clientY,
       w: d,
@@ -81,15 +84,15 @@ function ae(e) {
     });
   }
   const N = M(
-    C((o) => {
+    H((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 = X(f + A, te, t.width);
+      const { x: m, w: f, dir: x } = l, A = (o.clientX - m) * (/l/.test(x) ? -1 : 1), d = Q(f + A, J, t.width);
       e.updateAttributes({
         width: d,
         height: null
       });
-    }, W),
+    }, j),
     [a, l, t, e.updateAttributes]
   ), E = M(
     (o) => {
@@ -99,31 +102,31 @@ function ae(e) {
         w: 0,
         h: 0,
         dir: ""
-      }), s(!1), _());
+      }), s(!1), y());
     },
-    [a, _]
-  ), R = M(() => {
+    [a, y]
+  ), $ = M(() => {
     document == null || document.addEventListener("mousemove", N, !0), document == null || document.addEventListener("mouseup", E, !0);
   }, [N, E]), S = M(() => {
     document == null || document.removeEventListener("mousemove", N, !0), document == null || document.removeEventListener("mouseup", E, !0);
   }, [N, E]);
-  $(() => (a ? R() : S(), () => {
+  z(() => (a ? $() : S(), () => {
     S();
-  }), [a, R, S]);
-  const z = L(() => new ResizeObserver(() => I()), [I]);
-  return $(() => (z.observe(e.editor.view.dom), () => {
-    z.disconnect();
-  }), [e.editor.view.dom, z]), /* @__PURE__ */ u(
+  }), [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(
     B,
     {
       className: "image-view",
-      style: { ...y, width: "100%", textAlign: b },
-      children: /* @__PURE__ */ P(
+      style: { ..._, width: "100%", textAlign: b },
+      children: /* @__PURE__ */ p(
         "div",
         {
           "data-drag-handle": !0,
           draggable: "true",
-          style: y,
+          style: _,
           className: `image-view__body ${e != null && e.selected ? "image-view__body--focused" : ""} ${a ? "image-view__body--resizing" : ""}`,
           children: [
             /* @__PURE__ */ u(
@@ -132,13 +135,13 @@ function ae(e) {
                 alt: g.alt,
                 className: "image-view__body__image block",
                 height: "auto",
-                onClick: _,
+                onClick: y,
                 onLoad: h,
                 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: n == null ? void 0 : n.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: r == null ? void 0 : r.map((o) => /* @__PURE__ */ u(
               "span",
               {
                 className: `image-resizer__handler image-resizer__handler--${o}`,
@@ -154,12 +157,12 @@ function ae(e) {
 }
 async function se(e) {
   var c;
-  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;
+  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;
     return {
       id: i == null ? void 0 : i.id,
-      src: (n = i == null ? void 0 : i.images.original) == null ? void 0 : n.url,
+      src: (r = i == null ? void 0 : i.images.original) == null ? void 0 : r.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)
     };
@@ -170,30 +173,30 @@ async function oe(e, t) {
   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((n) => {
+  return (i = c == null ? void 0 : c.data) == null ? void 0 : i.map((r) => {
     var a, s, l;
     return {
-      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)
+      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)
     };
   });
 }
 async function ce(e) {
-  var n, a;
+  var r, 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`
+  ), 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, y, h, _, I;
+    var l, v, b, g, _, 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: (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]
+      width: (_ = (g = (b = s == null ? void 0 : s.media_formats) == null ? void 0 : b.gif) == null ? void 0 : g.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]
     };
   });
 }
@@ -202,13 +205,13 @@ async function de(e, t) {
   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((n) => {
-    var a, s, l, v, b, g, y, h;
+  return (i = c == null ? void 0 : c.results) == null ? void 0 : i.map((r) => {
+    var a, s, l, v, b, g, _, h;
     return {
-      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]
+      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]
     };
   });
 }
@@ -218,41 +221,41 @@ 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: r, children: c }) {
-  const [i, n] = G(!1), [a, s] = G([]), { editorDisabled: l } = D(), v = ee(null), { searchTrending: b, searchWord: g } = le(r, 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);
+  z(() => {
     (async () => {
       const h = await b();
       s(h);
     })();
   }, []);
-  const y = M(
-    U(async (h) => {
+  const _ = M(
+    X(async (h) => {
       if (!h.target.value) {
-        const I = await b();
-        s(I);
+        const T = await b();
+        s(T);
         return;
       }
-      const _ = await g(h.target.value);
-      s(_);
+      const y = await g(h.target.value);
+      s(y);
     }, 350),
     // Adjust the debounce delay as needed
     []
   );
-  return /* @__PURE__ */ P(ne, { modal: !0, onOpenChange: n, open: i, children: [
+  return /* @__PURE__ */ p(te, { modal: !0, onOpenChange: r, open: i, children: [
     /* @__PURE__ */ u(re, { asChild: !0, disabled: l, children: c }),
     /* @__PURE__ */ u(
-      ie,
+      ne,
       {
         align: "start",
         className: "richtext-size-full richtext-p-2",
         hideWhenDetached: !0,
         side: "bottom",
-        children: t ? /* @__PURE__ */ P(K, { children: [
+        children: t ? /* @__PURE__ */ p(Z, { children: [
           /* @__PURE__ */ u("div", { className: "richtext-mb-[10px] richtext-w-full", children: /* @__PURE__ */ u(
-            J,
+            ie,
             {
-              onChange: y,
+              onChange: _,
               placeholder: "Search GIF",
               ref: v,
               type: "text"
@@ -265,7 +268,7 @@ function he({ selectImage: e, apiKey: t, provider: r, children: c }) {
               className: "richtext-cursor-pointer richtext-object-contain richtext-text-center",
               src: h.src,
               onClick: () => {
-                e(h.src), n(!1);
+                e(h.src), r(!1);
               }
             },
             h.id
@@ -275,13 +278,13 @@ function he({ selectImage: e, apiKey: t, provider: r, children: c }) {
     )
   ] });
 }
-function _e() {
-  const e = Y(ue.name), { action: t, icon: r, tooltip: c, apiKey: i, provider: n } = (e == null ? void 0 : e.componentProps) ?? {}, { editorDisabled: a } = D();
-  return /* @__PURE__ */ u(he, { apiKey: i, provider: n, selectImage: (l) => {
+function xe() {
+  const e = ee(ue.name), { action: t, icon: n, tooltip: c, apiKey: i, provider: r } = (e == null ? void 0 : e.componentProps) ?? {}, { editorDisabled: a } = D();
+  return /* @__PURE__ */ u(he, { apiKey: i, provider: r, selectImage: (l) => {
     a || t && t(l);
-  }, children: /* @__PURE__ */ u(Z, { disabled: a, icon: r, tooltip: c }) });
+  }, children: /* @__PURE__ */ u(K, { disabled: a, icon: n, tooltip: c }) });
 }
-const ue = /* @__PURE__ */ Q.extend({
+const ue = /* @__PURE__ */ Y.extend({
   name: "imageGif",
   //@ts-expect-error
   addOptions() {
@@ -297,9 +300,9 @@ const ue = /* @__PURE__ */ Q.extend({
       draggable: !1,
       selectable: !0,
       atom: !0,
-      button: ({ editor: t, extension: r, t: c }) => {
+      button: ({ editor: t, extension: n, t: c }) => {
         var a, s;
-        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) || "";
+        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) || "";
         return {
           componentProps: {
             action: (l) => {
@@ -309,7 +312,7 @@ const ue = /* @__PURE__ */ Q.extend({
             disabled: !1,
             icon: "GifIcon",
             tooltip: c("editor.imageGif.tooltip"),
-            apiKey: n,
+            apiKey: r,
             provider: i
           }
         };
@@ -323,8 +326,8 @@ const ue = /* @__PURE__ */ Q.extend({
       width: {
         default: null,
         parseHTML: (t) => {
-          const r = t.style.width || t.getAttribute("width") || "10";
-          return r === void 0 ? null : Number.parseInt(`${r}`, 10);
+          const n = t.style.width || t.getAttribute("width") || "10";
+          return n === void 0 ? null : Number.parseInt(`${n}`, 10);
         },
         renderHTML: (t) => ({
           width: t.width
@@ -346,12 +349,12 @@ const ue = /* @__PURE__ */ Q.extend({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      setImageGif: (t) => ({ commands: r }) => r.insertContent({
+      setImageGif: (t) => ({ commands: n }) => n.insertContent({
         type: this.name,
         attrs: t
       }),
-      updateImageGif: (t) => ({ commands: r }) => r.updateAttributes(this.name, t),
-      setAlignImageGif: (t) => ({ commands: r }) => r.updateAttributes(this.name, { align: t })
+      updateImageGif: (t) => ({ commands: n }) => n.updateAttributes(this.name, t),
+      setAlignImageGif: (t) => ({ commands: n }) => n.updateAttributes(this.name, { align: t })
     };
   },
   renderHTML({ HTMLAttributes: e }) {
@@ -381,12 +384,12 @@ const ue = /* @__PURE__ */ Q.extend({
       {
         tag: "div[class=imageGIf]",
         getAttrs: (e) => {
-          const t = e.querySelector("img"), r = t == null ? void 0 : t.getAttribute("width");
+          const t = e.querySelector("img"), n = 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: r ? Number.parseInt(r, 10) : null,
+            width: n ? Number.parseInt(n, 10) : null,
             align: (t == null ? void 0 : t.getAttribute("align")) || e.style.textAlign || null
           };
         }
@@ -396,5 +399,5 @@ const ue = /* @__PURE__ */ Q.extend({
 });
 export {
   ue as ImageGif,
-  _e as RichTextImageGif
+  xe as RichTextImageGif
 };

package/lib/ImportWord.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./clsx-CXbNJWDD.cjs"),u=require("react/jsx-runtime"),H=require("mammoth"),A=require("react"),s=require("./index-D9oM__YW.cjs");require("./theme.cjs");const P=require("./index-bVGIXhRg.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./clsx-CXbNJWDD.cjs"),l=require("react/jsx-runtime"),H=require("mammoth"),A=require("react"),N=require("./toggle-oFwBZC4x.cjs"),w=require("./ImageCropper-BKhXlnXN.cjs"),d=require("./useButtonProps-CFu0GHzW.cjs"),k=require("./index-bVGIXhRg.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:j,limit:q,convert:b}=(t==null?void 0:t.componentProps)??{},{editorDisabled:W}=d.useToggleActive(i),p=d.useExtension(y.name),{toast:S}=w.useToast(),{t:B}=k.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>q){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,w.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},j);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;

package/lib/ImportWord.js

@@ -1,9 +1,10 @@
-import { E as M } from "./clsx-CDyrfCnw.js";
+import { E as M } from "./clsx-m_C5j3RU.js";
 import { jsx as g, Fragment as I, jsxs as P } from "react/jsx-runtime";
 import R from "mammoth";
 import { useState as N, useRef as k } from "react";
-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-lj3VWExo.js";
-import "./theme.js";
+import { A as z } from "./toggle-DoJTBdvy.js";
+import { u as D, I as K } from "./ImageCropper-DUzu_9-6.js";
+import { f as U, u as q, c as G, i as J, j as Q } from "./useButtonProps-BE10eHkG.js";
 import { u as V } from "./index-4Q5IhypJ.js";
 function X(e, t) {
   const s = atob(e.split(",")[1]), c = Array.from({ length: s.length });
@@ -15,8 +16,8 @@ function X(e, t) {
 function Y(e, t) {
   return new File([e], t, { type: e.type });
 }
-function it() {
-  const e = q(), t = z(w.name), {
+function st() {
+  const e = U(), t = q(w.name), {
     icon: s = void 0,
     tooltip: c = void 0,
     tooltipOptions: l = {},
@@ -24,12 +25,12 @@ function it() {
     mammothOptions: T,
     limit: x,
     convert: h
-  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: C } = D(i), u = K(w.name), { toast: E } = U(), { t: W } = V(), [B, y] = N(!1), b = k(null);
-  function L() {
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: C } = G(i), u = J(w.name), { toast: E } = D(), { t: W } = V(), [j, y] = N(!1), b = k(null);
+  function B() {
     var o;
     (o = b.current) == null || o.click();
   }
-  function O(o) {
+  function L(o) {
     const n = o.target.files[0];
     if (n) {
       if (n.size > x) {
@@ -39,24 +40,24 @@ function it() {
         });
         return;
       }
-      j(n);
+      S(n);
     }
   }
-  async function S(o) {
+  async function O(o) {
     const a = new DOMParser().parseFromString(o, "text/html"), p = a.querySelectorAll("img");
     if (p.length === 0)
       return a.body.innerHTML;
-    if (J(e, Q.name)) {
-      const d = u == null ? void 0 : u.options;
-      if (d && typeof d.upload == "function") {
+    if (Q(e, K.name)) {
+      const f = u == null ? void 0 : u.options;
+      if (f && typeof f.upload == "function") {
         const A = [];
-        for (const f of p) {
-          const m = f.getAttribute("src"), r = X(m, "image/jpeg"), H = Y(r, "image.jpeg");
+        for (const d of p) {
+          const m = d.getAttribute("src"), r = X(m, "image/jpeg"), H = Y(r, "image.jpeg");
           A.push(H);
         }
-        const F = await d.upload(A);
-        for (const [f, m] of p.entries()) {
-          m.setAttribute("src", F[f].src);
+        const F = await f.upload(A);
+        for (const [d, m] of p.entries()) {
+          m.setAttribute("src", F[d].src);
           const r = m.parentElement;
           (r == null ? void 0 : r.tagName) === "P" && (r.insertAdjacentElement("beforebegin", m), !r.hasChildNodes() && r.textContent === "" && r.remove());
         }
@@ -66,7 +67,7 @@ function it() {
     } else
       return console.error("Image extension not found, unable to convert image"), a.body.innerHTML;
   }
-  async function j(o) {
+  async function S(o) {
     y(!0);
     try {
       if (h) {
@@ -81,17 +82,17 @@ function it() {
     }
   }
   async function v(o) {
-    const n = await S(o);
+    const n = await O(o);
     e.chain().setContent(n, !0).run();
   }
   return t ? /* @__PURE__ */ P(I, { children: [
     /* @__PURE__ */ g(
-      G,
+      z,
       {
-        action: L,
+        action: B,
         disabled: C,
         icon: s,
-        loading: B,
+        loading: j,
         tooltip: c,
         tooltipOptions: l
       }
@@ -100,7 +101,7 @@ function it() {
       "input",
       {
         accept: ".docx",
-        onChange: O,
+        onChange: L,
         ref: b,
         type: "file",
         style: {
@@ -141,5 +142,5 @@ const w = /* @__PURE__ */ M.create({
 });
 export {
   w as ImportWord,
-  it as RichTextImportWord
+  st as RichTextImportWord
 };