reactjs-tiptap-editor 1.0.10 → 1.0.12

package/lib/separator-DtrEdjAF.js

@@ -1,241 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import * as P from "react";
-import { useState as f, useMemo as S, useCallback as M } from "react";
-import { Plus as R } from "lucide-react";
-import { HexColorPicker as O } from "react-colorful";
-import { j as B, c as _ } from "./index-BIqaogQg.js";
-import { B as $ } from "./button-CBO-WDXK.js";
-import { I as j } from "./input-Bx4uo4gO.js";
-import { P as v, a as b, b as g } from "./popover-BVX8otO9.js";
-import * as C from "@radix-ui/react-separator";
-import { u as L, C as D } from "./index-0OnGZkVF.js";
-function I() {
-  return /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M18 14c0-4-6-10.8-6-10.8s-1.33 1.51-2.73 3.52l8.59 8.59c.09-.42.14-.86.14-1.31m-.88 3.12L12.5 12.5L5.27 5.27L4 6.55l3.32 3.32C6.55 11.32 6 12.79 6 14c0 3.31 2.69 6 6 6c1.52 0 2.9-.57 3.96-1.5l2.63 2.63l1.27-1.27z" }) });
-}
-function J(l) {
-  const { t: h } = L(), {
-    disabled: n = !1,
-    value: a,
-    onChange: i,
-    colors: d = D,
-    highlight: x
-  } = l, [c, u] = f(!1), w = S(() => {
-    const t = d, r = [];
-    for (let o = 0; o < t.length; o += 10)
-      r.push(t.slice(o, o + 10));
-    return r;
-  }, [d]), [p, k] = B(x ? "richtext-recent-highlight" : "richtext-recent-colors", []), y = (t) => {
-    const r = [...p], o = r.indexOf(t);
-    o !== -1 && r.splice(o, 1), r.unshift(t), r.length > 10 && r.pop(), k(r);
-  };
-  function m(t) {
-    if (t === void 0) {
-      i == null || i(t), u(!1);
-      return;
-    }
-    /^#([\da-f]{3}){1,2}$/i.test(t) && (i == null || i(t), y(t), u(!1));
-  }
-  return /* @__PURE__ */ s(
-    v,
-    {
-      modal: !0,
-      onOpenChange: u,
-      open: c,
-      children: [
-        /* @__PURE__ */ e(
-          b,
-          {
-            asChild: !0,
-            className: "!richtext-p-0",
-            disabled: n,
-            children: l == null ? void 0 : l.children
-          }
-        ),
-        /* @__PURE__ */ e(
-          g,
-          {
-            align: "start",
-            className: "richtext-size-full !richtext-p-2",
-            hideWhenDetached: !0,
-            side: "bottom",
-            children: /* @__PURE__ */ s("div", { className: "richtext-flex richtext-flex-col", children: [
-              /* @__PURE__ */ s(
-                "div",
-                {
-                  className: "rd-1 richtext-flex richtext-cursor-pointer richtext-items-center richtext-gap-[4px] richtext-p-1 hover:richtext-bg-accent",
-                  onClick: () => {
-                    m(void 0);
-                  },
-                  children: [
-                    /* @__PURE__ */ e(I, {}),
-                    /* @__PURE__ */ e("span", { className: "richtext-ml-1 richtext-text-sm", children: h(x ? "editor.nofill" : "editor.default") })
-                  ]
-                }
-              ),
-              w.map((t, r) => /* @__PURE__ */ e(
-                "span",
-                {
-                  className: "richtext-relative richtext-flex richtext-h-auto richtext-w-full richtext-p-0 last:richtext-pb-2",
-                  children: t.map((o, z) => /* @__PURE__ */ e(
-                    "span",
-                    {
-                      className: "richtext-inline-block richtext-size-6 richtext-flex-[0_0_auto] richtext-cursor-pointer richtext-rounded-sm !richtext-border richtext-border-solid !richtext-border-transparent richtext-p-0.5 hover:!richtext-border-border",
-                      onClick: () => m(o),
-                      children: /* @__PURE__ */ e(
-                        "span",
-                        {
-                          className: "richtext-relative richtext-block richtext-size-[18px] richtext-rounded-[2px]",
-                          style: {
-                            backgroundColor: o
-                          },
-                          children: o === a ? /* @__PURE__ */ e(
-                            "svg",
-                            {
-                              className: "richtext-absolute -richtext-top-px richtext-left-px richtext-block richtext-size-3",
-                              viewBox: "0 0 18 18",
-                              style: {
-                                fill: "rgb(255, 255, 255)"
-                              },
-                              children: /* @__PURE__ */ e("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
-                            }
-                          ) : /* @__PURE__ */ e(
-                            "svg",
-                            {
-                              viewBox: "0 0 18 18",
-                              style: {
-                                fill: "rgb(255, 255, 255)",
-                                display: "none"
-                              },
-                              children: /* @__PURE__ */ e("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
-                            }
-                          )
-                        }
-                      )
-                    },
-                    `sub-color-${z}`
-                  ))
-                },
-                `color-row-${r}`
-              )),
-              /* @__PURE__ */ s("div", { children: [
-                /* @__PURE__ */ e("div", { className: "richtext-my-1 richtext-text-sm", children: h("editor.recent") }),
-                /* @__PURE__ */ e("span", { className: "richtext-relative richtext-flex richtext-h-auto richtext-w-full richtext-flex-wrap richtext-p-0 last:richtext-pb-2", children: p == null ? void 0 : p.map((t, r) => /* @__PURE__ */ e(
-                  "span",
-                  {
-                    className: "richtext-inline-block richtext-size-6 richtext-flex-[0_0_auto] richtext-cursor-pointer richtext-rounded-sm !richtext-border richtext-border-transparent richtext-p-0.5 hover:richtext-border-border hover:richtext-shadow-sm",
-                    onClick: () => m(t),
-                    children: /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: "richtext-relative richtext-block richtext-size-[18px] richtext-rounded-[2px] richtext-border-transparent",
-                        style: {
-                          backgroundColor: t
-                        },
-                        children: /* @__PURE__ */ e(
-                          "svg",
-                          {
-                            viewBox: "0 0 18 18",
-                            style: {
-                              fill: "rgb(255, 255, 255)",
-                              display: "none"
-                            },
-                            children: /* @__PURE__ */ e("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
-                          }
-                        )
-                      }
-                    )
-                  },
-                  `sub-color-recent-${r}`
-                )) })
-              ] }),
-              /* @__PURE__ */ e(Z, { setColor: m })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-function Z({ setColor: l }) {
-  const { t: h } = L(), [n, a] = f(!1), [i, d] = f("#000000"), x = M(
-    (c) => {
-      d(c);
-    },
-    []
-  );
-  return /* @__PURE__ */ s(
-    v,
-    {
-      onOpenChange: a,
-      open: n,
-      children: [
-        /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ s(
-          "div",
-          {
-            className: "richtext-p-1.5 richtext-text-sm hover:richtext-cursor-pointer hover:richtext-bg-accent",
-            children: [
-              h("editor.color.more"),
-              "..."
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ s(g, { children: [
-          /* @__PURE__ */ s("div", { className: "richtext-flex richtext-flex-col richtext-items-center richtext-justify-center", children: [
-            /* @__PURE__ */ e(
-              O,
-              {
-                color: i,
-                onChange: (c) => {
-                  x(c);
-                }
-              }
-            ),
-            /* @__PURE__ */ e(
-              j,
-              {
-                className: "richtext-mt-[8px] richtext-w-full",
-                type: "text",
-                value: i.replace("#", ""),
-                onChange: (c) => {
-                  c.preventDefault(), c.stopPropagation(), x(`#${c.target.value}`);
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(N, { className: "richtext-my-[10px]" }),
-          /* @__PURE__ */ e(
-            $,
-            {
-              className: "richtext-w-full",
-              onClick: (c) => {
-                c.preventDefault(), c.stopPropagation(), l(i), a(!1);
-              },
-              children: /* @__PURE__ */ e(R, { size: 16 })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-const N = P.forwardRef(
-  ({ className: l, orientation: h = "horizontal", decorative: n = !0, ...a }, i) => /* @__PURE__ */ e(
-    C.Root,
-    {
-      ref: i,
-      decorative: n,
-      orientation: h,
-      className: _(
-        "richtext-shrink-0 richtext-bg-border",
-        h === "horizontal" ? "richtext-h-[1px] richtext-w-full" : "richtext-h-full richtext-w-[1px]",
-        l
-      ),
-      ...a
-    }
-  )
-);
-N.displayName = C.Root.displayName;
-export {
-  J as C,
-  N as S
-};

package/lib/store/ProviderUniqueId.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-export declare function ProviderUniqueId({ editor, children, id }: {
-    children: React.ReactNode;
-    id: any;
-    editor: any;
-}): import("react/jsx-runtime").JSX.Element;

package/lib/store-B8IkVz1J.cjs

@@ -1 +0,0 @@
-"use strict";require("./index-BvIJKpX1.cjs");const e=require("./events.constant-DQYeJpu5.cjs"),a={setOpen:(t,n)=>{e.dispatchEvent(e.EVENTS.UPLOAD_IMAGE(t),n)}};exports.actionDialogImage=a;

package/lib/store-CsIFDUKR.js

@@ -1,10 +0,0 @@
-import "./index-BIqaogQg.js";
-import { d as o, E as s } from "./events.constant-wrlJ_7JZ.js";
-const p = {
-  setOpen: (a, t) => {
-    o(s.UPLOAD_IMAGE(a), t);
-  }
-};
-export {
-  p as a
-};

package/lib/throttle-BM3Bmbf_.cjs

@@ -1 +0,0 @@
-"use strict";const T=require("./index-BBNITgNi.cjs");var B=/(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,H=T.Node3.create({name:"image",addOptions(){return{inline:!1,allowBase64:!1,HTMLAttributes:{},resize:!1}},inline(){return this.options.inline},group(){return this.options.inline?"inline":"block"},draggable:!0,addAttributes(){return{src:{default:null},alt:{default:null},title:{default:null},width:{default:null},height:{default:null}}},parseHTML(){return[{tag:this.options.allowBase64?"img[src]":'img[src]:not([src^="data:"])'}]},renderHTML({HTMLAttributes:e}){return["img",T.mergeAttributes(this.options.HTMLAttributes,e)]},parseMarkdown:(e,t)=>t.createNode("image",{src:e.href,title:e.title,alt:e.text}),renderMarkdown:e=>{var t,n,r,a,c,u;const o=(n=(t=e.attrs)==null?void 0:t.src)!=null?n:"",s=(a=(r=e.attrs)==null?void 0:r.alt)!=null?a:"",d=(u=(c=e.attrs)==null?void 0:c.title)!=null?u:"";return d?`![${s}](${o} "${d}")`:`![${s}](${o})`},addNodeView(){if(!this.options.resize||!this.options.resize.enabled||typeof document>"u")return null;const{directions:e,minWidth:t,minHeight:n,alwaysPreserveAspectRatio:r}=this.options.resize;return({node:a,getPos:c,HTMLAttributes:u,editor:o})=>{const s=document.createElement("img");Object.entries(u).forEach(([l,f])=>{if(f!=null)switch(l){case"width":case"height":break;default:s.setAttribute(l,f);break}}),s.src=u.src;const d=new T.ResizableNodeView({element:s,editor:o,node:a,getPos:c,onResize:(l,f)=>{s.style.width=`${l}px`,s.style.height=`${f}px`},onCommit:(l,f)=>{const b=c();b!==void 0&&this.editor.chain().setNodeSelection(b).updateAttributes(this.name,{width:l,height:f}).run()},onUpdate:(l,f,b)=>l.type===a.type,options:{directions:e,min:{width:t,height:n},preserveAspectRatio:r===!0}}),m=d.dom;return m.style.visibility="hidden",m.style.pointerEvents="none",s.onload=()=>{m.style.visibility="",m.style.pointerEvents=""},d}},addCommands(){return{setImage:e=>({commands:t})=>t.insertContent({type:this.name,attrs:e})}},addInputRules(){return[T.nodeInputRule({find:B,type:this.type,getAttributes:e=>{const[,,t,n,r]=e;return{src:n,alt:t,title:r}}})]}}),P=H,F=typeof global=="object"&&global&&global.Object===Object&&global,U=typeof self=="object"&&self&&self.Object===Object&&self,_=F||U||Function("return this")(),v=_.Symbol,A=Object.prototype,G=A.hasOwnProperty,V=A.toString,h=v?v.toStringTag:void 0;function D(e){var t=G.call(e,h),n=e[h];try{e[h]=void 0;var r=!0}catch{}var a=V.call(e);return r&&(t?e[h]=n:delete e[h]),a}var X=Object.prototype,q=X.toString;function J(e){return q.call(e)}var K="[object Null]",Q="[object Undefined]",$=v?v.toStringTag:void 0;function N(e){return e==null?e===void 0?Q:K:$&&$ in Object(e)?D(e):J(e)}function k(e){return e!=null&&typeof e=="object"}var Y="[object Symbol]";function Z(e){return typeof e=="symbol"||k(e)&&N(e)==Y}var ee=/\s/;function te(e){for(var t=e.length;t--&&ee.test(e.charAt(t)););return t}var ne=/^\s+/;function re(e){return e&&e.slice(0,te(e)+1).replace(ne,"")}function j(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var R=NaN,ie=/^[-+]0x[0-9a-f]+$/i,ae=/^0b[01]+$/i,oe=/^0o[0-7]+$/i,se=parseInt;function x(e){if(typeof e=="number")return e;if(Z(e))return R;if(j(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=j(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=re(e);var n=ae.test(e);return n||oe.test(e)?se(e.slice(2),n?2:8):ie.test(e)?R:+e}var S=function(){return _.Date.now()},le="Expected a function",ue=Math.max,ce=Math.min;function L(e,t,n){var r,a,c,u,o,s,d=0,m=!1,l=!1,f=!0;if(typeof e!="function")throw new TypeError(le);t=x(t)||0,j(n)&&(m=!!n.leading,l="maxWait"in n,c=l?ue(x(n.maxWait)||0,t):c,f="trailing"in n?!!n.trailing:f);function b(i){var g=r,p=a;return r=a=void 0,d=i,u=e.apply(p,g),u}function M(i){return d=i,o=setTimeout(y,t),m?b(i):u}function C(i){var g=i-s,p=i-d,I=t-g;return l?ce(I,c-p):I}function w(i){var g=i-s,p=i-d;return s===void 0||g>=t||g<0||l&&p>=c}function y(){var i=S();if(w(i))return E(i);o=setTimeout(y,C(i))}function E(i){return o=void 0,f&&r?b(i):(r=a=void 0,u)}function W(){o!==void 0&&clearTimeout(o),d=0,r=s=a=o=void 0}function z(){return o===void 0?u:E(S())}function O(){var i=S(),g=w(i);if(r=arguments,a=this,s=i,g){if(o===void 0)return M(s);if(l)return clearTimeout(o),o=setTimeout(y,t),b(s)}return o===void 0&&(o=setTimeout(y,t)),u}return O.cancel=W,O.flush=z,O}var de="Expected a function";function fe(e,t,n){var r=!0,a=!0;if(typeof e!="function")throw new TypeError(de);return j(n)&&(r="leading"in n?!!n.leading:r,a="trailing"in n?!!n.trailing:a),L(e,t,{leading:r,maxWait:t,trailing:a})}exports.baseGetTag=N;exports.debounce=L;exports.index_default=P;exports.isObjectLike=k;exports.throttle=fe;exports.toNumber=x;

package/lib/updatePosition-M2IyqkI1.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./index-Cv9Z6dyV.cjs"),a=require("./index-BBNITgNi.cjs");function l(o,t){const i={getBoundingClientRect:()=>a.posToDOMRect(o.view,o.state.selection.from,o.state.selection.to)};e.computePosition(i,t,{placement:"bottom-start",strategy:"absolute",middleware:[e.shift(),e.flip()]}).then(({x:s,y:n,strategy:c})=>{t.style.width="max-content",t.style.position=c,t.style.left=`${s}px`,t.style.top=`${n}px`})}exports.updatePosition=l;

package/lib/useButtonProps-DEtmDVPr.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("react"),p=require("./index-BvIJKpX1.cjs"),l=require("./index-BBNITgNi.cjs"),g=require("./index-FSRjMsxW.cjs");function E(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const S=E(s);function M(t){const{editor:e}=l.useCurrentEditor(),n=S.useMemo(()=>e,[t,e]);return l.useEditorState({editor:n,selector(o){return o.editor?{editor:o.editor,editorState:o.editor.state,canCommand:o.editor.can}:{editor:null,editorState:void 0,canCommand:void 0}}})||{editor:null}}function f(){return M().editor}const b=()=>!1;function x(t=b){const e=p.useEditableEditor(),[n,r]=s.useState(()=>{const u=t();return typeof u=="boolean"?!u:u}),o=f();s.useEffect(()=>{if(!o||!t)return;const u=()=>{const c=t();r(typeof c=="boolean"?!c:c)};return u(),o.on("selectionUpdate",u),o.on("transaction",u),()=>{o.off("selectionUpdate",u),o.off("transaction",u)}},[o,t]);const a=s.useMemo(()=>!e||!o?!0:typeof n=="boolean"?n:!1,[e,o,n]),i=s.useMemo(()=>!e||!o,[e,o]);return{disabled:a,dataState:n,editorDisabled:i}}function y(t=b){const e=p.useEditableEditor(),[n,r]=s.useState({}),[o,a]=s.useState(t()),i=f();s.useEffect(()=>{if(!i||!t)return;const d=()=>{a(t())};return d(),i.on("selectionUpdate",d),()=>{i.off("selectionUpdate",d)}},[n,i,t]);const u=s.useMemo(()=>!e||!i,[e,i]),c=s.useMemo(()=>!e||!i,[e,i]);return{disabled:u,dataState:o,editorDisabled:c,update:()=>r({})}}function m(t){const e=f();return s.useMemo(()=>e?e.extensionManager.extensions.find(r=>r.name===t):null,[e,t])}function D(t,e,n){return t<e?e:t>n?n:t}const N=t=>typeof t=="number",O=t=>typeof t=="string",U=t=>typeof t=="function";function h(t,e="px"){if(!t)return t;const n=N(t)?String(t):t,r=Number.parseFloat(n),o=n.match(/[%a-z]+$/i),a=o?o[0]:e;return Number.isNaN(r)?t:r+a}function P(t,e){if(!t)return!1;const{extensions:n=[]}=(t==null?void 0:t.extensionManager)??{};return!!n.find(o=>o.name===e)}function C(t){return t.map(e=>O(e)?{value:e,name:e}:e)}function j(t){const e=f(),n=m(t),{t:r}=g.useLocale();return s.useMemo(()=>{if(!e||!n)return null;const{button:o}=n.options;return!o||!U(o)?null:o({editor:e,extension:n,t:r})},[e,n,r])}exports.clamp=D;exports.ensureNameValueOptions=C;exports.getCssUnitWithDefault=h;exports.hasExtension=P;exports.useActive=x;exports.useButtonProps=j;exports.useEditorInstance=f;exports.useExtension=m;exports.useToggleActive=y;