@layers-app/editor 0.7.82 → 0.7.84

package/dist/layers.U_U8GtB4.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),V=require("react-i18next"),Y=require("@lexical/react/LexicalComposerContext"),J=require("@mantine/core"),C=require("lexical"),Q=require("@layers-app/shared"),i=require("./layers.DYInS_N4.js"),U=t=>{const{width:c,height:r,isLoading:g,isError:w,src:f,id:m,altText:p,imageRef:x,maxWidth:h}=t;return u.jsxs("div",{className:"media-wrapper",style:{width:c,height:r,display:"inline-flex",position:"relative"},children:[u.jsx(J.LoadingOverlay,{visible:g,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),u.jsx(X,{className:null,src:f,altText:p,imageRef:x,width:"inherit",height:"inherit",maxWidth:h||"auto",id:m})]})};function X({altText:t,className:c,imageRef:r,src:g,width:w,height:f,maxWidth:m,id:p}){const[x,h]=n.useState(!1);return u.jsx("img",{className:`${c||void 0} ${x?"":"loading"}`,src:g,alt:t,ref:r,style:{height:f,maxWidth:m,width:w},onLoad:()=>{g.includes("splash")?setTimeout(()=>{h(!0)},100):h(!0)},draggable:"false","data-id":p})}function Z({src:t,altText:c,nodeKey:r,width:g,height:w,maxWidth:f,showCaption:m,caption:p,id:x,create:h,alignment:_}){var q,k;const $=n.useRef(null),[N,I]=n.useState(!0),[d]=Y.useLexicalComposerContext(),[S,L]=n.useState(!0),[l,M]=n.useState({width:0,height:0}),{start:B,cancel:D}=i.useCancelUpload(),[H,j]=n.useState(0),{fetchUploadMedia:W,fetchDeleteMedia:O,maxFileSize:ee}=n.useContext(i.Context),E=i.mediaMap.has(t)&&(((q=i.mediaMap.get(t))==null?void 0:q.mediaNodeKeys.length)===0||((k=i.mediaMap.get(t))==null?void 0:k.mediaNodeKeys.length)===void 0||t.trim()===""),{t:b}=V.useTranslation(),[te,T]=n.useState(0);n.useEffect(()=>d.registerDecoratorListener(()=>{T(e=>e+1)}),[E]),n.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){I(!1);return}const e=new Image;e.src=t,e.onload=()=>I(!1),e.onerror=()=>{I(!1)}},[t,E]);const F=(e,s)=>{d.update(()=>{C.$setSelection(null);const o=C.$getNodeByKey(r);i.$isImageNode(o)&&o.setWidthAndHeight(e,s)})},{historyState:P}=i.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:R}}=i.useSettings(),[v,y]=n.useState(!1);function G(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function K(e){return new Promise((s,o)=>{if(G(e)){s(0);return}const a=new Image;a.src=e,a.onload=()=>{s(a.width)},a.onerror=()=>{o(new Error("Failed to load image"))}})}n.useEffect(()=>{h&&y(!0)},[h]),n.useEffect(()=>{let e=g,s=w,o=100;(t.includes("unsplash")?t.trim():!E&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&K(t).then(a=>{typeof e=="number"&&e<o&&a<o?(L(!0),M({width:e,height:s})):a<o?(L(!0),M({width:"auto",height:"auto"})):(M({width:a,height:a}),L(!1))}).catch(a=>{console.warn("Ошибка при загрузке изображения:",a.message)})},[t,E]),n.useEffect(()=>{l.width&&l.height&&S&&d.update(()=>{const e=C.$getNodeByKey(r);i.$isImageNode(e)&&e.setWidthAndHeight(l.width,l.height)})},[l.width,l.height,S]),n.useEffect(()=>{if(v)return i.blockScroll(),()=>{i.unblockScroll()}},[v]),n.useEffect(()=>d.registerCommand(i.UPLOAD_IMAGE_COMMAND,e=>(t==="upload"&&A(e),!1),C.COMMAND_PRIORITY_LOW),[t,N]);const z=(e,s)=>{I(!1),d.update(()=>{const o=C.$getNodeByKey(r);i.$isImageNode(o)&&(o.setSrc(e),o.setId(s))})},A=e=>{I(!0);const s=B();W&&W(e[0],(o,a)=>{z(o,a),j(0)},o=>{o&&Q.showErrorNotification({message:b("editor.gallery.errorFile")}),j(0),z("","")},s,o=>{j(o)})};return!t||t==="upload"?u.jsx(i.ImagePicker,{uploading:!1,onUpload:e=>{!W||!e.length||(A(e),y(!1))},popoverProps:{opened:v,position:"bottom",onChange:y},onChange:e=>{y(!1),d.update(()=>{const s=C.$getNodeByKey(r);i.$isImageNode(s)&&s.setSrc(e)})},children:u.jsx(i.EmptyNodeButton,{title:b("editor.image.add_photo"),icon:"photo",onClick:()=>y(!v),isLoading:N,progress:H,onAfterCancel:()=>{D(),I(!1)}})}):S?u.jsx(U,{width:l.width,height:l.height,isLoading:N,isError:!1,isIcon:S,src:t,id:x,editor:d,nodeKey:r,fetchDeleteMedia:O,altText:c,imageRef:$,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:P,showNestedEditorTreeView:R,t:b}):u.jsx(i.ResizableContainer,{editor:d,isIcon:S,width:i.parseContainerSize(g),height:i.parseContainerSize(w),initialWidth:l.width||"",initialHeight:l.height||"",onResizeEnd:F,alignment:_,children:u.jsx(U,{width:"inherit",height:"inherit",isLoading:N,isError:!1,isIcon:S,src:t,id:x,editor:d,nodeKey:r,fetchDeleteMedia:O,altText:c,imageRef:$,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:P,showNestedEditorTreeView:R,t:b})})}exports.default=Z;

package/dist/layers.YBmOkiVr.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.Lb7bqB3X.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;

package/dist/layers.eLN8fYO2.js

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

package/dist/layers.nrCa61N7.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.BhCJ-eIN.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};