@layers-app/editor 0.7.90 → 0.7.92

package/dist/layers.Dk8Fey47.js

@@ -1,276 +0,0 @@
-import { jsxs as E, Fragment as T, jsx as r } from "react/jsx-runtime";
-import { useRef as w, useEffect as d, useState as C, useCallback as m } from "react";
-import { createPortal as z } from "react-dom";
-import { i as P, c as G, d as Q, j as X, E as V, H as Y, k as Z, O as J } from "./layers.BFXGrUiH.js";
-import { useLexicalComposerContext as W } from "@lexical/react/LexicalComposerContext";
-import { LexicalErrorBoundary as I } from "@lexical/react/LexicalErrorBoundary";
-import { useLexicalEditable as K } from "@lexical/react/useLexicalEditable";
-import { Textarea as ee, Group as te, Button as M } from "@mantine/core";
-import { $getNodeByKey as R, COMMAND_PRIORITY_EDITOR as ne } from "lexical";
-import re from "./layers.b9B2NY7n.js";
-function v({
-  equation: o,
-  inline: a,
-  onDoubleClick: s
-}) {
-  const n = w(null);
-  return d(() => {
-    const l = n.current;
-    l !== null && re.render(o, l, {
-      displayMode: !a,
-      errorColor: "#cc0000",
-      output: "html",
-      strict: "warn",
-      throwOnError: !1,
-      trust: !1
-    });
-  }, [o, a]), /* @__PURE__ */ E(T, { children: [
-    /* @__PURE__ */ r(
-      "img",
-      {
-        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-        width: 0,
-        height: 0,
-        alt: ""
-      }
-    ),
-    /* @__PURE__ */ r(
-      "span",
-      {
-        role: "button",
-        tabIndex: -1,
-        onDoubleClick: s,
-        ref: n
-      }
-    ),
-    /* @__PURE__ */ r(
-      "img",
-      {
-        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-        width: 0,
-        height: 0,
-        alt: ""
-      }
-    )
-  ] });
-}
-let S = !1;
-const N = /* @__PURE__ */ new Map();
-function oe(o) {
-  S || (S = !0, o.registerCommand(
-    J,
-    (a) => {
-      const s = N.get(a);
-      return s ? (s(), !0) : !1;
-    },
-    ne
-  ));
-}
-function Ae({
-  equation: o,
-  inline: a,
-  nodeKey: s
-}) {
-  const [n] = W(), l = K(), p = w(null), D = w(null), [f, _] = C(o), [c, u] = C(!1), [O, H] = C({ top: 0, left: 0 }), [j, B] = C(!1), b = m(() => {
-    const e = p.current;
-    if (!e) return;
-    const i = (e.closest(
-      ".editor-equation"
-    ) || e).getBoundingClientRect();
-    H({
-      top: i.bottom + 18,
-      left: i.left
-    }), B(!0);
-  }, []);
-  d(() => {
-    oe(n);
-  }, [n]), d(() => {
-    const e = () => {
-      l && u(!0);
-    };
-    return N.set(s, e), () => {
-      N.delete(s);
-    };
-  }, [l, s]);
-  const A = m(() => {
-    if (l) {
-      if (c) {
-        u(!1);
-        return;
-      }
-      b(), u(!0);
-    }
-  }, [l, c, b]), x = m(() => {
-    const e = f.trim();
-    n.update(() => {
-      const t = R(s);
-      if (P(t)) {
-        if (t.isInline && t.isInline() && e === "") {
-          t.remove();
-          return;
-        }
-        t.setEquation(e);
-      }
-    }), u(!1);
-  }, [n, s, f]), k = m(() => {
-    if (!o && a) {
-      n.update(() => {
-        const e = R(s);
-        P(e) && e.remove();
-      }), u(!1);
-      return;
-    }
-    _(o), o && u(!1);
-  }, [n, o, a, s]);
-  d(() => {
-    c || _(o);
-  }, [o, c]), d(() => {
-    if (!c) {
-      B(!1);
-      return;
-    }
-    G(), b();
-    const e = window.requestAnimationFrame(() => {
-      const t = D.current;
-      if (!t) return;
-      const i = t.value.length;
-      t.focus(), t.setSelectionRange(i, i);
-    });
-    return () => {
-      window.cancelAnimationFrame(e), Q();
-    };
-  }, [c, b]), d(() => {
-    if (!c) return;
-    const e = (t) => {
-      const i = t.target, g = p.current, y = document.querySelector(".equation-block__popup");
-      i && (g != null && g.contains(i) || y instanceof HTMLElement && y.contains(i)) || (a && !f.trim() && n.update(() => {
-        const L = R(s);
-        P(L) && L.remove();
-      }), u(!1));
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [n, a, c, s, f]);
-  const h = (c ? f : o).trim(), q = h.length > 0;
-  d(() => {
-    const e = p.current;
-    if (!e) return;
-    const t = e.closest(".editor-equation"), i = h;
-    if (t) {
-      if (!i) {
-        t.removeAttribute("data-lexical-equation");
-        return;
-      }
-      try {
-        const g = btoa(unescape(encodeURIComponent(i)));
-        t.setAttribute("data-lexical-equation", g);
-      } catch {
-        t.setAttribute("data-lexical-equation", i);
-      }
-    }
-  }, [h]);
-  const F = a && !l ? /* @__PURE__ */ r("span", { className: "equation-inline-trigger", children: /* @__PURE__ */ r(I, { onError: (e) => {
-    var t;
-    return (t = n._onError) == null ? void 0 : t.call(n, e);
-  }, children: /* @__PURE__ */ r(
-    v,
-    {
-      equation: o,
-      inline: a,
-      onDoubleClick: A
-    }
-  ) }) }) : a ? /* @__PURE__ */ r(
-    "span",
-    {
-      className: `equation-inline-trigger${q ? "" : " equation-inline-trigger--empty"}`,
-      onClick: A,
-      ref: p,
-      children: q ? /* @__PURE__ */ r(I, { onError: (e) => {
-        var t;
-        return (t = n._onError) == null ? void 0 : t.call(n, e);
-      }, children: /* @__PURE__ */ r(
-        v,
-        {
-          equation: h,
-          inline: a,
-          onDoubleClick: A
-        }
-      ) }) : /* @__PURE__ */ E("span", { className: "equation-inline-placeholder", children: [
-        /* @__PURE__ */ r(Y, { icon: Z, size: 24 }),
-        /* @__PURE__ */ r("span", { children: "New equation" })
-      ] })
-    }
-  ) : /* @__PURE__ */ r("div", { className: "equation-block", ref: p, children: /* @__PURE__ */ r(
-    "div",
-    {
-      className: "equation-block__container",
-      onClick: A,
-      style: { cursor: l ? "pointer" : "default" },
-      children: q ? /* @__PURE__ */ r(I, { onError: (e) => {
-        var t;
-        return (t = n._onError) == null ? void 0 : t.call(n, e);
-      }, children: /* @__PURE__ */ r(
-        v,
-        {
-          equation: h,
-          inline: a,
-          onDoubleClick: A
-        }
-      ) }) : /* @__PURE__ */ r("div", { className: "equation-block__placeholder", children: "Add a TeX equation" })
-    }
-  ) }), U = m(
-    (e) => {
-      e.stopPropagation(), _(e.currentTarget.value);
-    },
-    []
-  ), $ = m(
-    X({
-      onConfirm: x,
-      onCancel: k
-    }),
-    [x, k]
-  );
-  return /* @__PURE__ */ E(T, { children: [
-    F,
-    c && j && z(
-      /* @__PURE__ */ r(
-        "div",
-        {
-          className: "equation-block__popup",
-          style: {
-            position: "fixed",
-            top: O.top,
-            left: O.left,
-            zIndex: V
-          },
-          children: /* @__PURE__ */ E("div", { className: "equation-block__editor", children: [
-            /* @__PURE__ */ r(
-              ee,
-              {
-                autosize: !0,
-                minRows: 2,
-                variant: "unstyled",
-                value: f,
-                onChange: U,
-                onKeyDown: $,
-                placeholder: "x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",
-                classNames: {
-                  wrapper: "equation-block__textarea-wrapper"
-                },
-                autoFocus: !0,
-                ref: D
-              }
-            ),
-            /* @__PURE__ */ E(te, { justify: "flex-end", gap: "sm", children: [
-              /* @__PURE__ */ r(M, { variant: "subtle", color: "gray", onClick: k, children: "Cancel" }),
-              /* @__PURE__ */ r(M, { onClick: x, children: "Save" })
-            ] })
-          ] })
-        }
-      ),
-      document.body
-    )
-  ] });
-}
-export {
-  Ae as default
-};

package/dist/layers.ZfAh3Y9b.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),T=require("react-dom"),l=require("./layers.l9POGoKk.js"),$=require("@lexical/react/LexicalComposerContext"),R=require("@lexical/react/LexicalErrorBoundary"),H=require("@lexical/react/useLexicalEditable"),g=require("@mantine/core"),b=require("lexical"),F=require("./layers.R8mPlCA0.js");function _({equation:s,inline:a,onDoubleClick:c}){const r=o.useRef(null);return o.useEffect(()=>{const d=r.current;d!==null&&F.default.render(s,d,{displayMode:!a,errorColor:"#cc0000",output:"html",strict:"warn",throwOnError:!1,trust:!1})},[s,a]),n.jsxs(n.Fragment,{children:[n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""}),n.jsx("span",{role:"button",tabIndex:-1,onDoubleClick:c,ref:r}),n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""})]})}let B=!1;const N=new Map;function U(s){B||(B=!0,s.registerCommand(l.OPEN_EQUATION_POPUP_COMMAND,a=>{const c=N.get(a);return c?(c(),!0):!1},b.COMMAND_PRIORITY_EDITOR))}function z({equation:s,inline:a,nodeKey:c}){const[r]=$.useLexicalComposerContext(),d=H.useLexicalEditable(),p=o.useRef(null),P=o.useRef(null),[A,C]=o.useState(s),[u,f]=o.useState(!1),[v,D]=o.useState({top:0,left:0}),[L,y]=o.useState(!1),h=o.useCallback(()=>{const e=p.current;if(!e)return;const i=(e.closest(".editor-equation")||e).getBoundingClientRect();D({top:i.bottom+18,left:i.left}),y(!0)},[]);o.useEffect(()=>{U(r)},[r]),o.useEffect(()=>{const e=()=>{d&&f(!0)};return N.set(c,e),()=>{N.delete(c)}},[d,c]);const m=o.useCallback(()=>{if(d){if(u){f(!1);return}h(),f(!0)}},[d,u,h]),q=o.useCallback(()=>{const e=A.trim();r.update(()=>{const t=b.$getNodeByKey(c);if(l.$isEquationNode(t)){if(t.isInline&&t.isInline()&&e===""){t.remove();return}t.setEquation(e)}}),f(!1)},[r,c,A]),j=o.useCallback(()=>{if(!s&&a){r.update(()=>{const e=b.$getNodeByKey(c);l.$isEquationNode(e)&&e.remove()}),f(!1);return}C(s),s&&f(!1)},[r,s,a,c]);o.useEffect(()=>{u||C(s)},[s,u]),o.useEffect(()=>{if(!u){y(!1);return}l.blockScroll(),h();const e=window.requestAnimationFrame(()=>{const t=P.current;if(!t)return;const i=t.value.length;t.focus(),t.setSelectionRange(i,i)});return()=>{window.cancelAnimationFrame(e),l.unblockScroll()}},[u,h]),o.useEffect(()=>{if(!u)return;const e=t=>{const i=t.target,E=p.current,I=document.querySelector(".equation-block__popup");i&&(E!=null&&E.contains(i)||I instanceof HTMLElement&&I.contains(i))||(a&&!A.trim()&&r.update(()=>{const w=b.$getNodeByKey(c);l.$isEquationNode(w)&&w.remove()}),f(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r,a,u,c,A]);const x=(u?A:s).trim(),k=x.length>0;o.useEffect(()=>{const e=p.current;if(!e)return;const t=e.closest(".editor-equation"),i=x;if(t){if(!i){t.removeAttribute("data-lexical-equation");return}try{const E=btoa(unescape(encodeURIComponent(i)));t.setAttribute("data-lexical-equation",E)}catch{t.setAttribute("data-lexical-equation",i)}}},[x]);const O=a&&!d?n.jsx("span",{className:"equation-inline-trigger",children:n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(_,{equation:s,inline:a,onDoubleClick:m})})}):a?n.jsx("span",{className:`equation-inline-trigger${k?"":" equation-inline-trigger--empty"}`,onClick:m,ref:p,children:k?n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(_,{equation:x,inline:a,onDoubleClick:m})}):n.jsxs("span",{className:"equation-inline-placeholder",children:[n.jsx(l.HugeiconsIcon,{icon:l.$tr,size:24}),n.jsx("span",{children:"New equation"})]})}):n.jsx("div",{className:"equation-block",ref:p,children:n.jsx("div",{className:"equation-block__container",onClick:m,style:{cursor:d?"pointer":"default"},children:k?n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(_,{equation:x,inline:a,onDoubleClick:m})}):n.jsx("div",{className:"equation-block__placeholder",children:"Add a TeX equation"})})}),S=o.useCallback(e=>{e.stopPropagation(),C(e.currentTarget.value)},[]),M=o.useCallback(l.createPopupKeyDownHandler({onConfirm:q,onCancel:j}),[q,j]);return n.jsxs(n.Fragment,{children:[O,u&&L&&T.createPortal(n.jsx("div",{className:"equation-block__popup",style:{position:"fixed",top:v.top,left:v.left,zIndex:l.EDITOR_UI_MIN_Z_INDEX},children:n.jsxs("div",{className:"equation-block__editor",children:[n.jsx(g.Textarea,{autosize:!0,minRows:2,variant:"unstyled",value:A,onChange:S,onKeyDown:M,placeholder:"x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",classNames:{wrapper:"equation-block__textarea-wrapper"},autoFocus:!0,ref:P}),n.jsxs(g.Group,{justify:"flex-end",gap:"sm",children:[n.jsx(g.Button,{variant:"subtle",color:"gray",onClick:j,children:"Cancel"}),n.jsx(g.Button,{onClick:q,children:"Save"})]})]})}),document.body)]})}exports.default=z;

package/dist/layers.cvEfXQem.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),B=require("@lexical/react/LexicalComposerContext"),P=require("@lexical/react/useLexicalEditable"),Y=require("@lexical/react/useLexicalNodeSelection"),W=require("@lexical/utils"),a=require("lexical"),c=require("./layers.l9POGoKk.js"),v=require("./layers.Df8wf57V.js"),F=require("react-i18next"),C=require("@mantine/core"),G=require("@tabler/icons-react");function H({imageContainerRef:n,editor:u,rootClassName:N=null,width:O="inherit",height:h="inherit",nodeKey:e,alignment:E,setModalOpen:d,previewSVG:M}){const j=i.useMemo(()=>M??"",[M]),[f,S]=i.useState(!1),{t:x}=F.useTranslation(),b=(r,m)=>{u.update(()=>{a.$setSelection(null);const g=a.$getNodeByKey(e);return c.$isExcalidrawNode(g)&&g.setWidthAndHeight(r,m),!0})},I=()=>{c.deleteNode(u,e)};return s.jsx(c.ResizableContainer,{editor:u,isIcon:!1,isEmbed:!0,width:c.parseContainerSize(O),height:c.parseContainerSize(h),onResizeEnd:b,alignment:E,children:s.jsxs(C.Box,{className:"media-wrapper excaildraw",children:[s.jsxs("div",{className:"media-actions",children:[s.jsx(C.Tooltip,{label:x("editor.link.edit"),children:s.jsx(C.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:32,radius:8,onClick:()=>{S(!1),d(!0)},children:s.jsx(G.IconEdit,{size:16})})}),s.jsx(c.AlignmentImage,{opened:f,setOpened:S,t:x,editor:u,nodeKey:e}),s.jsx(C.Tooltip,{label:x("editor.actions.delete"),children:s.jsx(C.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:32,radius:8,onClick:I,children:s.jsx(c.Icon,{name:"trash",size:"16"})})})]}),s.jsx(C.Box,{w:"100%",ref:r=>{r&&n&&(n.current=r)},className:N??"",dangerouslySetInnerHTML:{__html:j}})]})})}function V({nodeKey:n,data:u,width:N,height:O,alignment:h}){var q;const[e]=B.useLexicalComposerContext(),E=P.useLexicalEditable(),d=i.useMemo(()=>v.parseExcalidrawData(u),[u]),M=((q=d==null?void 0:d.elements)==null?void 0:q.length)===0&&!d.previewSVG,[j,f]=i.useState(M&&e.isEditable()),[S,x]=i.useState(!1),b=i.useRef(null),I=i.useRef(null),r=i.useRef(null),[m,g,R]=Y.useLexicalNodeSelection(n),w=i.useCallback(t=>(m&&(t.preventDefault(),e.update(()=>{const o=a.$getNodeByKey(n);o&&o.remove()})),!1),[e,m,n]);i.useEffect(()=>{if(!E){m&&R();return}return W.mergeRegister(e.registerCommand(a.CLICK_COMMAND,t=>{const o=I.current,p=t.target;return o!==null&&o.contains(p)?(t.shiftKey||R(),g(!m),t.detail>1&&f(!0),!0):!1},a.COMMAND_PRIORITY_LOW),e.registerCommand(a.KEY_DELETE_COMMAND,w,a.COMMAND_PRIORITY_LOW),e.registerCommand(a.KEY_BACKSPACE_COMMAND,w,a.COMMAND_PRIORITY_LOW))},[R,e,m,w,g,E]);const y=i.useCallback(()=>(f(!1),e.update(()=>{const t=a.$getNodeByKey(n);t&&t.remove()})),[e,n]),L=(t,o,p,A)=>e.update(()=>{const D=a.$getNodeByKey(n);c.$isExcalidrawNode(D)&&(t&&t.length>0||Object.keys(p).length>0?D.setData(JSON.stringify({appState:o,elements:t,files:p,previewSVG:A})):D.remove())}),{elements:l=[],files:k={},appState:T={},previewSVG:$}=d,_=i.useCallback(()=>{f(!1),x(!1),r.current=!1,(l==null?void 0:l.length)===0&&e.update(()=>{const t=a.$getNodeByKey(n);t&&t.remove()})},[e,n,l==null?void 0:l.length]),z=i.useCallback(()=>{r.current?x(!0):_()},[]);return s.jsxs(s.Fragment,{children:[s.jsx(v.ConfirmModal,{isCloseModal:S,confirmClose:_,setCloseModalOpen:x}),s.jsx(v.ExcalidrawModal,{initialElements:l,isEdited:r,initialFiles:k,initialAppState:T,isShown:j,onDelete:y,onClose:z,onSave:(t,o,p,A)=>{L(t,o,p,A),f(!1)},closeOnClickOutside:!1}),(l==null?void 0:l.length)&&s.jsx("div",{style:{display:"flex",justifyContent:h},children:s.jsx(H,{imageContainerRef:b,className:"image",width:N,height:O,editor:e,nodeKey:n,alignment:h,setModalOpen:f,previewSVG:$})})]})}exports.default=V;