@layers-app/shared 0.0.27 → 0.0.28

package/dist/layers.DETHwCxI-BvdKGW_B.js

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

package/dist/layers.vNINlb5t-Bef3Moef.js

@@ -0,0 +1,289 @@
+import { jsx as g, jsxs as _, Fragment as F } from "react/jsx-runtime";
+import { useRef as A, useEffect as b, useLayoutEffect as $, useState as j, useMemo as G, Suspense as H } from "react";
+import { s as X, I as Q, h as V, y as Z, G as J, A as ee, $ as te, n as ne, X as re, u as k, C as S, _ as oe, D as se, c as B, Z as ae, q as ie, L as i, E as l, F as c, H as le, J as ue, N as P, P as ce, R as de, S as me, V as fe, M as ge, W as M, Q as pe, Y as T, i as ve, a0 as he, a1 as z, a2 as Y, a3 as Ce, a4 as ye, a5 as we, a6 as Ee, a7 as De, a8 as Le, a9 as be, aa as xe, ab as Re, ac as ke } from "./index-Bz8Yenv3.js";
+import { S as Se, W as Te } from "./layers.CovbS90x-CThbTGYw.js";
+import { flushSync as _e, createPortal as Ne } from "react-dom";
+const w = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, Xe = w && "documentMode" in document ? document.documentMode : null, Be = !(!w || !("InputEvent" in window) || Xe) && "getTargetRanges" in new window.InputEvent("input"), Ke = w && /Version\/[\d.]+.*Safari/.test(navigator.userAgent), I = w && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream, Ae = w && /^(?=.*Chrome).*/i.test(navigator.userAgent), Pe = w && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !Ae;
+function U(n, t) {
+  t.update(() => {
+    if (n !== null) {
+      const e = xe(n, KeyboardEvent) ? null : n.clipboardData, s = i();
+      if (s !== null && e != null) {
+        n.preventDefault();
+        const a = Re(t);
+        a !== null && e.setData("text/html", a), e.setData("text/plain", s.getTextContent());
+      }
+    }
+  });
+}
+function Me(n) {
+  return B(n.registerCommand(T, (t) => {
+    const e = i();
+    return !!l(e) && (e.deleteCharacter(t), !0);
+  }, c), n.registerCommand(Le, (t) => {
+    const e = i();
+    return !!l(e) && (e.deleteWord(t), !0);
+  }, c), n.registerCommand(De, (t) => {
+    const e = i();
+    return !!l(e) && (e.deleteLine(t), !0);
+  }, c), n.registerCommand(Ee, (t) => {
+    const e = i();
+    if (!l(e)) return !1;
+    if (typeof t == "string") e.insertText(t);
+    else {
+      const s = t.dataTransfer;
+      if (s != null) P(s, e);
+      else {
+        const a = t.data;
+        a && e.insertText(a);
+      }
+    }
+    return !0;
+  }, c), n.registerCommand(we, () => {
+    const t = i();
+    return !!l(t) && (t.removeText(), !0);
+  }, c), n.registerCommand(M, (t) => {
+    const e = i();
+    return !!l(e) && (e.insertLineBreak(t), !0);
+  }, c), n.registerCommand(ye, () => {
+    const t = i();
+    return !!l(t) && (t.insertLineBreak(), !0);
+  }, c), n.registerCommand(Ce, (t) => {
+    const e = i();
+    if (!l(e)) return !1;
+    const s = t, a = s.shiftKey;
+    return !!z(e, !0) && (s.preventDefault(), Y(e, a, !0), !0);
+  }, c), n.registerCommand(he, (t) => {
+    const e = i();
+    if (!l(e)) return !1;
+    const s = t, a = s.shiftKey;
+    return !!z(e, !1) && (s.preventDefault(), Y(e, a, !1), !0);
+  }, c), n.registerCommand(ve, (t) => {
+    const e = i();
+    return !!l(e) && (!I || navigator.language !== "ko-KR") && (t.preventDefault(), n.dispatchCommand(T, !0));
+  }, c), n.registerCommand(pe, (t) => {
+    const e = i();
+    return !!l(e) && (t.preventDefault(), n.dispatchCommand(T, !1));
+  }, c), n.registerCommand(ge, (t) => {
+    const e = i();
+    if (!l(e)) return !1;
+    if (t !== null) {
+      if ((I || Ke || Pe) && Be) return !1;
+      t.preventDefault();
+    }
+    return n.dispatchCommand(M, !1);
+  }, c), n.registerCommand(me, () => (fe(), !0), c), n.registerCommand(de, (t) => {
+    const e = i();
+    return !!l(e) && (U(t, n), !0);
+  }, c), n.registerCommand(ce, (t) => {
+    const e = i();
+    return !!l(e) && (function(s, a) {
+      U(s, a), a.update(() => {
+        const o = i();
+        l(o) && o.removeText();
+      });
+    }(t, n), !0);
+  }, c), n.registerCommand(ue, (t) => {
+    const e = i();
+    return !!l(e) && (function(s, a) {
+      s.preventDefault(), a.update(() => {
+        const o = i(), { clipboardData: d } = s;
+        d != null && l(o) && P(d, o);
+      }, { tag: "paste" });
+    }(t, n), !0);
+  }, c), n.registerCommand(le, (t) => {
+    const e = i();
+    return !!l(e) && (t.preventDefault(), !0);
+  }, c), n.registerCommand(ie, (t) => {
+    const e = i();
+    return !!l(e) && (t.preventDefault(), !0);
+  }, c));
+}
+const N = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? $ : b;
+function W(n) {
+  return n.getEditorState().read(ke(n.isComposing()));
+}
+function ze({ contentEditable: n, placeholder: t = null, ErrorBoundary: e }) {
+  const [s] = X(), a = function(o, d) {
+    const [f, y] = j(() => o.getDecorators());
+    return N(() => o.registerDecoratorListener((C) => {
+      _e(() => {
+        y(C);
+      });
+    }), [o]), b(() => {
+      y(o.getDecorators());
+    }, [o]), G(() => {
+      const C = [], E = Object.keys(f);
+      for (let D = 0; D < E.length; D++) {
+        const L = E[D], R = g(d, { onError: (u) => o._onError(u), children: g(H, { fallback: null, children: f[L] }) }), r = o.getElementByKey(L);
+        r !== null && C.push(Ne(R, r, L));
+      }
+      return C;
+    }, [d, f, o]);
+  }(s, e);
+  return function(o) {
+    N(() => B(Me(o), ae(o)), [o]);
+  }(s), _(F, { children: [n, g(Ye, { content: t }), a] });
+}
+function Ye({ content: n }) {
+  const [t] = X(), e = function(a) {
+    const [o, d] = j(() => W(a));
+    return N(() => {
+      function f() {
+        const y = W(a);
+        d(y);
+      }
+      return f(), B(a.registerUpdateListener(() => {
+        f();
+      }), a.registerEditableListener(() => {
+        f();
+      }));
+    }, [a]), o;
+  }(t), s = be();
+  return e ? typeof n == "function" ? n(s) : n : null;
+}
+const Ie = new URL(window.location.href);
+new URLSearchParams(Ie.search);
+const Ue = "https://wss.dudoc.io";
+function We(n, t) {
+  let e = t.get(n);
+  return e === void 0 ? (e = new se(), t.set(n, e)) : e.load(), new oe(Ue, "/" + n, e, {
+    connect: !1
+  });
+}
+const $e = re ? $ : b, je = {
+  ...Z,
+  paragraph: "StickyEditorTheme__paragraph"
+};
+function x(n, t) {
+  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 Qe({
+  x: n,
+  y: t,
+  nodeKey: e,
+  color: s,
+  caption: a
+}) {
+  const [o] = X(), d = A(null), f = A({
+    isDragging: !1,
+    offsetX: 0,
+    offsetY: 0,
+    rootElementRect: null,
+    x: 0,
+    y: 0
+  }), { isCollabActive: y } = Q();
+  b(() => {
+    const r = f.current;
+    r.x = n, r.y = t;
+    const u = d.current;
+    u !== null && x(u, r);
+  }, [n, t]), $e(() => {
+    const r = f.current, u = new ResizeObserver((h) => {
+      for (let p = 0; p < h.length; p++) {
+        const O = h[p], { target: q } = O;
+        r.rootElementRect = q.getBoundingClientRect();
+        const K = d.current;
+        K !== null && x(K, r);
+      }
+    }), m = o.registerRootListener(
+      (h, p) => {
+        p !== null && u.unobserve(p), h !== null && u.observe(h);
+      }
+    ), v = () => {
+      const h = o.getRootElement(), p = d.current;
+      h !== null && p !== null && (r.rootElementRect = h.getBoundingClientRect(), x(p, r));
+    };
+    return window.addEventListener("resize", v), () => {
+      window.removeEventListener("resize", v), m();
+    };
+  }, [o]), b(() => {
+    const r = d.current;
+    r !== null && setTimeout(() => {
+      r.style.setProperty(
+        "transition",
+        "top 0.3s ease 0s, left 0.3s ease 0s"
+      );
+    }, 500);
+  }, []);
+  const C = (r) => {
+    const u = d.current, m = f.current, v = m.rootElementRect;
+    u !== null && m.isDragging && v !== null && (m.x = r.pageX - m.offsetX - v.left, m.y = r.pageY - m.offsetY - v.top, x(u, m));
+  }, E = () => {
+    const r = d.current, u = f.current;
+    r !== null && (u.isDragging = !1, r.classList.remove("dragging"), o.update(() => {
+      const m = k(e);
+      S(m) && m.setPosition(u.x, u.y);
+    })), document.removeEventListener("pointermove", C), document.removeEventListener("pointerup", E);
+  }, D = () => {
+    o.update(() => {
+      const r = k(e);
+      S(r) && r.remove();
+    });
+  }, L = () => {
+    o.update(() => {
+      const r = k(e);
+      S(r) && r.toggleColor();
+    });
+  }, { historyState: R } = V();
+  return /* @__PURE__ */ g("div", { ref: d, className: "sticky-note-container", children: /* @__PURE__ */ _(
+    "div",
+    {
+      className: `sticky-note ${s}`,
+      onPointerDown: (r) => {
+        const u = d.current;
+        if (u == null || r.button === 2 || r.target !== u.firstChild)
+          return;
+        const m = u, v = f.current;
+        if (m !== null) {
+          const { top: h, left: p } = m.getBoundingClientRect();
+          v.offsetX = r.clientX - p, v.offsetY = r.clientY - h, v.isDragging = !0, m.classList.add("dragging"), document.addEventListener("pointermove", C), document.addEventListener("pointerup", E), r.preventDefault();
+        }
+      },
+      children: [
+        /* @__PURE__ */ g(
+          "button",
+          {
+            onClick: D,
+            className: "delete",
+            "aria-label": "Delete sticky note",
+            title: "Delete",
+            children: "X"
+          }
+        ),
+        /* @__PURE__ */ g(
+          "button",
+          {
+            onClick: L,
+            className: "color",
+            "aria-label": "Change sticky note color",
+            title: "Color",
+            children: /* @__PURE__ */ g("i", { className: "bucket" })
+          }
+        ),
+        /* @__PURE__ */ _(Se, { initialEditor: a, initialTheme: je, children: [
+          y ? /* @__PURE__ */ g(
+            J,
+            {
+              id: a.getKey(),
+              providerFactory: We,
+              shouldBootstrap: !0
+            }
+          ) : /* @__PURE__ */ g(ee, { externalHistoryState: R }),
+          /* @__PURE__ */ g(
+            ze,
+            {
+              contentEditable: /* @__PURE__ */ g(ne, { className: "StickyNode__contentEditable" }),
+              placeholder: /* @__PURE__ */ g(Te, { className: "StickyNode__placeholder", children: "What's up?" }),
+              ErrorBoundary: te
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  Qe as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers-app/shared",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "files": [
     "dist"
   ],
@@ -46,7 +46,7 @@
     "react-helmet": "^6.1.0",
     "react-i18next": "^15.0.2",
     "react-joyride": "^2.8.2",
-    "react-router-dom": "6.27.0",
+    "react-router-dom": "^7.5.2",
     "zustand": "^4.5.4"
   }
 }