reactjs-tiptap-editor 1.0.1 → 1.0.2

package/lib/ImageGif.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("./index-RfTlOzIr.cjs"),N=require("./throttle-qX7Yjtsg.cjs"),C=require("./index-BH4bc3jN.cjs"),l=require("react/jsx-runtime"),d=require("react"),G=require("./index-Dfmm6FTT.cjs"),L=require("./isNumber-ClPupm7P.cjs"),B=require("./toggle-D41PzQLJ.cjs");require("./index-DV5kbgRU.cjs");const z=require("./useButtonProps-C6Vpn190.cjs"),P=require("./popover-BgmUNMHj.cjs"),D=require("./input-_ECRfn3Y.cjs"),S={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function F(e){var q,k;const[t,r]=d.useState({width:G.IMAGE_MAX_SIZE,height:G.IMAGE_MAX_SIZE}),[c,i]=d.useState({width:0,height:0}),[n]=d.useState([S.TOP_LEFT,S.TOP_RIGHT,S.BOTTOM_LEFT,S.BOTTOM_RIGHT]),[a,s]=d.useState(!1),[h,f]=d.useState({x:0,y:0,w:0,h:0,dir:""}),{align:b}=(q=e==null?void 0:e.node)==null?void 0:q.attrs,m=d.useMemo(()=>{var x;const{src:o,alt:w,width:v,height:y}=(x=e==null?void 0:e.node)==null?void 0:x.attrs,M=L.isNumber(v)?`${v}px`:v,u=L.isNumber(y)?`${y}px`:y;return{src:o||void 0,alt:w||void 0,style:{width:M||void 0,height:u||void 0}}},[(k=e==null?void 0:e.node)==null?void 0:k.attrs]),g=d.useMemo(()=>{const{style:{width:o}}=m;return{width:o==="100%"?o:void 0}},[m]);function T(o){i({width:o.target.width,height:o.target.height})}function _(){const{editor:o,getPos:w}=e;o.commands.setNodeSelection(w())}const A=d.useCallback(N.throttle(()=>{const{editor:o}=e,{width:w}=getComputedStyle(o.view.dom);r(v=>({...v,width:Number.parseInt(w,10)}))},G.IMAGE_THROTTLE_WAIT_TIME),[e==null?void 0:e.editor]);function p(o,w){o.preventDefault(),o.stopPropagation();const v=c.width,y=c.height,M=v/y;let u=Number(e.node.attrs.width),x=Number(e.node.attrs.height);const I=t.width;u&&!x?(u=u>I?I:u,x=Math.round(u/M)):x&&!u?(u=Math.round(x*M),u=u>I?I:u):!u&&!x?(u=v>I?I:v,x=Math.round(u/M)):u=u>I?I:u,s(!0),f({x:o.clientX,y:o.clientY,w:u,h:x,dir:w})}const j=d.useCallback(N.throttle(o=>{if(o.preventDefault(),o.stopPropagation(),!a)return;const{x:w,w:v,dir:y}=h,M=(o.clientX-w)*(/l/.test(y)?-1:1),u=L.clamp(v+M,G.IMAGE_MIN_SIZE,t.width);e.updateAttributes({width:u,height:null})},G.IMAGE_THROTTLE_WAIT_TIME),[a,h,t,e.updateAttributes]),E=d.useCallback(o=>{o.preventDefault(),o.stopPropagation(),a&&(f({x:0,y:0,w:0,h:0,dir:""}),s(!1),_())},[a,_]),$=d.useCallback(()=>{document==null||document.addEventListener("mousemove",j,!0),document==null||document.addEventListener("mouseup",E,!0)},[j,E]),O=d.useCallback(()=>{document==null||document.removeEventListener("mousemove",j,!0),document==null||document.removeEventListener("mouseup",E,!0)},[j,E]);d.useEffect(()=>(a?$():O(),()=>{O()}),[a,$,O]);const R=d.useMemo(()=>new ResizeObserver(()=>A()),[A]);return d.useEffect(()=>(R.observe(e.editor.view.dom),()=>{R.disconnect()}),[e.editor.view.dom,R]),l.jsx(C.NodeViewWrapper,{className:"image-view",style:{...g,width:"100%",textAlign:b},children:l.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:g,className:`image-view__body ${e!=null&&e.selected?"image-view__body--focused":""} ${a?"image-view__body--resizing":""}`,children:[l.jsx("img",{alt:m.alt,className:"image-view__body__image block",height:"auto",onClick:_,onLoad:T,src:m.src,style:m.style}),(e==null?void 0:e.editor.view.editable)&&((e==null?void 0:e.selected)||a)&&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:w=>p(w,o)},`image-dir-${o}`))})]})})}async function V(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;return{id:i==null?void 0:i.id,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)}})}async function X(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 a,s,h;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:+((h=n==null?void 0:n.images.original)==null?void 0:h.width)}})}async function Y(e){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 h,f,b,m,g,T,_,A;return{id:s==null?void 0:s.id,src:(f=(h=s==null?void 0:s.media_formats)==null?void 0:h.gif)==null?void 0:f.url,width:(g=(m=(b=s==null?void 0:s.media_formats)==null?void 0:b.gif)==null?void 0:m.dims)==null?void 0:g[0],height:(A=(_=(T=s==null?void 0:s.media_formats)==null?void 0:T.gif)==null?void 0:_.dims)==null?void 0:A[1]}})}async function Z(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 a,s,h,f,b,m,g,T;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=(f=(h=n==null?void 0:n.media_formats)==null?void 0:h.gif)==null?void 0:f.dims)==null?void 0:b[0],height:(T=(g=(m=n==null?void 0:n.media_formats)==null?void 0:m.gif)==null?void 0:g.dims)==null?void 0:T[1]}})}function U(e,t){return{searchTrending:async()=>t?e==="giphy"?V(t):e==="tenor"?Y(t):[]:[],searchWord:async i=>t?e==="giphy"?X(i,t):e==="tenor"?Z(i,t):[]:[]}}function J({selectImage:e,apiKey:t,provider:r,children:c}){const[i,n]=d.useState(!1),[a,s]=d.useState([]),h=d.useRef(null),{searchTrending:f,searchWord:b}=U(r,t);d.useEffect(()=>{(async()=>{const g=await f();s(g)})()},[]);const m=d.useCallback(N.debounce(async g=>{if(!g.target.value){const _=await f();s(_);return}const T=await b(g.target.value);s(T)},350),[]);return l.jsxs(P.Popover,{modal:!0,onOpenChange:n,open:i,children:[l.jsx(P.PopoverTrigger,{asChild:!0,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:m,placeholder:"Search GIF",ref:h,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:a!=null&&a.length?a==null?void 0:a.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 Q(){const e=z.useButtonProps(H.name),{action:t,icon:r,tooltip:c,apiKey:i,provider:n}=(e==null?void 0:e.componentProps)??{},{editorDisabled:a}=z.useToggleActive(),s=h=>{a||t&&t(h)};return l.jsx(J,{apiKey:i,provider:n,selectImage:s,children:l.jsx(B.ActionButton,{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 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)||"";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 C.ReactNodeViewRenderer(F)},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",W.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=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("./index-DLqogznp.cjs"),N=require("./throttle-DXN-aiH5.cjs"),l=require("react/jsx-runtime"),u=require("react"),G=require("./index-B0fWAhpK.cjs"),L=require("./isNumber-C2saEiG2.cjs"),W=require("./toggle-BWfca8kh.cjs");require("./index-DM3mpxB-.cjs");const k=require("./useButtonProps-DJ51kDtM.cjs"),P=require("./popover-C64cn4Pd.cjs"),D=require("./input-CadAYBdT.cjs"),S={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function B(e){var z,C;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}=(z=e==null?void 0:e.node)==null?void 0:z.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}}},[(C=e==null?void 0:e.node)==null?void 0:C.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,_]),q=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?q():O(),()=>{O()}),[s,q,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($.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}=k.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=k.useButtonProps(H.name),{action:t,icon:r,tooltip:c,apiKey:i,provider:n}=(e==null?void 0:e.componentProps)??{},{editorDisabled:s}=k.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 $.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",$.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,15 +1,14 @@
-import { m as F } from "./index-DnWWK9F_.js";
-import { a as k, d as B, c as q } from "./throttle-CdwDrFpn.js";
-import { N as V, R as X } from "./index-DzcKxutn.js";
-import { jsx as u, jsxs as P, Fragment as Y } from "react/jsx-runtime";
-import { useState as A, useMemo as L, useCallback as G, useEffect as z, useRef as Z } from "react";
-import { I as C, m as W, n as U } from "./index-DYkucCoF.js";
-import { i as j, c as J } from "./isNumber-fpLGS0AZ.js";
-import { A as Q } from "./toggle-Cdp4IT2U.js";
-import "./index-BPfVXs5_.js";
-import { u as K, a as ee } from "./useButtonProps-BsEd4zYM.js";
-import { P as te, a as re, b as ne } from "./popover-CAuEW0Mr.js";
-import { I as ie } from "./input-wJ9PDEzZ.js";
+import { s as B, m as q, R as V } from "./index-nFjllrEl.js";
+import { a as H, d as X, c as Y } from "./throttle-CGM5M2yG.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, j, k as J } from "./index-CEbbM7Gx.js";
+import { i as W, c as Q } from "./isNumber-CTm1pIvN.js";
+import { A as K } from "./toggle-Crvm3Tcn.js";
+import "./index-ClAEwR0V.js";
+import { u as ee, a as D } from "./useButtonProps--5ytUuGi.js";
+import { P as te, a as re, b as ne } from "./popover-ydZ2mHXy.js";
+import { I as ie } from "./input-U-XBy56K.js";
 const O = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
@@ -17,88 +16,88 @@ const O = {
   BOTTOM_RIGHT: "br"
 };
 function ae(e) {
-  var $, H;
-  const [t, n] = A({
+  var $, k;
+  const [t, n] = G({
     width: C,
     height: C
-  }), [c, i] = A({
+  }), [c, i] = G({
     width: 0,
     height: 0
-  }), [r] = A([
+  }), [r] = G([
     O.TOP_LEFT,
     O.TOP_RIGHT,
     O.BOTTOM_LEFT,
     O.BOTTOM_RIGHT
-  ]), [a, s] = A(!1), [l, g] = A({
+  ]), [a, s] = G(!1), [l, v] = G({
     x: 0,
     y: 0,
     w: 0,
     h: 0,
     dir: ""
-  }), { align: b } = ($ = e == null ? void 0 : e.node) == null ? void 0 : $.attrs, m = L(() => {
-    var v;
-    const { src: o, alt: f, width: w, height: T } = (v = e == null ? void 0 : e.node) == null ? void 0 : v.attrs, x = j(w) ? `${w}px` : w, d = j(T) ? `${T}px` : T;
+  }), { align: b } = ($ = e == null ? void 0 : e.node) == null ? void 0 : $.attrs, g = 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;
     return {
       src: o || void 0,
-      alt: f || void 0,
+      alt: m || void 0,
       style: {
-        width: x || void 0,
+        width: A || void 0,
         height: d || void 0
       }
     };
-  }, [(H = e == null ? void 0 : e.node) == null ? void 0 : H.attrs]), h = L(() => {
+  }, [(k = e == null ? void 0 : e.node) == null ? void 0 : k.attrs]), _ = L(() => {
     const {
       style: { width: o }
-    } = m;
+    } = g;
     return { width: o === "100%" ? o : void 0 };
-  }, [m]);
-  function _(o) {
+  }, [g]);
+  function h(o) {
     i({
       width: o.target.width,
       height: o.target.height
     });
   }
   function y() {
-    const { editor: o, getPos: f } = e;
-    o.commands.setNodeSelection(f());
+    const { editor: o, getPos: m } = e;
+    o.commands.setNodeSelection(m());
   }
-  const M = G(
-    k(() => {
-      const { editor: o } = e, { width: f } = getComputedStyle(o.view.dom);
-      n((w) => ({
-        ...w,
-        width: Number.parseInt(f, 10)
+  const T = M(
+    H(() => {
+      const { editor: o } = e, { width: m } = getComputedStyle(o.view.dom);
+      n((f) => ({
+        ...f,
+        width: Number.parseInt(m, 10)
       }));
-    }, W),
+    }, j),
     [e == null ? void 0 : e.editor]
   );
-  function D(o, f) {
+  function F(o, m) {
     o.preventDefault(), o.stopPropagation();
-    const w = c.width, T = c.height, x = w / T;
-    let d = Number(e.node.attrs.width), v = Number(e.node.attrs.height);
+    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 && !v ? (d = d > I ? I : d, v = Math.round(d / x)) : v && !d ? (d = Math.round(v * x), d = d > I ? I : d) : !d && !v ? (d = w > I ? I : w, v = Math.round(d / x)) : d = d > I ? I : d, s(!0), g({
+    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,
-      h: v,
-      dir: f
+      h: w,
+      dir: m
     });
   }
-  const N = G(
-    k((o) => {
+  const N = M(
+    H((o) => {
       if (o.preventDefault(), o.stopPropagation(), !a)
         return;
-      const { x: f, w, dir: T } = l, x = (o.clientX - f) * (/l/.test(T) ? -1 : 1), d = J(w + x, U, 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 = G(
+  ), E = M(
     (o) => {
-      o.preventDefault(), o.stopPropagation(), a && (g({
+      o.preventDefault(), o.stopPropagation(), a && (v({
         x: 0,
         y: 0,
         w: 0,
@@ -107,47 +106,47 @@ function ae(e) {
       }), s(!1), y());
     },
     [a, y]
-  ), R = G(() => {
+  ), R = M(() => {
     document == null || document.addEventListener("mousemove", N, !0), document == null || document.addEventListener("mouseup", E, !0);
-  }, [N, E]), p = G(() => {
+  }, [N, E]), S = M(() => {
     document == null || document.removeEventListener("mousemove", N, !0), document == null || document.removeEventListener("mouseup", E, !0);
   }, [N, E]);
-  z(() => (a ? R() : p(), () => {
-    p();
-  }), [a, R, p]);
-  const S = L(() => new ResizeObserver(() => M()), [M]);
-  return z(() => (S.observe(e.editor.view.dom), () => {
-    S.disconnect();
-  }), [e.editor.view.dom, S]), /* @__PURE__ */ u(
-    V,
+  z(() => (a ? R() : S(), () => {
+    S();
+  }), [a, R, S]);
+  const p = L(() => new ResizeObserver(() => T()), [T]);
+  return z(() => (p.observe(e.editor.view.dom), () => {
+    p.disconnect();
+  }), [e.editor.view.dom, p]), /* @__PURE__ */ u(
+    B,
     {
       className: "image-view",
-      style: { ...h, width: "100%", textAlign: b },
+      style: { ..._, width: "100%", textAlign: b },
       children: /* @__PURE__ */ P(
         "div",
         {
           "data-drag-handle": !0,
           draggable: "true",
-          style: h,
+          style: _,
           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,
-                onLoad: _,
-                src: m.src,
-                style: m.style
+                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: r == null ? void 0 : r.map((o) => /* @__PURE__ */ u(
               "span",
               {
                 className: `image-resizer__handler image-resizer__handler--${o}`,
-                onMouseDown: (f) => D(f, o)
+                onMouseDown: (m) => F(m, o)
               },
               `image-dir-${o}`
             )) })
@@ -187,12 +186,12 @@ 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, g, b, m, h, _, y, M;
+    var l, v, b, g, _, h, y, T;
     return {
       id: s == null ? void 0 : s.id,
-      src: (g = (l = s == null ? void 0 : s.media_formats) == null ? void 0 : l.gif) == null ? void 0 : g.url,
-      width: (h = (m = (b = s == null ? void 0 : s.media_formats) == null ? void 0 : b.gif) == null ? void 0 : m.dims) == null ? void 0 : h[0],
-      height: (M = (y = (_ = s == null ? void 0 : s.media_formats) == null ? void 0 : _.gif) == null ? void 0 : y.dims) == null ? void 0 : M[1]
+      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],
+      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]
     };
   });
 }
@@ -200,12 +199,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, g, b, m, h, _;
+    var a, s, l, v, b, g, _, 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 = (g = (l = r == null ? void 0 : r.media_formats) == null ? void 0 : l.gif) == null ? void 0 : g.dims) == null ? void 0 : b[0],
-      height: (_ = (h = (m = r == null ? void 0 : r.media_formats) == null ? void 0 : m.gif) == null ? void 0 : h.dims) == null ? void 0 : _[1]
+      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]
     };
   });
 }
@@ -216,22 +215,22 @@ function le(e, t) {
   };
 }
 function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
-  const [i, r] = A(!1), [a, s] = A([]), l = Z(null), { searchTrending: g, searchWord: b } = le(n, t);
+  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 g();
+      const h = await b();
       s(h);
     })();
   }, []);
-  const m = G(
-    B(async (h) => {
+  const _ = M(
+    X(async (h) => {
       if (!h.target.value) {
-        const y = await g();
-        s(y);
+        const T = await b();
+        s(T);
         return;
       }
-      const _ = await b(h.target.value);
-      s(_);
+      const y = await g(h.target.value);
+      s(y);
     }, 350),
     // Adjust the debounce delay as needed
     []
@@ -243,7 +242,14 @@ function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
       onOpenChange: r,
       open: i,
       children: [
-        /* @__PURE__ */ u(re, { asChild: !0, children: c }),
+        /* @__PURE__ */ u(
+          re,
+          {
+            asChild: !0,
+            disabled: l,
+            children: c
+          }
+        ),
         /* @__PURE__ */ u(
           ne,
           {
@@ -251,13 +257,13 @@ 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(Y, { children: [
+            children: t ? /* @__PURE__ */ P(Z, { children: [
               /* @__PURE__ */ u("div", { className: "richtext-mb-[10px] richtext-w-full", children: /* @__PURE__ */ u(
                 ie,
                 {
-                  onChange: m,
+                  onChange: _,
                   placeholder: "Search GIF",
-                  ref: l,
+                  ref: v,
                   type: "text"
                 }
               ) }),
@@ -280,14 +286,14 @@ function he({ selectImage: e, apiKey: t, provider: n, children: c }) {
     }
   );
 }
-function Ge() {
-  const e = K(ue.name), {
+function Ae() {
+  const e = ee(ue.name), {
     action: t,
     icon: n,
     tooltip: c,
     apiKey: i,
     provider: r
-  } = (e == null ? void 0 : e.componentProps) ?? {}, { editorDisabled: a } = ee();
+  } = (e == null ? void 0 : e.componentProps) ?? {}, { editorDisabled: a } = D();
   return /* @__PURE__ */ u(
     he,
     {
@@ -297,8 +303,9 @@ function Ge() {
         a || t && t(l);
       },
       children: /* @__PURE__ */ u(
-        Q,
+        K,
         {
+          disabled: a,
           icon: n,
           tooltip: c
         }
@@ -306,7 +313,7 @@ function Ge() {
     }
   );
 }
-const ue = /* @__PURE__ */ q.extend({
+const ue = /* @__PURE__ */ Y.extend({
   name: "imageGif",
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
@@ -366,7 +373,7 @@ const ue = /* @__PURE__ */ q.extend({
     };
   },
   addNodeView() {
-    return X(ae);
+    return V(ae);
   },
   addCommands() {
     var e;
@@ -391,7 +398,7 @@ const ue = /* @__PURE__ */ q.extend({
       },
       [
         "img",
-        F(
+        q(
           // Always render the `height="auto"`
           {
             height: "auto"
@@ -422,5 +429,5 @@ const ue = /* @__PURE__ */ q.extend({
 });
 export {
   ue as ImageGif,
-  Ge as RichTextImageGif
+  Ae as RichTextImageGif
 };