@layers-app/editor 0.0.10 → 0.0.12

package/dist/{DSD.xqZnHMlT.js → layers.DRs0dAJu.js}

@@ -1,111 +1,111 @@
 import { jsx as g, jsxs as $, Fragment as F } from "react/jsx-runtime";
-import { useState as U, useMemo as V, useLayoutEffect as Y, useEffect as b, Suspense as q, useRef as W } from "react";
-import { N as T, D as G, R as a, o as c, p as u, q as J, s as Q, v as A, x as Z, A as ee, z as te, H as ne, d as re, y as M, e as oe, E as S, k as se, G as ie, I as O, J as X, M as ae, O as ce, P as le, Q as ue, S as de, T as fe, U as me, V as ge, b as B, W as pe, X as Ce, Y as he, Z as ye, _ as ve, a0 as Ee, a1 as we, n as ke, a2 as De, a3 as be, a4 as Le, g as Re, i as Se, C as x, a5 as P } from "./DSD.CLhKx58f.js";
-import { d as xe, P as Pe } from "./DSD.AwtUbg5v.js";
+import { useState as Y, useMemo as V, useLayoutEffect as I, useEffect as b, Suspense as q, useRef as A } from "react";
+import { N as T, D as G, g as i, z as c, A as u, G as J, H as Q, J as W, M as Z, O as ee, P as te, Q as ne, j as re, S as z, m as oe, T as S, k as se, U as ae, V as M, W as O, X as ie, Y as ce, Z as le, _ as ue, a0 as de, a1 as fe, a2 as me, a3 as ge, u as B, a4 as pe, a5 as Ce, a6 as he, a7 as ye, a8 as ve, a9 as Ee, aa as we, l as ke, a as De, ab as be, ac as Le, q as Re, s as Se, c as x, ad as P } from "./layers.D0SxWFme.js";
+import { d as xe, P as Pe } from "./layers.CJQEaaIH.js";
 import { flushSync as $e, createPortal as Ne } from "react-dom";
-const E = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, Te = E && "documentMode" in document ? document.documentMode : null, Be = !(!E || !("InputEvent" in window) || Te) && "getTargetRanges" in new window.InputEvent("input"), _e = E && /Version\/[\d.]+.*Safari/.test(navigator.userAgent), z = E && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream, We = E && /^(?=.*Chrome).*/i.test(navigator.userAgent), Ae = E && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !We;
-function I(n, t) {
+const E = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, Te = E && "documentMode" in document ? document.documentMode : null, Be = !(!E || !("InputEvent" in window) || Te) && "getTargetRanges" in new window.InputEvent("input"), _e = E && /Version\/[\d.]+.*Safari/.test(navigator.userAgent), X = E && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream, Ae = E && /^(?=.*Chrome).*/i.test(navigator.userAgent), We = E && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !Ae;
+function K(n, t) {
   t.update(() => {
     if (n !== null) {
-      const e = me(n, KeyboardEvent) ? null : n.clipboardData, s = a();
+      const e = me(n, KeyboardEvent) ? null : n.clipboardData, s = i();
       if (s !== null && e != null) {
         n.preventDefault();
-        const i = ge(t);
-        i !== null && e.setData("text/html", i), e.setData("text/plain", s.getTextContent());
+        const a = ge(t);
+        a !== null && e.setData("text/html", a), e.setData("text/plain", s.getTextContent());
       }
     }
   });
 }
-function Me(n) {
+function ze(n) {
   return T(n.registerCommand(S, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (e.deleteCharacter(t), !0);
   }, u), n.registerCommand(fe, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (e.deleteWord(t), !0);
   }, u), n.registerCommand(de, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (e.deleteLine(t), !0);
   }, u), n.registerCommand(ue, (t) => {
-    const e = a();
+    const e = i();
     if (!c(e)) return !1;
     if (typeof t == "string") e.insertText(t);
     else {
       const s = t.dataTransfer;
-      if (s != null) A(s, e);
+      if (s != null) W(s, e);
       else {
-        const i = t.data;
-        i && e.insertText(i);
+        const a = t.data;
+        a && e.insertText(a);
       }
     }
     return !0;
   }, u), n.registerCommand(le, () => {
-    const t = a();
+    const t = i();
     return !!c(t) && (t.removeText(), !0);
-  }, u), n.registerCommand(M, (t) => {
-    const e = a();
+  }, u), n.registerCommand(z, (t) => {
+    const e = i();
     return !!c(e) && (e.insertLineBreak(t), !0);
   }, u), n.registerCommand(ce, () => {
-    const t = a();
+    const t = i();
     return !!c(t) && (t.insertLineBreak(), !0);
-  }, u), n.registerCommand(ae, (t) => {
-    const e = a();
-    if (!c(e)) return !1;
-    const s = t, i = s.shiftKey;
-    return !!O(e, !0) && (s.preventDefault(), X(e, i, !0), !0);
   }, u), n.registerCommand(ie, (t) => {
-    const e = a();
+    const e = i();
+    if (!c(e)) return !1;
+    const s = t, a = s.shiftKey;
+    return !!M(e, !0) && (s.preventDefault(), O(e, a, !0), !0);
+  }, u), n.registerCommand(ae, (t) => {
+    const e = i();
     if (!c(e)) return !1;
-    const s = t, i = s.shiftKey;
-    return !!O(e, !1) && (s.preventDefault(), X(e, i, !1), !0);
+    const s = t, a = s.shiftKey;
+    return !!M(e, !1) && (s.preventDefault(), O(e, a, !1), !0);
   }, u), n.registerCommand(se, (t) => {
-    const e = a();
-    return !!c(e) && (!z || navigator.language !== "ko-KR") && (t.preventDefault(), n.dispatchCommand(S, !0));
+    const e = i();
+    return !!c(e) && (!X || navigator.language !== "ko-KR") && (t.preventDefault(), n.dispatchCommand(S, !0));
   }, u), n.registerCommand(oe, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (t.preventDefault(), n.dispatchCommand(S, !1));
   }, u), n.registerCommand(re, (t) => {
-    const e = a();
+    const e = i();
     if (!c(e)) return !1;
     if (t !== null) {
-      if ((z || _e || Ae) && Be) return !1;
+      if ((X || _e || We) && Be) return !1;
       t.preventDefault();
     }
-    return n.dispatchCommand(M, !1);
+    return n.dispatchCommand(z, !1);
   }, u), n.registerCommand(te, () => (ne(), !0), u), n.registerCommand(ee, (t) => {
-    const e = a();
-    return !!c(e) && (I(t, n), !0);
+    const e = i();
+    return !!c(e) && (K(t, n), !0);
   }, u), n.registerCommand(Z, (t) => {
-    const e = a();
-    return !!c(e) && (function(s, i) {
-      I(s, i), i.update(() => {
-        const o = a();
+    const e = i();
+    return !!c(e) && (function(s, a) {
+      K(s, a), a.update(() => {
+        const o = i();
         c(o) && o.removeText();
       });
     }(t, n), !0);
   }, u), n.registerCommand(Q, (t) => {
-    const e = a();
-    return !!c(e) && (function(s, i) {
-      s.preventDefault(), i.update(() => {
-        const o = a(), { clipboardData: d } = s;
-        d != null && c(o) && A(d, o);
+    const e = i();
+    return !!c(e) && (function(s, a) {
+      s.preventDefault(), a.update(() => {
+        const o = i(), { clipboardData: d } = s;
+        d != null && c(o) && W(d, o);
       }, { tag: "paste" });
     }(t, n), !0);
   }, u), n.registerCommand(J, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (t.preventDefault(), !0);
   }, u), n.registerCommand(G, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (t.preventDefault(), !0);
   }, u));
 }
-const N = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? Y : b;
-function K(n) {
+const N = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? I : b;
+function U(n) {
   return n.getEditorState().read(he(n.isComposing()));
 }
-function Oe({ contentEditable: n, placeholder: t = null, ErrorBoundary: e }) {
-  const [s] = B(), i = function(o, d) {
-    const [m, v] = U(() => o.getDecorators());
+function Me({ contentEditable: n, placeholder: t = null, ErrorBoundary: e }) {
+  const [s] = B(), a = function(o, d) {
+    const [m, v] = Y(() => o.getDecorators());
     return N(() => o.registerDecoratorListener((y) => {
       $e(() => {
         v(y);
@@ -122,51 +122,51 @@ function Oe({ contentEditable: n, placeholder: t = null, ErrorBoundary: e }) {
     }, [d, m, o]);
   }(s, e);
   return function(o) {
-    N(() => T(Me(o), pe(o)), [o]);
-  }(s), $(F, { children: [n, g(Xe, { content: t }), i] });
+    N(() => T(ze(o), pe(o)), [o]);
+  }(s), $(F, { children: [n, g(Oe, { content: t }), a] });
 }
-function Xe({ content: n }) {
-  const [t] = B(), e = function(i) {
-    const [o, d] = U(() => K(i));
+function Oe({ content: n }) {
+  const [t] = B(), e = function(a) {
+    const [o, d] = Y(() => U(a));
     return N(() => {
       function m() {
-        const v = K(i);
+        const v = U(a);
         d(v);
       }
-      return m(), T(i.registerUpdateListener(() => {
+      return m(), T(a.registerUpdateListener(() => {
         m();
-      }), i.registerEditableListener(() => {
+      }), a.registerEditableListener(() => {
         m();
       }));
-    }, [i]), o;
+    }, [a]), o;
   }(t), s = Ce();
   return e ? typeof n == "function" ? n(s) : n : null;
 }
-const ze = new URL(window.location.href);
-new URLSearchParams(ze.search);
-const Ie = "https://wss.dudoc.io";
-function Ke(n, t) {
+const Xe = new URL(window.location.href);
+new URLSearchParams(Xe.search);
+const Ke = "https://wss.dudoc.io";
+function Ue(n, t) {
   let e = t.get(n);
-  return e === void 0 ? (e = new ye(), t.set(n, e)) : e.load(), new ve(Ie, "/" + n, e, {
+  return e === void 0 ? (e = new ye(), t.set(n, e)) : e.load(), new ve(Ke, "/" + n, e, {
     connect: !1
   });
 }
-const Ue = Ee ? Y : b, Ye = {
+const Ye = Ee ? I : b, Ie = {
   ...we,
   paragraph: "StickyEditorTheme__paragraph"
 };
 function L(n, t) {
-  const e = n.style, s = t.rootElementRect, i = s !== null ? s.left : 0, o = s !== null ? s.top : 0;
-  e.top = o + t.y + "px", e.left = i + t.x + "px";
+  const e = n.style, s = t.rootElementRect, a = s !== null ? s.left : 0, o = s !== null ? s.top : 0;
+  e.top = o + t.y + "px", e.left = a + t.x + "px";
 }
 function Ge({
   x: n,
   y: t,
   nodeKey: e,
   color: s,
-  caption: i
+  caption: a
 }) {
-  const [o] = B(), d = W(null), m = W({
+  const [o] = B(), d = A(null), m = A({
     isDragging: !1,
     offsetX: 0,
     offsetY: 0,
@@ -179,7 +179,7 @@ function Ge({
     r.x = n, r.y = t;
     const l = d.current;
     l !== null && L(l, r);
-  }, [n, t]), Ue(() => {
+  }, [n, t]), Ye(() => {
     const r = m.current, l = new ResizeObserver((h) => {
       for (let p = 0; p < h.length; p++) {
         const H = h[p], { target: j } = H;
@@ -262,17 +262,17 @@ function Ge({
             children: /* @__PURE__ */ g("i", { className: "bucket" })
           }
         ),
-        /* @__PURE__ */ $(xe, { initialEditor: i, initialTheme: Ye, children: [
+        /* @__PURE__ */ $(xe, { initialEditor: a, initialTheme: Ie, children: [
           v ? /* @__PURE__ */ g(
             be,
             {
-              id: i.getKey(),
-              providerFactory: Ke,
+              id: a.getKey(),
+              providerFactory: Ue,
               shouldBootstrap: !0
             }
           ) : /* @__PURE__ */ g(Le, { externalHistoryState: R }),
           /* @__PURE__ */ g(
-            Oe,
+            Me,
             {
               contentEditable: /* @__PURE__ */ g(Se, { className: "StickyNode__contentEditable" }),
               placeholder: /* @__PURE__ */ g(Pe, { className: "StickyNode__placeholder", children: "What's up?" }),

package/dist/layers.DeCNzWQA.js

@@ -0,0 +1,281 @@
+import { jsx as o, jsxs as G } from "react/jsx-runtime";
+import { useRef as V, useState as I, useContext as q, useEffect as w } from "react";
+import { useTranslation as J } from "react-i18next";
+import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.D0SxWFme.js";
+import { LoadingOverlay as T, Flex as se, Alert as re } from "@mantine/core";
+import { IconInfoCircle as le } from "@tabler/icons-react";
+const j = (t) => {
+  const {
+    width: c,
+    height: a,
+    isLoading: s,
+    isError: d,
+    src: g,
+    id: f,
+    altText: u,
+    imageRef: b,
+    maxWidth: v
+  } = t;
+  return /* @__PURE__ */ G(
+    "div",
+    {
+      className: "media-wrapper",
+      style: {
+        width: c,
+        height: a,
+        display: "inline-flex",
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ o(
+          T,
+          {
+            visible: s,
+            zIndex: 1e3,
+            overlayProps: { backgroundOpacity: 0.5 },
+            loaderProps: { size: 24, color: "black" }
+          }
+        ),
+        /* @__PURE__ */ o(
+          T,
+          {
+            visible: d,
+            zIndex: 1e3,
+            overlayProps: { backgroundOpacity: 0.5 },
+            loaderProps: {
+              children: /* @__PURE__ */ o(se, { bg: "white", maw: 300, justify: "center", children: /* @__PURE__ */ o(
+                re,
+                {
+                  variant: "light",
+                  color: "red",
+                  title: "Ошибка загрузки",
+                  icon: /* @__PURE__ */ o(le, {}),
+                  children: "Попробуйте загрузить заново."
+                }
+              ) })
+            }
+          }
+        ),
+        /* @__PURE__ */ o(
+          de,
+          {
+            className: null,
+            src: g,
+            altText: u,
+            imageRef: b,
+            width: "inherit",
+            height: "inherit",
+            maxWidth: v || "auto",
+            id: f
+          }
+        )
+      ]
+    }
+  );
+};
+function de({
+  altText: t,
+  className: c,
+  imageRef: a,
+  src: s,
+  width: d,
+  height: g,
+  maxWidth: f,
+  id: u
+}) {
+  return /* @__PURE__ */ o(
+    "img",
+    {
+      className: c || void 0,
+      src: s,
+      alt: t,
+      ref: a,
+      style: {
+        height: g,
+        maxWidth: f,
+        width: d
+      },
+      draggable: "false",
+      "data-id": u
+    }
+  );
+}
+function pe({
+  src: t,
+  altText: c,
+  nodeKey: a,
+  width: s,
+  height: d,
+  maxWidth: g,
+  showCaption: f,
+  caption: u,
+  id: b,
+  create: v,
+  alignment: _
+}) {
+  const z = V(null), [R, y] = I(!0), [k, D] = I(!1), { isCollabActive: A } = Q(), [h] = X(), [m, S] = I(!0), [r, W] = I({
+    width: 0,
+    height: 0
+  }), { fetchUploadImage: F, fetchDeleteImage: L } = q(Y), { t: N } = J();
+  w(() => {
+    if (!t || t.startsWith("data:image/")) {
+      y(!1);
+      return;
+    }
+    const e = new Image();
+    e.src = t, e.onload = () => y(!1), e.onerror = () => {
+      y(!1), D(!0);
+    };
+  }, [t]);
+  const U = (e, n) => {
+    h.update(() => {
+      ae(null);
+      const l = C(a);
+      E(l) && l.setWidthAndHeight(e, n);
+    });
+  }, { historyState: O } = Z(), {
+    settings: { showNestedEditorTreeView: H }
+  } = K(), [x, p] = I(!1);
+  function $(e) {
+    return e.endsWith(".svg") || e.includes("image/svg+xml");
+  }
+  function B(e) {
+    return new Promise((n, l) => {
+      if ($(e)) {
+        n(0);
+        return;
+      }
+      const i = new Image();
+      i.src = e, i.onload = () => {
+        n(i.width);
+      }, i.onerror = () => {
+        l(new Error("Failed to load image"));
+      };
+    });
+  }
+  return w(() => {
+    v && p(!0);
+  }, [v]), w(() => {
+    let e = s, n = d, l = 100;
+    t && B(t).then((i) => {
+      typeof e == "number" && e < l && i < l ? (S(!0), W({
+        width: e,
+        height: n
+      })) : i < l ? (S(!0), W({
+        width: "auto",
+        height: "auto"
+      })) : (W({
+        width: i,
+        height: i
+      }), S(!1));
+    });
+  }, [t]), w(() => {
+    r.width && r.height && m && h.update(() => {
+      const e = C(a);
+      E(e) && e.setWidthAndHeight(r.width, r.height);
+    });
+  }, [r.width, r.height, m]), w(() => {
+    const e = document.documentElement;
+    ee(x, e);
+  }, [x]), t ? m ? /* @__PURE__ */ o(
+    j,
+    {
+      width: r.width,
+      height: r.height,
+      isLoading: R,
+      isError: k,
+      isIcon: m,
+      src: t,
+      id: b,
+      editor: h,
+      nodeKey: a,
+      fetchDeleteImage: L,
+      altText: c,
+      imageRef: z,
+      maxWidth: g,
+      showCaption: f,
+      caption: u,
+      isCollabActive: A,
+      historyState: O,
+      showNestedEditorTreeView: H,
+      t: N
+    }
+  ) : /* @__PURE__ */ o(
+    ne,
+    {
+      editor: h,
+      isIcon: m,
+      width: typeof s == "string" && s.includes("%") ? parseFloat(s) : s,
+      height: typeof d == "string" && d.includes("%") ? parseFloat(d) : s,
+      initialWidth: r.width || "",
+      initialHeight: r.height || "",
+      onResizeEnd: U,
+      alignment: _,
+      children: /* @__PURE__ */ o(
+        j,
+        {
+          width: "inherit",
+          height: "inherit",
+          isLoading: R,
+          isError: k,
+          isIcon: m,
+          src: t,
+          id: b,
+          editor: h,
+          nodeKey: a,
+          fetchDeleteImage: L,
+          altText: c,
+          imageRef: z,
+          maxWidth: g,
+          showCaption: f,
+          caption: u,
+          isCollabActive: A,
+          historyState: O,
+          showNestedEditorTreeView: H,
+          t: N
+        }
+      )
+    }
+  ) : /* @__PURE__ */ o(
+    te,
+    {
+      uploading: !1,
+      onUpload: (e) => {
+        !F || !e.length || (e.forEach((n, l) => {
+          F(n, (i, M) => {
+            l === 0 ? h.update(() => {
+              const P = C(a);
+              E(P) && (P.setSrc(i), P.setId(M));
+            }) : h.dispatchCommand(oe, {
+              altText: "",
+              src: i,
+              id: M
+            });
+          });
+        }), p(!1));
+      },
+      popoverProps: {
+        opened: x,
+        position: "bottom",
+        onChange: p
+      },
+      onChange: (e) => {
+        p(!1), h.update(() => {
+          const n = C(a);
+          E(n) && n.setSrc(e);
+        });
+      },
+      children: /* @__PURE__ */ o(
+        ie,
+        {
+          title: N("editor.image.add_photo"),
+          icon: "photo",
+          onClick: () => p(!x)
+        }
+      )
+    }
+  );
+}
+export {
+  pe as default
+};