@layers-app/editor 0.7.14 → 0.7.16

package/dist/layers.Zx0AnCjx.js

@@ -1,19 +0,0 @@
-import { f as o, p as a } from "./layers.CUlS_yZb.js";
-import { f as t, a as e } from "./layers.CGDl8Y3X.js";
-import { x as s } from "./layers.Bja9USss.js";
-import "lodash-es";
-import "./layers.BJDrjORS.js";
-import "./layers.D4T8fTcj.js";
-import "./layers.BPPjbnzx.js";
-const h = {
-  parser: a,
-  db: o,
-  renderer: e,
-  styles: t,
-  init: (r) => {
-    r.flowchart || (r.flowchart = {}), r.flowchart.arrowMarkerAbsolute = r.arrowMarkerAbsolute, s({ flowchart: { arrowMarkerAbsolute: r.arrowMarkerAbsolute } }), e.setConf(r.flowchart), o.clear(), o.setGen("gen-2");
-  }
-};
-export {
-  h as diagram
-};

package/dist/layers.nOigKEQ8.js

@@ -1,304 +0,0 @@
-import { jsx as n, jsxs as k, Fragment as W } from "react/jsx-runtime";
-import { useRef as M, useContext as O, useMemo as K, useEffect as F, useState as T, useCallback as y, Suspense as X } from "react";
-import { v as U, y as G, X as H, B as $, D as j, F as J, G as Q, j as V, o as Y, H as P, L as R, x as z, J as Z, w as A, k as q, M as ee, z as _, N as te, l as ne, O as ae, P as se, s as oe, Q as re, S as ie, T as le, V as ce, W as de, Y as ue, Z as fe } from "./layers.BRJuFCn5.js";
-import { TextInput as pe } from "@mantine/core";
-function ge({ initialEditor: e, children: l, initialNodes: a, initialTheme: h, skipCollabChecks: c, skipEditableListener: d }) {
-  const r = M(!1), E = O(U);
-  E == null && (function(t, ...x) {
-    const v = new URL("https://lexical.dev/docs/error"), m = new URLSearchParams();
-    m.append("code", t);
-    for (const s of x) m.append("v", s);
-    throw v.search = m.toString(), Error(`Minified Lexical error #${t}; visit ${v.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
-  })(9);
-  const [u, { getTheme: N }] = E, w = K(() => {
-    const t = h || N() || void 0, x = G(E, t);
-    t !== void 0 && (e._config.theme = t), e._parentEditor = e._parentEditor || u;
-    const v = e._createEditorArgs, m = v && v.namespace;
-    if (a) {
-      m || (e._config.namespace = u._config.namespace);
-      for (let s of a) {
-        let S = null, p = null;
-        if (typeof s != "function") {
-          const o = s;
-          s = o.replace, S = o.with, p = o.withKlass || null;
-        }
-        const D = H(e, s.getType());
-        e._nodes.set(s.getType(), { exportDOM: D ? D.exportDOM : void 0, klass: s, replace: S, replaceWithKlass: p, sharedNodeState: j(s), transforms: $(s) });
-      }
-    } else if (v && v.nodes) m || (e._config.namespace = u._config.namespace);
-    else {
-      const s = e._nodes = new Map(u._nodes);
-      m || (e._config.namespace = u._config.namespace);
-      for (const [S, p] of s) e._nodes.set(S, { exportDOM: p.exportDOM, klass: p.klass, replace: p.replace, replaceWithKlass: p.replaceWithKlass, sharedNodeState: j(p.klass), transforms: $(p.klass) });
-    }
-    return [e, x];
-  }, []), C = O(J), { isCollabActive: g, yjsDocMap: f } = C ?? {}, I = c || r.current || f && f.has(e.getKey());
-  return F(() => {
-    I && (r.current = !0);
-  }, [I]), F(() => {
-    if (!d) {
-      const t = (x) => e.setEditable(x);
-      return t(u.isEditable()), u.registerEditableListener(t);
-    }
-  }, [e, u, d]), n(U.Provider, { value: w, children: !g || I ? l : null });
-}
-function me({
-  children: e,
-  className: l
-}) {
-  return /* @__PURE__ */ n("div", { className: l || "Placeholder__root", children: e });
-}
-function he({
-  label: e,
-  value: l,
-  onChange: a,
-  placeholder: h = "",
-  "data-test-id": c,
-  type: d = "text"
-}) {
-  return /* @__PURE__ */ n(
-    pe,
-    {
-      type: d,
-      placeholder: h,
-      value: l,
-      onChange: (r) => {
-        a(r.target.value);
-      },
-      label: e,
-      "data-test-id": c,
-      mb: 10
-    }
-  );
-}
-const B = /* @__PURE__ */ new Set();
-function ve(e) {
-  if (!B.has(e))
-    throw new Promise((l) => {
-      const a = new Image();
-      a.src = e, a.onload = () => {
-        B.add(e), l(null);
-      };
-    });
-}
-function Ee({
-  altText: e,
-  className: l,
-  imageRef: a,
-  src: h,
-  width: c,
-  height: d,
-  position: r
-}) {
-  return ve(h), /* @__PURE__ */ n(
-    "img",
-    {
-      className: l || void 0,
-      src: h,
-      alt: e,
-      ref: a,
-      "data-position": r,
-      style: {
-        display: "block",
-        height: d,
-        width: c
-      },
-      draggable: "false"
-    }
-  );
-}
-function be({
-  activeEditor: e,
-  nodeKey: l,
-  onClose: a
-}) {
-  const c = e.getEditorState().read(
-    () => z(l)
-  ), [d, r] = T(c.getAltText()), [E, u] = T(c.getShowCaption()), [N, w] = T(c.getPosition()), C = (f) => {
-    u(f.target.checked);
-  }, g = () => {
-    const f = { altText: d, position: N, showCaption: E };
-    c && e.update(() => {
-      c.update(f);
-    }), a();
-  };
-  return /* @__PURE__ */ k(W, { children: [
-    /* @__PURE__ */ n("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ n(
-      he,
-      {
-        label: "Alt-текст",
-        placeholder: "Альтернативный текст",
-        onChange: r,
-        value: d,
-        "data-test-id": "image-modal-alt-text-input"
-      }
-    ) }),
-    /* @__PURE__ */ k("div", { className: "Input__wrapper", children: [
-      /* @__PURE__ */ n(
-        "input",
-        {
-          id: "caption",
-          type: "checkbox",
-          checked: E,
-          onChange: C
-        }
-      ),
-      /* @__PURE__ */ n("label", { htmlFor: "caption", children: "Show Caption" })
-    ] }),
-    /* @__PURE__ */ n(
-      fe,
-      {
-        "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => g(),
-        children: "Применить"
-      }
-    )
-  ] });
-}
-function we({
-  src: e,
-  altText: l,
-  nodeKey: a,
-  width: h,
-  height: c,
-  showCaption: d,
-  caption: r,
-  position: E
-}) {
-  const [u, N] = Q(), w = M(null), C = M(null), [g, f, I] = V(a), [t] = Y(), [x, v] = T(null), m = M(null), s = y(
-    (o) => {
-      if (g && P(R())) {
-        o.preventDefault();
-        const i = z(a);
-        Z(i) && i.remove();
-      }
-      return !1;
-    },
-    [g, a]
-  ), S = y(
-    (o) => {
-      const b = R(), i = C.current;
-      if (g && P(b) && b.getNodes().length === 1) {
-        if (d)
-          return A(null), o.preventDefault(), r.focus(), !0;
-        if (i !== null && i !== document.activeElement)
-          return o.preventDefault(), i.focus(), !0;
-      }
-      return !1;
-    },
-    [r, g, d]
-  ), p = y(
-    (o) => m.current === r || C.current === o.target ? (A(null), t.update(() => {
-      f(!0);
-      const b = t.getRootElement();
-      b !== null && b.focus();
-    }), !0) : !1,
-    [r, t, f]
-  );
-  return F(() => {
-    let o = !0;
-    const b = q(
-      t.registerUpdateListener(({ editorState: i }) => {
-        o && v(i.read(() => R()));
-      }),
-      t.registerCommand(
-        re,
-        (i, L) => (m.current = L, !1),
-        _
-      ),
-      t.registerCommand(
-        oe,
-        (i) => {
-          const L = i;
-          return L.target === w.current ? (L.shiftKey ? f(!g) : (I(), f(!0)), !0) : !1;
-        },
-        _
-      ),
-      t.registerCommand(
-        se,
-        (i) => i.target === w.current ? (i.preventDefault(), !0) : !1,
-        _
-      ),
-      t.registerCommand(
-        ae,
-        s,
-        _
-      ),
-      t.registerCommand(
-        ne,
-        s,
-        _
-      ),
-      t.registerCommand(te, S, _),
-      t.registerCommand(
-        ee,
-        p,
-        _
-      )
-    );
-    return () => {
-      o = !1, b();
-    };
-  }, [
-    I,
-    t,
-    g,
-    a,
-    s,
-    S,
-    p,
-    f
-  ]), /* @__PURE__ */ k(X, { fallback: null, children: [
-    /* @__PURE__ */ k(W, { children: [
-      /* @__PURE__ */ k("div", { draggable: !1, children: [
-        /* @__PURE__ */ n(
-          "button",
-          {
-            className: "image-edit-button",
-            ref: C,
-            onClick: () => {
-              N("Update Inline Image", (o) => /* @__PURE__ */ n(
-                be,
-                {
-                  activeEditor: t,
-                  nodeKey: a,
-                  onClose: o
-                }
-              ));
-            },
-            children: "Edit"
-          }
-        ),
-        /* @__PURE__ */ n(
-          Ee,
-          {
-            className: g ? `focused ${P(x) ? "draggable" : ""}` : null,
-            src: e,
-            altText: l,
-            imageRef: w,
-            width: h,
-            height: c,
-            position: E
-          }
-        )
-      ] }),
-      d && /* @__PURE__ */ n("div", { className: "image-caption-container", children: /* @__PURE__ */ k(ge, { initialEditor: r, children: [
-        /* @__PURE__ */ n(ie, {}),
-        /* @__PURE__ */ n(le, {}),
-        /* @__PURE__ */ n(
-          ce,
-          {
-            contentEditable: /* @__PURE__ */ n(ue, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ n(me, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: de
-          }
-        )
-      ] }) })
-    ] }),
-    u
-  ] });
-}
-export {
-  be as UpdateInlineImageDialog,
-  we as default
-};

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