reactjs-tiptap-editor 1.0.0 → 1.0.2

package/lib/{Iframe-CmXkEqOd.js → Iframe-BIgQtyZo.js}

@@ -1,15 +1,13 @@
-import { N as v, n as x, m as k } from "./index-DnWWK9F_.js";
-import { N as y, R as S } from "./index-DzcKxutn.js";
-import { jsxs as f, jsx as d, Fragment as I } from "react/jsx-runtime";
-import { useState as P, useCallback as R } from "react";
-import { c as M } from "./clsx-OuTLNxxd.js";
+import { s as v, C as x, N as k, R as y, n as S, m as I } from "./index-nFjllrEl.js";
+import { jsxs as f, jsx as d, Fragment as P } from "react/jsx-runtime";
+import { useState as R, useCallback as M } from "react";
 import { Resizable as N } from "re-resizable";
 import { g as l } from "./dom-dataset-CIEeltF6.js";
-import { A as j } from "./toggle-Cdp4IT2U.js";
-import { e as U } from "./index-BPfVXs5_.js";
-import { u as q, a as A } from "./useButtonProps-BsEd4zYM.js";
-import { I as L } from "./input-wJ9PDEzZ.js";
-import { B as D } from "./button-DXMsXUEn.js";
+import { A as j } from "./toggle-Crvm3Tcn.js";
+import { b as U } from "./index-ClAEwR0V.js";
+import { u as q, a as A } from "./useButtonProps--5ytUuGi.js";
+import { I as L } from "./input-U-XBy56K.js";
+import { B as D } from "./button-DHZeIKzF.js";
 const m = {
   youtube: {
     example: "https://www.youtube.com/watch?v=I4sMhHbHYXM",
@@ -134,7 +132,7 @@ function T(e) {
   }
   return e;
 }
-function Y(e) {
+function C(e) {
   const t = m.qqvideo, r = e.matchedUrl.split("/"), n = r.length;
   if (n > 0) {
     const c = r[n - 1];
@@ -142,10 +140,10 @@ function Y(e) {
   }
   return e;
 }
-function z(e, t) {
+function Y(e, t) {
   return t.src = e, t.validId = !0, t;
 }
-function C(e, t) {
+function z(e, t) {
   return t.src = e, t.validId = !0, t;
 }
 function E(e, t) {
@@ -211,11 +209,11 @@ function Z(e) {
     case "bilibili":
       return T(t);
     case "qqvideo":
-      return Y(t);
+      return C(t);
     case "amap":
-      return z(e, t);
+      return Y(e, t);
     case "baidu_map":
-      return C(e, t);
+      return z(e, t);
     case "googlemaps":
       return E(e, t);
     case "modao":
@@ -243,7 +241,7 @@ const Q = "_wrap_5y04w_1", ee = "_innerWrap_5y04w_15", w = {
   innerWrap: ee
 };
 function te({ editor: e, node: t, updateAttributes: i }) {
-  const r = U(), { src: n, width: c, height: o } = t.attrs, [a, p] = P("");
+  const r = U(), { src: n, width: c, height: o } = t.attrs, [a, p] = R("");
   function u() {
     if (!a)
       return;
@@ -252,14 +250,14 @@ function te({ editor: e, node: t, updateAttributes: i }) {
       src: (s == null ? void 0 : s.src) || a
     }).setNodeSelection(e.state.selection.from).focus().run();
   }
-  const g = R(
+  const g = M(
     (s) => {
       i({ width: s.width, height: s.height });
     },
     [i]
   );
-  return /* @__PURE__ */ f(y, { children: [
-    !n && /* @__PURE__ */ f("div", { className: "richtext-mx-auto richtext-my-[12px] richtext-flex richtext-max-w-[600px] richtext-items-center richtext-justify-center richtext-gap-[10px] richtext-rounded-[12px] richtext-border richtext-border-solid richtext-border-[#ccc] richtext-p-[10px]", children: [
+  return /* @__PURE__ */ f(v, { children: [
+    !n && /* @__PURE__ */ f("div", { className: "richtext-mx-auto richtext-my-[12px] richtext-flex richtext-max-w-[600px] richtext-items-center richtext-justify-center richtext-gap-[10px] richtext-rounded-[12px] richtext-border richtext-border-solid richtext-border-border richtext-p-[10px]", children: [
       /* @__PURE__ */ d(
         L,
         {
@@ -290,7 +288,7 @@ function te({ editor: e, node: t, updateAttributes: i }) {
             height: Number.parseInt(o) + h.height
           });
         },
-        children: /* @__PURE__ */ d("div", { className: M(w.wrap, "render-wrapper"), children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ d("div", { className: x(w.wrap, "render-wrapper"), children: /* @__PURE__ */ d(
           "div",
           {
             className: w.innerWrap,
@@ -308,7 +306,7 @@ function te({ editor: e, node: t, updateAttributes: i }) {
     )
   ] });
 }
-function we() {
+function he() {
   const e = q(b.name), {
     icon: t = void 0,
     tooltip: i = void 0,
@@ -329,9 +327,9 @@ function we() {
       tooltip: i,
       tooltipOptions: n
     }
-  ) : /* @__PURE__ */ d(I, {});
+  ) : /* @__PURE__ */ d(P, {});
 }
-const b = /* @__PURE__ */ v.create({
+const b = /* @__PURE__ */ k.create({
   name: "iframe",
   content: "",
   marks: "",
@@ -395,7 +393,7 @@ const b = /* @__PURE__ */ v.create({
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["iframe", k(this.options.HTMLAttributes, e)];
+    return ["iframe", I(this.options.HTMLAttributes, e)];
   },
   addCommands() {
     return {
@@ -413,7 +411,7 @@ const b = /* @__PURE__ */ v.create({
   },
   addInputRules() {
     return [
-      x({
+      S({
         find: /^\$iframe\$$/,
         type: this.type,
         getAttributes: () => ({ width: "100%" })
@@ -421,11 +419,11 @@ const b = /* @__PURE__ */ v.create({
     ];
   },
   addNodeView() {
-    return S(te);
+    return y(te);
   }
 });
 export {
   b as I,
-  we as R,
+  he as R,
   Z as g
 };

package/lib/Iframe.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-RfTlOzIr.cjs");require("./index-BH4bc3jN.cjs");const e=require("./Iframe-Cvca2G7X.cjs");require("./dom-dataset-BqoJhJXt.cjs");exports.Iframe=e.Iframe;exports.RichTextIframe=e.RichTextIframe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-DLqogznp.cjs");const e=require("./Iframe-BDm-w-lg.cjs");require("./dom-dataset-BqoJhJXt.cjs");exports.Iframe=e.Iframe;exports.RichTextIframe=e.RichTextIframe;

package/lib/Iframe.js

@@ -1,8 +1,7 @@
-import "./index-DnWWK9F_.js";
-import "./index-DzcKxutn.js";
-import { I as e, R as i } from "./Iframe-CmXkEqOd.js";
+import "./index-nFjllrEl.js";
+import { I as o, R as t } from "./Iframe-BIgQtyZo.js";
 import "./dom-dataset-CIEeltF6.js";
 export {
-  e as Iframe,
-  i as RichTextIframe
+  o as Iframe,
+  t as RichTextIframe
 };

package/lib/Image.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("./index-RfTlOzIr.cjs"),G=require("./throttle-qX7Yjtsg.cjs"),ee=require("./index-BH4bc3jN.cjs"),i=require("react/jsx-runtime"),o=require("react"),k=require("./index-Dfmm6FTT.cjs"),Y=require("./isNumber-ClPupm7P.cjs"),le=require("./toggle-D41PzQLJ.cjs"),W=require("./index-DV5kbgRU.cjs"),B=require("./Icon-DUpv2cI6.cjs"),R=require("./dialog-CaCS-W5S.cjs"),oe=require("react-image-crop"),U=require("./button-B12K7BJ4.cjs"),J=require("./file-i7e4nQY2.cjs"),H=require("./useButtonProps-C6Vpn190.cjs"),te=require("./use-toast-Bz3QCOtE.cjs"),ce=require("./store-WStcMOiW.cjs"),F=require("./tabs-BoLCMcCI.cjs"),ue=require("@radix-ui/react-checkbox"),de=require("lucide-react"),K=require("./label-BkgAe7IY.cjs"),Q=require("./input-_ECRfn3Y.cjs");function ie(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const he=ie(o),V=ie(ue),ne=he.forwardRef(({className:e,...t},r)=>i.jsx(V.Root,{ref:r,className:W.cn("!richtext-peer !richtext-h-4 !richtext-w-4 !richtext-p-0 !richtext-shrink-0 !richtext-rounded-sm !richtext-border !richtext-border-primary !richtext-ring-offset-background focus-visible:!richtext-outline-none focus-visible:!richtext-ring-2 focus-visible:!richtext-ring-ring focus-visible:!richtext-ring-offset-2 disabled:!richtext-cursor-not-allowed disabled:!richtext-opacity-50 data-[state=checked]:!richtext-bg-primary data-[state=checked]:!richtext-text-primary-foreground",e),...t,children:i.jsx(V.Indicator,{className:W.cn("!richtext-flex !richtext-p-0 !richtext-items-center !richtext-justify-center !richtext-text-current"),children:i.jsx(de.Check,{className:"!richtext-h-4 !richtext-w-4"})})}));ne.displayName=V.Root.displayName;const P={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function ge(e){var q,d,M;const[t,r]=o.useState({width:k.IMAGE_MAX_SIZE,height:k.IMAGE_MAX_SIZE}),[c,f]=o.useState({width:0,height:0}),[h]=o.useState([P.TOP_LEFT,P.TOP_RIGHT,P.BOTTOM_LEFT,P.BOTTOM_RIGHT]),[x,j]=o.useState(!1),[g,b]=o.useState({x:0,y:0,w:0,h:0,dir:""}),{align:A,inline:v}=(q=e==null?void 0:e.node)==null?void 0:q.attrs,N=v&&(A==="left"||A==="right"),E=o.useMemo(()=>{var Z;const{src:a,alt:y,width:n,height:s,flipX:m,flipY:l}=(Z=e==null?void 0:e.node)==null?void 0:Z.attrs,I=Y.isNumber(n)?`${n}px`:n,w=Y.isNumber(s)?`${s}px`:s,X=[];m&&X.push("rotateX(180deg)"),l&&X.push("rotateY(180deg)");const ae=X.join(" ");return{src:a||void 0,alt:y||void 0,style:{width:I||void 0,height:w||void 0,transform:ae||"none",...N?{float:A}:{}}}},[(d=e==null?void 0:e.node)==null?void 0:d.attrs]),z=o.useMemo(()=>{const{style:{width:a}}=E;return{width:a==="100%"?a:void 0}},[E]);function _(a){f({width:a.target.width,height:a.target.height})}function C(){const{editor:a,getPos:y}=e;a.commands.setNodeSelection(y())}const S=o.useCallback(G.throttle(()=>{const{editor:a}=e,{width:y}=getComputedStyle(a.view.dom);r(n=>({...n,width:Number.parseInt(y,10)}))},k.IMAGE_THROTTLE_WAIT_TIME),[e==null?void 0:e.editor]);function L(a,y){a.preventDefault(),a.stopPropagation();const n=c.width,s=c.height,m=n/s;let l=Number(e.node.attrs.width),I=Number(e.node.attrs.height);const w=t.width;l&&!I?(l=l>w?w:l,I=Math.round(l/m)):I&&!l?(l=Math.round(I*m),l=l>w?w:l):!l&&!I?(l=n>w?w:n,I=Math.round(l/m)):l=l>w?w:l,j(!0),b({x:a.clientX,y:a.clientY,w:l,h:I,dir:y})}const T=o.useCallback(G.throttle(a=>{if(a.preventDefault(),a.stopPropagation(),!x)return;const{x:y,w:n,dir:s}=g,m=(a.clientX-y)*(/l/.test(s)?-1:1),l=Y.clamp(n+m,k.IMAGE_MIN_SIZE,t.width);e.updateAttributes({width:l,height:null})},k.IMAGE_THROTTLE_WAIT_TIME),[x,g,t,e.updateAttributes]),p=o.useCallback(a=>{a.preventDefault(),a.stopPropagation(),x&&(b({x:0,y:0,w:0,h:0,dir:""}),j(!1),C())},[x,C]),u=o.useCallback(()=>{document==null||document.addEventListener("mousemove",T,!0),document==null||document.addEventListener("mouseup",p,!0)},[T,p]),O=o.useCallback(()=>{document==null||document.removeEventListener("mousemove",T,!0),document==null||document.removeEventListener("mouseup",p,!0)},[T,p]);o.useEffect(()=>(x?u():O(),()=>{O()}),[x,u,O]);const D=o.useMemo(()=>new ResizeObserver(()=>S()),[S]);return o.useEffect(()=>(D.observe(e.editor.view.dom),()=>{D.disconnect()}),[e.editor.view.dom,D]),i.jsx(ee.NodeViewWrapper,{as:v?"span":"div",className:"image-view",style:{float:N?A:void 0,margin:N?A==="left"?"1em 1em 1em 0":"1em 0 1em 1em":void 0,display:v?"inline":"block",textAlign:N?void 0:A,width:((M=E.style)==null?void 0:M.width)??"auto",...N?{}:z},children:i.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:z,className:`image-view__body ${e!=null&&e.selected?"image-view__body--focused":""} ${x?"image-view__body--resizing":""}`,children:[i.jsx("img",{alt:E.alt,className:"image-view__body__image block",height:"auto",onClick:C,onLoad:_,src:E.src,style:E.style}),(e==null?void 0:e.editor.view.editable)&&((e==null?void 0:e.selected)||x)&&i.jsx("div",{className:"image-resizer",children:h==null?void 0:h.map(a=>i.jsx("span",{className:`image-resizer__handler image-resizer__handler--${a}`,onMouseDown:y=>L(y,a)},`image-dir-${a}`))})]})})}function me(e,t){const r=e.type,c=e.name.toLowerCase(),f=c.split(".").pop();if(!f)return!1;const x=r||{heif:"image/heif",heic:"image/heic",dng:"image/x-adobe-dng",cr2:"image/x-canon-cr2",nef:"image/x-nikon-nef",arw:"image/x-sony-arw",raf:"image/x-fuji-raf",orf:"image/x-olympus-orf"}[f];return t.some(j=>{if(j.startsWith("."))return c.endsWith(j);if(j.endsWith("/*")){const g=j.split("/")[0];return x==null?void 0:x.startsWith(g+"/")}return x===j})}function re(e,t){const{acceptMimes:r,maxSize:c,t:f,toast:h}=t,x=[];return(Array.isArray(e)?e:Object.values(e)).forEach(g=>{if(!me(g,r)){t.onError?t.onError({type:"type",message:f("editor.upload.fileTypeNotSupported",{fileName:g.name}),file:g}):h({variant:"default",title:f("editor.upload.fileTypeNotSupported",{fileName:g.name})});return}if(g.size>c){const b=(c/1024/1024).toFixed(2);t.onError?t.onError({type:"size",message:f("editor.upload.fileSizeTooBig",{fileName:g.name,size:b}),file:g}):h({variant:"default",title:f("editor.upload.fileSizeTooBig",{fileName:g.name,size:b})});return}x.push(g)}),x}function fe({editor:e,imageInline:t,onClose:r,disabled:c,alt:f}){var a,y;const{t:h}=k.useLocale(),{toast:x}=te.useToast(),[j,g]=o.useState(!1),[b,A]=o.useState(!1),v=o.useRef(null),[N,E]=o.useState(),[z,_]=o.useState(""),C=o.useRef(null),[S,L]=o.useState({src:"",file:null}),T=H.useExtension($.name),p=o.useMemo(()=>(T==null?void 0:T.options)??{},[T]);function u(n){if(v.current&&n.width&&n.height){const s=O(v.current,n);_(s)}}function O(n,s){const m=document.createElement("canvas"),l=n.naturalWidth/n.width,I=n.naturalHeight/n.height;m.width=s.width*l,m.height=s.height*I;const w=m.getContext("2d");return w&&(w.imageSmoothingEnabled=!1,w.drawImage(n,s.x*l,s.y*I,s.width*l,s.height*I,0,0,s.width*l,s.height*I)),m.toDataURL("image/png",1)}const D=o.useCallback(async()=>{var n;if(!b){A(!0);try{const s=J.dataURLtoFile(z,((n=S==null?void 0:S.file)==null?void 0:n.name)||"image.png");let m="";p.upload?m=await p.upload(s):m=URL.createObjectURL(s),e.chain().focus().setImageInline({src:m,inline:t,alt:f}).run(),g(!1),L({src:"",file:null}),M(),r()}catch(s){console.log("Error cropping image",s)}finally{A(!1)}}},[z,e,t,b,r,(a=S==null?void 0:S.file)==null?void 0:a.name,p]);function q(n){var s;n.preventDefault(),(s=C.current)==null||s.click()}const d=async n=>{var w;const s=(w=n==null?void 0:n.target)==null?void 0:w.files;if(!e||e.isDestroyed||s.length===0){n.target.value="";return}const m=re(s,{acceptMimes:p==null?void 0:p.acceptMimes,maxSize:p==null?void 0:p.maxSize,t:h,toast:x,onError:p.onError});if(m.length<=0){n.target.value="";return}const l=m[0],I=await J.readImageAsBase64(l);g(!0),L({src:I.src,file:l})},M=()=>{C.current&&(C.current.value="")};return i.jsxs(i.Fragment,{children:[i.jsx(U.Button,{className:"richtext-mt-1 richtext-w-full",disabled:c,onClick:q,size:"sm",children:h("editor.image.dialog.tab.uploadCrop")}),i.jsxs(R.Dialog,{open:j,onOpenChange:n=>{g(n),n||(L({src:"",file:null}),M())},children:[i.jsx(R.DialogTrigger,{}),i.jsxs(R.DialogContent,{children:[i.jsx(R.DialogTitle,{children:h("editor.image.dialog.tab.uploadCrop")}),i.jsx("div",{children:S.src&&i.jsx(oe,{className:"richtext-w-full",crop:N,onChange:n=>E(n),onComplete:n=>u(n),children:i.jsx("img",{alt:"Crop me",ref:v,src:S.src})})}),i.jsxs(R.DialogFooter,{children:[i.jsxs(U.Button,{disabled:b,onClick:()=>{g(!1),L({src:"",file:null}),M()},children:[h("editor.imageUpload.cancel"),i.jsx(B.IconComponent,{className:"richtext-ml-1",name:"Trash2"})]}),i.jsx(U.Button,{className:"richtext-w-fit",disabled:b||!N,onClick:D,children:b?i.jsxs(i.Fragment,{children:[h("editor.imageUpload.uploading"),i.jsx(B.IconComponent,{className:"richtext-ml-1 richtext-animate-spin",name:"Loader"})]}):i.jsxs(i.Fragment,{children:[h("editor.imageUpload.crop"),i.jsx(B.IconComponent,{className:"richtext-ml-1",name:"Crop"})]})})]})]})]}),i.jsx("input",{accept:((y=p==null?void 0:p.acceptMimes)==null?void 0:y.join(","))||"image/*",multiple:!1,onChange:d,ref:C,style:{display:"none"},type:"file"})]})}function xe(){const{t:e}=k.useLocale(),{toast:t}=te.useToast(),r=W.useEditorInstance(),c=H.useButtonProps($.name),{icon:f,tooltip:h}=(c==null?void 0:c.componentProps)??{},{editorDisabled:x}=H.useToggleActive(),[j,g]=o.useState(!1),[b,A]=o.useState(!1),v=H.useExtension($.name),N=d=>{g(d.detail)},[E,z]=o.useState(""),[_,C]=o.useState(""),S=o.useRef(null),L=(v==null?void 0:v.options.defaultInline)||!1,[T,p]=o.useState(L),u=o.useMemo(()=>v==null?void 0:v.options,[v]);o.useEffect(()=>{const d=k.listenEvent(k.EVENTS.UPLOAD_IMAGE(r.id),N);return()=>{d()}},[]);async function O(d){var y;const M=(y=d==null?void 0:d.target)==null?void 0:y.files;if(!r||r.isDestroyed||M.length===0||b){d.target.value="";return}const a=re(M,{acceptMimes:u==null?void 0:u.acceptMimes,maxSize:u==null?void 0:u.maxSize,t:e,toast:t,onError:u.onError});if(a.length<=0){d.target.value="";return}A(!0);try{if(u!=null&&u.multiple){const n=a.map(async m=>{let l="";return u.upload?l=await u.upload(m):l=URL.createObjectURL(m),l});(await Promise.all(n)).forEach(m=>{r.chain().focus().setImageInline({src:m,inline:T,alt:_}).run()})}else{const n=a[0];let s="";u.upload?s=await u.upload(n):s=URL.createObjectURL(n),r.chain().focus().setImageInline({src:s,inline:T,alt:_}).run()}g(!1),C(""),p(L)}catch(n){console.error("Error uploading image",n),u.onError?u.onError({type:"upload",message:e("editor.upload.error")}):t({variant:"destructive",title:e("editor.upload.error")})}finally{A(!1),d.target.value=""}}function D(d){d.preventDefault(),d.stopPropagation(),r.chain().focus().setImageInline({src:E,inline:T,alt:_}).run(),g(!1),p(L),z(""),C("")}function q(d){var M;d.preventDefault(),(M=S.current)==null||M.click()}return c?i.jsxs(R.Dialog,{onOpenChange:g,open:j,children:[i.jsx(R.DialogTrigger,{asChild:!0,children:i.jsx(le.ActionButton,{disabled:x,icon:f,tooltip:h,action:()=>{x||g(!0)}})}),i.jsxs(R.DialogContent,{children:[i.jsx(R.DialogTitle,{children:e("editor.image.dialog.title")}),i.jsxs(F.Tabs,{activationMode:"manual",defaultValue:u.resourceImage==="both"||u.resourceImage==="upload"?"upload":"link",children:[u.resourceImage==="both"&&i.jsxs(F.TabsList,{className:"richtext-grid richtext-w-full richtext-grid-cols-2",children:[i.jsx(F.TabsTrigger,{value:"upload",children:e("editor.image.dialog.tab.upload")}),i.jsx(F.TabsTrigger,{value:"link",children:e("editor.image.dialog.tab.url")})]}),i.jsxs("div",{className:"richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-[4px]",children:[i.jsx(ne,{checked:T,onCheckedChange:d=>{p(d)}}),i.jsx(K.Label,{children:e("editor.link.dialog.inline")})]}),u.enableAlt&&i.jsxs("div",{className:"richtext-my-[10px] ",children:[i.jsx(K.Label,{className:"mb-[6px]",children:e("editor.imageUpload.alt")}),i.jsx(Q.Input,{onChange:d=>C(d.target.value),required:!0,type:"text",value:_})]}),i.jsxs(F.TabsContent,{value:"upload",children:[i.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-[10px]",children:[i.jsx(U.Button,{className:"richtext-mt-1 richtext-w-full",disabled:b,onClick:q,size:"sm",children:b?i.jsxs(i.Fragment,{children:[e("editor.imageUpload.uploading"),i.jsx(B.IconComponent,{className:"richtext-ml-1 richtext-animate-spin",name:"Loader"})]}):e("editor.image.dialog.tab.upload")}),i.jsx(fe,{alt:_,disabled:b,editor:r,imageInline:T,onClose:()=>{ce.actionDialogImage.setOpen(r.id,!1),C("")}})]}),i.jsx("input",{accept:u.acceptMimes.join(",")||"image/*",multiple:u.multiple,onChange:O,ref:S,style:{display:"none"},type:"file"})]}),i.jsx(F.TabsContent,{value:"link",children:i.jsx("form",{onSubmit:D,children:i.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-2",children:[i.jsx(Q.Input,{autoFocus:!0,onChange:d=>z(d.target.value),placeholder:e("editor.image.dialog.placeholder"),required:!0,type:"url",value:E}),i.jsx(U.Button,{type:"submit",children:e("editor.image.dialog.button.apply")})]})})})]})]})]}):i.jsx(i.Fragment,{})}const pe={acceptMimes:["image/jpeg","image/gif","image/png","image/jpg"],maxSize:1024*1024*5,multiple:!0,resourceImage:"both",defaultInline:!1,enableAlt:!0},$=G.index_default.extend({group:"inline",inline:!0,defining:!0,draggable:!0,selectable:!0,addOptions(){var e;return{...pe,...(e=this.parent)==null?void 0:e.call(this),upload:()=>Promise.reject("Image Upload Function"),button:({editor:t,extension:r,t:c})=>{var f,h;return{componentProps:{action:()=>!0,upload:r.options.upload,disabled:!((h=(f=t.can()).setImage)!=null&&h.call(f,{})),icon:"ImageUp",tooltip:c("editor.image.tooltip")}}}}},addAttributes(){var e;return{...(e=this.parent)==null?void 0:e.call(this),flipX:{default:!1},flipY:{default:!1},width:{default:null,parseHTML:t=>{const r=t.style.width||t.getAttribute("width")||null;return r?Number.parseInt(r,10):null},renderHTML:t=>({width:t.width})},align:{default:"center",parseHTML:t=>t.getAttribute("align"),renderHTML:t=>({align:t.align})},inline:{default:!1,parseHTML:t=>!!t.getAttribute("inline"),renderHTML:t=>({inline:t.inline})},alt:{default:"",parseHTML:t=>t.getAttribute("alt"),renderHTML:t=>({alt:t.alt})}}},addNodeView(){return ee.ReactNodeViewRenderer(ge)},addCommands(){var e;return{...(e=this.parent)==null?void 0:e.call(this),setImageInline:t=>({commands:r})=>r.insertContent({type:this.name,attrs:{...t,inline:t.inline??this.options.defaultInline}}),updateImage:t=>({commands:r})=>r.updateAttributes(this.name,t),setAlignImage:t=>({commands:r})=>r.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:e}){const{flipX:t,flipY:r,align:c,inline:f}=e,h=f&&(c==="left"||c==="right"),x=t||r?`transform: rotateX(${t?"180":"0"}deg) rotateY(${r?"180":"0"}deg);`:"",j=h?"":`text-align: ${c};`,A=`${h?`float: ${c};`:""}${h?c==="left"?"margin: 1em 1em 1em 0;":"margin: 1em 0 1em 1em;":""}${x}`;return[f?"span":"div",{style:j,class:"image"},["img",se.mergeAttributes({height:"auto",style:A},this.options.HTMLAttributes,e)]]},parseHTML(){return[{tag:"span.image img",getAttrs:e=>{var h;const t=e==null?void 0:e.parentElement,r=e==null?void 0:e.getAttribute("width"),c=(e==null?void 0:e.getAttribute("flipx"))||!1,f=(e==null?void 0:e.getAttribute("flipy"))||!1;return{src:e==null?void 0:e.getAttribute("src"),alt:e==null?void 0:e.getAttribute("alt"),caption:e==null?void 0:e.getAttribute("caption"),width:r?Number.parseInt(r,10):null,align:(e==null?void 0:e.getAttribute("align"))||((h=t==null?void 0:t.style)==null?void 0:h.textAlign)||null,inline:(e==null?void 0:e.getAttribute("inline"))||!1,flipX:c==="true",flipY:f==="true"}}},{tag:"div[class=image]",getAttrs:e=>{const t=e.querySelector("img"),r=t==null?void 0:t.getAttribute("width"),c=(t==null?void 0:t.getAttribute("flipx"))||!1,f=(t==null?void 0:t.getAttribute("flipy"))||!1;return{src:t==null?void 0:t.getAttribute("src"),alt:t==null?void 0:t.getAttribute("alt"),caption:t==null?void 0:t.getAttribute("caption"),width:r?Number.parseInt(r,10):null,align:(t==null?void 0:t.getAttribute("align"))||e.style.textAlign||null,inline:(t==null?void 0:t.getAttribute("inline"))||!1,flipX:c==="true",flipY:f==="true"}}},{tag:'img[src]:not([src^="data:"])'}]}});exports.Image=$;exports.RichTextImage=xe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("./index-DLqogznp.cjs"),W=require("./throttle-DXN-aiH5.cjs"),n=require("react/jsx-runtime"),o=require("react"),q=require("./index-B0fWAhpK.cjs"),Y=require("./isNumber-C2saEiG2.cjs"),ie=require("./toggle-BWfca8kh.cjs");require("./index-DM3mpxB-.cjs");const z=require("./dialog-DXF2Q8LZ.cjs"),ae=require("react-image-crop"),B=require("./button-BTnV4TZ7.cjs"),Z=require("./file-i7e4nQY2.cjs"),U=require("./useButtonProps-DJ51kDtM.cjs"),ee=require("./use-toast-Bz3QCOtE.cjs"),P=require("./Icon-B9hI3gal.cjs"),re=require("./store-BPiGnThe.cjs"),J=require("./events.constant-B-VGURJp.cjs"),O=require("./tabs-DebGjFBg.cjs"),se=require("./checkbox-BoBTXwkF.cjs"),K=require("./label-C09fAh5p.cjs"),Q=require("./input-CadAYBdT.cjs"),H={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function le(e){var F,d,E;const[t,a]=o.useState({width:q.IMAGE_MAX_SIZE,height:q.IMAGE_MAX_SIZE}),[c,f]=o.useState({width:0,height:0}),[h]=o.useState([H.TOP_LEFT,H.TOP_RIGHT,H.BOTTOM_LEFT,H.BOTTOM_RIGHT]),[x,T]=o.useState(!1),[g,b]=o.useState({x:0,y:0,w:0,h:0,dir:""}),{align:A,inline:j}=(F=e==null?void 0:e.node)==null?void 0:F.attrs,L=j&&(A==="left"||A==="right"),M=o.useMemo(()=>{var V;const{src:r,alt:I,width:i,height:s,flipX:m,flipY:l}=(V=e==null?void 0:e.node)==null?void 0:V.attrs,y=Y.isNumber(i)?`${i}px`:i,w=Y.isNumber(s)?`${s}px`:s,X=[];m&&X.push("rotateX(180deg)"),l&&X.push("rotateY(180deg)");const ne=X.join(" ");return{src:r||void 0,alt:I||void 0,style:{width:y||void 0,height:w||void 0,transform:ne||"none",...L?{float:A}:{}}}},[(d=e==null?void 0:e.node)==null?void 0:d.attrs]),R=o.useMemo(()=>{const{style:{width:r}}=M;return{width:r==="100%"?r:void 0}},[M]);function _(r){f({width:r.target.width,height:r.target.height})}function C(){const{editor:r,getPos:I}=e;r.commands.setNodeSelection(I())}const S=o.useCallback(W.throttle(()=>{const{editor:r}=e,{width:I}=getComputedStyle(r.view.dom);a(i=>({...i,width:Number.parseInt(I,10)}))},q.IMAGE_THROTTLE_WAIT_TIME),[e==null?void 0:e.editor]);function N(r,I){r.preventDefault(),r.stopPropagation();const i=c.width,s=c.height,m=i/s;let l=Number(e.node.attrs.width),y=Number(e.node.attrs.height);const w=t.width;l&&!y?(l=l>w?w:l,y=Math.round(l/m)):y&&!l?(l=Math.round(y*m),l=l>w?w:l):!l&&!y?(l=i>w?w:i,y=Math.round(l/m)):l=l>w?w:l,T(!0),b({x:r.clientX,y:r.clientY,w:l,h:y,dir:I})}const v=o.useCallback(W.throttle(r=>{if(r.preventDefault(),r.stopPropagation(),!x)return;const{x:I,w:i,dir:s}=g,m=(r.clientX-I)*(/l/.test(s)?-1:1),l=Y.clamp(i+m,q.IMAGE_MIN_SIZE,t.width);e.updateAttributes({width:l,height:null})},q.IMAGE_THROTTLE_WAIT_TIME),[x,g,t,e.updateAttributes]),p=o.useCallback(r=>{r.preventDefault(),r.stopPropagation(),x&&(b({x:0,y:0,w:0,h:0,dir:""}),T(!1),C())},[x,C]),u=o.useCallback(()=>{document==null||document.addEventListener("mousemove",v,!0),document==null||document.addEventListener("mouseup",p,!0)},[v,p]),k=o.useCallback(()=>{document==null||document.removeEventListener("mousemove",v,!0),document==null||document.removeEventListener("mouseup",p,!0)},[v,p]);o.useEffect(()=>(x?u():k(),()=>{k()}),[x,u,k]);const D=o.useMemo(()=>new ResizeObserver(()=>S()),[S]);return o.useEffect(()=>(D.observe(e.editor.view.dom),()=>{D.disconnect()}),[e.editor.view.dom,D]),n.jsx(G.NodeViewWrapper,{as:j?"span":"div",className:"image-view",style:{float:L?A:void 0,margin:L?A==="left"?"1em 1em 1em 0":"1em 0 1em 1em":void 0,display:j?"inline":"block",textAlign:L?void 0:A,width:((E=M.style)==null?void 0:E.width)??"auto",...L?{}:R},children:n.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:R,className:`image-view__body ${e!=null&&e.selected?"image-view__body--focused":""} ${x?"image-view__body--resizing":""}`,children:[n.jsx("img",{alt:M.alt,className:"image-view__body__image block",height:"auto",onClick:C,onLoad:_,src:M.src,style:M.style}),(e==null?void 0:e.editor.view.editable)&&((e==null?void 0:e.selected)||x)&&n.jsx("div",{className:"image-resizer",children:h==null?void 0:h.map(r=>n.jsx("span",{className:`image-resizer__handler image-resizer__handler--${r}`,onMouseDown:I=>N(I,r)},`image-dir-${r}`))})]})})}function oe(e,t){const a=e.type,c=e.name.toLowerCase(),f=c.split(".").pop();if(!f)return!1;const x=a||{heif:"image/heif",heic:"image/heic",dng:"image/x-adobe-dng",cr2:"image/x-canon-cr2",nef:"image/x-nikon-nef",arw:"image/x-sony-arw",raf:"image/x-fuji-raf",orf:"image/x-olympus-orf"}[f];return t.some(T=>{if(T.startsWith("."))return c.endsWith(T);if(T.endsWith("/*")){const g=T.split("/")[0];return x==null?void 0:x.startsWith(g+"/")}return x===T})}function te(e,t){const{acceptMimes:a,maxSize:c,t:f,toast:h}=t,x=[];return(Array.isArray(e)?e:Object.values(e)).forEach(g=>{if(!oe(g,a)){t.onError?t.onError({type:"type",message:f("editor.upload.fileTypeNotSupported",{fileName:g.name}),file:g}):h({variant:"default",title:f("editor.upload.fileTypeNotSupported",{fileName:g.name})});return}if(g.size>c){const b=(c/1024/1024).toFixed(2);t.onError?t.onError({type:"size",message:f("editor.upload.fileSizeTooBig",{fileName:g.name,size:b}),file:g}):h({variant:"default",title:f("editor.upload.fileSizeTooBig",{fileName:g.name,size:b})});return}x.push(g)}),x}function ce({editor:e,imageInline:t,onClose:a,disabled:c,alt:f}){var r,I;const{t:h}=q.useLocale(),{toast:x}=ee.useToast(),[T,g]=o.useState(!1),[b,A]=o.useState(!1),j=o.useRef(null),[L,M]=o.useState(),[R,_]=o.useState(""),C=o.useRef(null),[S,N]=o.useState({src:"",file:null}),v=U.useExtension($.name),p=o.useMemo(()=>(v==null?void 0:v.options)??{},[v]);function u(i){if(j.current&&i.width&&i.height){const s=k(j.current,i);_(s)}}function k(i,s){const m=document.createElement("canvas"),l=i.naturalWidth/i.width,y=i.naturalHeight/i.height;m.width=s.width*l,m.height=s.height*y;const w=m.getContext("2d");return w&&(w.imageSmoothingEnabled=!1,w.drawImage(i,s.x*l,s.y*y,s.width*l,s.height*y,0,0,s.width*l,s.height*y)),m.toDataURL("image/png",1)}const D=o.useCallback(async()=>{var i;if(!b){A(!0);try{const s=Z.dataURLtoFile(R,((i=S==null?void 0:S.file)==null?void 0:i.name)||"image.png");let m="";p.upload?m=await p.upload(s):m=URL.createObjectURL(s),e.chain().focus().setImageInline({src:m,inline:t,alt:f}).run(),g(!1),N({src:"",file:null}),E(),a()}catch(s){console.log("Error cropping image",s)}finally{A(!1)}}},[R,e,t,b,a,(r=S==null?void 0:S.file)==null?void 0:r.name,p]);function F(i){var s;i.preventDefault(),(s=C.current)==null||s.click()}const d=async i=>{var w;const s=(w=i==null?void 0:i.target)==null?void 0:w.files;if(!e||e.isDestroyed||s.length===0){i.target.value="";return}const m=te(s,{acceptMimes:p==null?void 0:p.acceptMimes,maxSize:p==null?void 0:p.maxSize,t:h,toast:x,onError:p.onError});if(m.length<=0){i.target.value="";return}const l=m[0],y=await Z.readImageAsBase64(l);g(!0),N({src:y.src,file:l})},E=()=>{C.current&&(C.current.value="")};return n.jsxs(n.Fragment,{children:[n.jsx(B.Button,{className:"richtext-mt-1 richtext-w-full",disabled:c,onClick:F,size:"sm",children:h("editor.image.dialog.tab.uploadCrop")}),n.jsxs(z.Dialog,{open:T,onOpenChange:i=>{g(i),i||(N({src:"",file:null}),E())},children:[n.jsx(z.DialogTrigger,{}),n.jsxs(z.DialogContent,{children:[n.jsx(z.DialogTitle,{children:h("editor.image.dialog.tab.uploadCrop")}),n.jsx("div",{children:S.src&&n.jsx(ae,{className:"richtext-w-full",crop:L,onChange:i=>M(i),onComplete:i=>u(i),children:n.jsx("img",{alt:"Crop me",ref:j,src:S.src})})}),n.jsxs(z.DialogFooter,{children:[n.jsxs(B.Button,{disabled:b,onClick:()=>{g(!1),N({src:"",file:null}),E()},children:[h("editor.imageUpload.cancel"),n.jsx(P.IconComponent,{className:"richtext-ml-1",name:"Trash2"})]}),n.jsx(B.Button,{className:"richtext-w-fit",disabled:b||!L,onClick:D,children:b?n.jsxs(n.Fragment,{children:[h("editor.imageUpload.uploading"),n.jsx(P.IconComponent,{className:"richtext-ml-1 richtext-animate-spin",name:"Loader"})]}):n.jsxs(n.Fragment,{children:[h("editor.imageUpload.crop"),n.jsx(P.IconComponent,{className:"richtext-ml-1",name:"Crop"})]})})]})]})]}),n.jsx("input",{accept:((I=p==null?void 0:p.acceptMimes)==null?void 0:I.join(","))||"image/*",multiple:!1,onChange:d,ref:C,style:{display:"none"},type:"file"})]})}function ue(){const{t:e}=q.useLocale(),{toast:t}=ee.useToast(),a=U.useEditorInstance(),c=U.useButtonProps($.name),{icon:f,tooltip:h}=(c==null?void 0:c.componentProps)??{},{editorDisabled:x}=U.useToggleActive(),[T,g]=o.useState(!1),[b,A]=o.useState(!1),j=U.useExtension($.name),L=d=>{g(d.detail)},[M,R]=o.useState(""),[_,C]=o.useState(""),S=o.useRef(null),N=(j==null?void 0:j.options.defaultInline)||!1,[v,p]=o.useState(N),u=o.useMemo(()=>j==null?void 0:j.options,[j]);o.useEffect(()=>{const d=J.listenEvent(J.EVENTS.UPLOAD_IMAGE(a.id),L);return()=>{d()}},[]);async function k(d){var I;const E=(I=d==null?void 0:d.target)==null?void 0:I.files;if(!a||a.isDestroyed||E.length===0||b){d.target.value="";return}const r=te(E,{acceptMimes:u==null?void 0:u.acceptMimes,maxSize:u==null?void 0:u.maxSize,t:e,toast:t,onError:u.onError});if(r.length<=0){d.target.value="";return}A(!0);try{if(u!=null&&u.multiple){const i=r.map(async m=>{let l="";return u.upload?l=await u.upload(m):l=URL.createObjectURL(m),l});(await Promise.all(i)).forEach(m=>{a.chain().focus().setImageInline({src:m,inline:v,alt:_}).run()})}else{const i=r[0];let s="";u.upload?s=await u.upload(i):s=URL.createObjectURL(i),a.chain().focus().setImageInline({src:s,inline:v,alt:_}).run()}g(!1),C(""),p(N)}catch(i){console.error("Error uploading image",i),u.onError?u.onError({type:"upload",message:e("editor.upload.error")}):t({variant:"destructive",title:e("editor.upload.error")})}finally{A(!1),d.target.value=""}}function D(d){d.preventDefault(),d.stopPropagation(),a.chain().focus().setImageInline({src:M,inline:v,alt:_}).run(),g(!1),p(N),R(""),C("")}function F(d){var E;d.preventDefault(),(E=S.current)==null||E.click()}return c?n.jsxs(z.Dialog,{onOpenChange:g,open:T,children:[n.jsx(z.DialogTrigger,{asChild:!0,children:n.jsx(ie.ActionButton,{disabled:x,icon:f,tooltip:h,action:()=>{x||g(!0)}})}),n.jsxs(z.DialogContent,{children:[n.jsx(z.DialogTitle,{children:e("editor.image.dialog.title")}),n.jsxs(O.Tabs,{activationMode:"manual",defaultValue:u.resourceImage==="both"||u.resourceImage==="upload"?"upload":"link",children:[u.resourceImage==="both"&&n.jsxs(O.TabsList,{className:"richtext-grid richtext-w-full richtext-grid-cols-2",children:[n.jsx(O.TabsTrigger,{value:"upload",children:e("editor.image.dialog.tab.upload")}),n.jsx(O.TabsTrigger,{value:"link",children:e("editor.image.dialog.tab.url")})]}),n.jsxs("div",{className:"richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-[4px]",children:[n.jsx(se.Checkbox,{checked:v,onCheckedChange:d=>{p(d)}}),n.jsx(K.Label,{children:e("editor.link.dialog.inline")})]}),u.enableAlt&&n.jsxs("div",{className:"richtext-my-[10px] ",children:[n.jsx(K.Label,{className:"mb-[6px]",children:e("editor.imageUpload.alt")}),n.jsx(Q.Input,{onChange:d=>C(d.target.value),required:!0,type:"text",value:_})]}),n.jsxs(O.TabsContent,{value:"upload",children:[n.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-[10px]",children:[n.jsx(B.Button,{className:"richtext-mt-1 richtext-w-full",disabled:b,onClick:F,size:"sm",children:b?n.jsxs(n.Fragment,{children:[e("editor.imageUpload.uploading"),n.jsx(P.IconComponent,{className:"richtext-ml-1 richtext-animate-spin",name:"Loader"})]}):e("editor.image.dialog.tab.upload")}),n.jsx(ce,{alt:_,disabled:b,editor:a,imageInline:v,onClose:()=>{re.actionDialogImage.setOpen(a.id,!1),C("")}})]}),n.jsx("input",{accept:u.acceptMimes.join(",")||"image/*",multiple:u.multiple,onChange:k,ref:S,style:{display:"none"},type:"file"})]}),n.jsx(O.TabsContent,{value:"link",children:n.jsx("form",{onSubmit:D,children:n.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-2",children:[n.jsx(Q.Input,{autoFocus:!0,onChange:d=>R(d.target.value),placeholder:e("editor.image.dialog.placeholder"),required:!0,type:"url",value:M}),n.jsx(B.Button,{type:"submit",children:e("editor.image.dialog.button.apply")})]})})})]})]})]}):n.jsx(n.Fragment,{})}const de={acceptMimes:["image/jpeg","image/gif","image/png","image/jpg"],maxSize:1024*1024*5,multiple:!0,resourceImage:"both",defaultInline:!1,enableAlt:!0},$=W.index_default.extend({group:"inline",inline:!0,defining:!0,draggable:!0,selectable:!0,addOptions(){var e;return{...de,...(e=this.parent)==null?void 0:e.call(this),upload:()=>Promise.reject("Image Upload Function"),button:({editor:t,extension:a,t:c})=>{var f,h;return{componentProps:{action:()=>!0,upload:a.options.upload,disabled:!((h=(f=t.can()).setImage)!=null&&h.call(f,{})),icon:"ImageUp",tooltip:c("editor.image.tooltip")}}}}},addAttributes(){var e;return{...(e=this.parent)==null?void 0:e.call(this),flipX:{default:!1},flipY:{default:!1},width:{default:null,parseHTML:t=>{const a=t.style.width||t.getAttribute("width")||null;return a?Number.parseInt(a,10):null},renderHTML:t=>({width:t.width})},align:{default:"center",parseHTML:t=>t.getAttribute("align"),renderHTML:t=>({align:t.align})},inline:{default:!1,parseHTML:t=>!!t.getAttribute("inline"),renderHTML:t=>({inline:t.inline})},alt:{default:"",parseHTML:t=>t.getAttribute("alt"),renderHTML:t=>({alt:t.alt})}}},addNodeView(){return G.ReactNodeViewRenderer(le)},addCommands(){var e;return{...(e=this.parent)==null?void 0:e.call(this),setImageInline:t=>({commands:a})=>a.insertContent({type:this.name,attrs:{...t,inline:t.inline??this.options.defaultInline}}),updateImage:t=>({commands:a})=>a.updateAttributes(this.name,t),setAlignImage:t=>({commands:a})=>a.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:e}){const{flipX:t,flipY:a,align:c,inline:f}=e,h=f&&(c==="left"||c==="right"),x=t||a?`transform: rotateX(${t?"180":"0"}deg) rotateY(${a?"180":"0"}deg);`:"",T=h?"":`text-align: ${c};`,A=`${h?`float: ${c};`:""}${h?c==="left"?"margin: 1em 1em 1em 0;":"margin: 1em 0 1em 1em;":""}${x}`;return[f?"span":"div",{style:T,class:"image"},["img",G.mergeAttributes({height:"auto",style:A},this.options.HTMLAttributes,e)]]},parseHTML(){return[{tag:"span.image img",getAttrs:e=>{var h;const t=e==null?void 0:e.parentElement,a=e==null?void 0:e.getAttribute("width"),c=(e==null?void 0:e.getAttribute("flipx"))||!1,f=(e==null?void 0:e.getAttribute("flipy"))||!1;return{src:e==null?void 0:e.getAttribute("src"),alt:e==null?void 0:e.getAttribute("alt"),caption:e==null?void 0:e.getAttribute("caption"),width:a?Number.parseInt(a,10):null,align:(e==null?void 0:e.getAttribute("align"))||((h=t==null?void 0:t.style)==null?void 0:h.textAlign)||null,inline:(e==null?void 0:e.getAttribute("inline"))||!1,flipX:c==="true",flipY:f==="true"}}},{tag:"div[class=image]",getAttrs:e=>{const t=e.querySelector("img"),a=t==null?void 0:t.getAttribute("width"),c=(t==null?void 0:t.getAttribute("flipx"))||!1,f=(t==null?void 0:t.getAttribute("flipy"))||!1;return{src:t==null?void 0:t.getAttribute("src"),alt:t==null?void 0:t.getAttribute("alt"),caption:t==null?void 0:t.getAttribute("caption"),width:a?Number.parseInt(a,10):null,align:(t==null?void 0:t.getAttribute("align"))||e.style.textAlign||null,inline:(t==null?void 0:t.getAttribute("inline"))||!1,flipX:c==="true",flipY:f==="true"}}},{tag:'img[src]:not([src^="data:"])'}]}});exports.Image=$;exports.RichTextImage=ue;