@layers-app/shared 0.0.26 → 0.0.28

package/dist/{layers.DRxNz4Ly-Cp9JbXSH.js → layers.DETHwCxI-BvdKGW_B.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as $ } from "react/jsx-runtime";
-import { useRef as B, useState as w, useContext as q, useEffect as x } from "react";
-import { useTranslation as G } from "react-i18next";
-import { e as J, d as Q, n as X, u as Y, O as M, f as C, E, _ as ee, k as te, a as ie, H as oe, Z as ae, j as re } from "./index-Vul891jq.js";
-import { LoadingOverlay as L, Flex as se, Alert as ne } from "@mantine/core";
+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 D = (t) => {
+const H = (t) => {
   const {
     width: c,
     height: r,
@@ -13,8 +13,8 @@ const D = (t) => {
     src: g,
     id: m,
     altText: p,
-    imageRef: v,
-    maxWidth: y
+    imageRef: y,
+    maxWidth: v
   } = t;
   return /* @__PURE__ */ $(
     "div",
@@ -28,7 +28,7 @@ const D = (t) => {
       },
       children: [
         /* @__PURE__ */ o(
-          L,
+          D,
           {
             visible: s,
             zIndex: 1e3,
@@ -37,7 +37,7 @@ const D = (t) => {
           }
         ),
         /* @__PURE__ */ o(
-          L,
+          D,
           {
             visible: d,
             zIndex: 1e3,
@@ -62,10 +62,10 @@ const D = (t) => {
             className: null,
             src: g,
             altText: p,
-            imageRef: v,
+            imageRef: y,
             width: "inherit",
             height: "inherit",
-            maxWidth: y || "auto",
+            maxWidth: v || "auto",
             id: m
           }
         )
@@ -100,7 +100,7 @@ function de({
     }
   );
 }
-function ue({
+function fe({
   src: t,
   altText: c,
   nodeKey: r,
@@ -109,39 +109,39 @@ function ue({
   maxWidth: g,
   showCaption: m,
   caption: p,
-  id: v,
-  create: y,
-  alignment: K
+  id: y,
+  create: v,
+  alignment: O
 }) {
-  const k = B(null), [A, W] = w(!0), [O, U] = w(!1), { isCollabActive: P } = J(), [l] = Q(), [f, b] = w(!0), [n, T] = w({
+  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: S, fetchDeleteImage: j } = q(X), { t: N } = G();
+  }), { fetchUploadImage: k, fetchDeleteImage: F } = G(Y), { t: N } = J();
   x(() => {
     if (!t || t.startsWith("data:image/")) {
-      W(!1);
+      b(!1);
       return;
     }
     const e = new Image();
-    e.src = t, e.onload = () => W(!1), e.onerror = () => {
-      W(!1), U(!0);
+    e.src = t, e.onload = () => b(!1), e.onerror = () => {
+      b(!1), B(!0);
     };
   }, [t]);
-  const V = (e, a) => {
+  const U = (e, a) => {
     l.update(() => {
       re(null);
-      const h = C(r);
-      E(h) && h.setWidthAndHeight(e, a);
+      const h = T(r);
+      W(h) && h.setWidthAndHeight(e, a);
     });
-  }, { historyState: H } = Y(), {
-    settings: { showNestedEditorTreeView: z }
-  } = M(), [I, u] = w(!1);
-  function _(e) {
+  }, { historyState: K } = Z(), {
+    settings: { showNestedEditorTreeView: L }
+  } = M(), [I, f] = w(!1);
+  function V(e) {
     return e.endsWith(".svg") || e.includes("image/svg+xml");
   }
-  function Z(e) {
+  function _(e) {
     return new Promise((a, h) => {
-      if (_(e)) {
+      if (V(e)) {
         a(0);
         return;
       }
@@ -154,84 +154,84 @@ function ue({
     });
   }
   return x(() => {
-    y && u(!0);
-  }, [y]), x(() => {
+    v && f(!0);
+  }, [v]), x(() => {
     let e = s, a = d, h = 100;
-    t && Z(t).then((i) => {
-      typeof e == "number" && e < h && i < h ? (b(!0), T({
+    t && _(t).then((i) => {
+      typeof e == "number" && e < h && i < h ? (C(!0), E({
         width: e,
         height: a
-      })) : i < h ? (b(!0), T({
+      })) : i < h ? (C(!0), E({
         width: "auto",
         height: "auto"
-      })) : (T({
+      })) : (E({
         width: i,
         height: i
-      }), b(!1));
+      }), C(!1));
     });
   }, [t]), x(() => {
-    n.width && n.height && f && l.update(() => {
-      const e = C(r);
-      E(e) && e.setWidthAndHeight(n.width, n.height);
+    n.width && n.height && u && l.update(() => {
+      const e = T(r);
+      W(e) && e.setWidthAndHeight(n.width, n.height);
     });
-  }, [n.width, n.height, f]), x(() => {
+  }, [n.width, n.height, u]), x(() => {
     const e = document.documentElement;
     ee(I, e);
-  }, [I]), t ? f ? /* @__PURE__ */ o(
-    D,
+  }, [I]), t ? u ? /* @__PURE__ */ o(
+    H,
     {
       width: n.width,
       height: n.height,
       isLoading: A,
-      isError: O,
-      isIcon: f,
+      isError: P,
+      isIcon: u,
       src: t,
-      id: v,
+      id: y,
       editor: l,
       nodeKey: r,
-      fetchDeleteImage: j,
+      fetchDeleteImage: F,
       altText: c,
-      imageRef: k,
+      imageRef: z,
       maxWidth: g,
       showCaption: m,
       caption: p,
-      isCollabActive: P,
-      historyState: H,
-      showNestedEditorTreeView: z,
+      isCollabActive: S,
+      historyState: K,
+      showNestedEditorTreeView: L,
       t: N
     }
   ) : /* @__PURE__ */ o(
     te,
     {
       editor: l,
-      isIcon: f,
+      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: V,
-      alignment: K,
+      onResizeEnd: U,
+      alignment: O,
       children: /* @__PURE__ */ o(
-        D,
+        H,
         {
           width: "inherit",
           height: "inherit",
           isLoading: A,
-          isError: O,
-          isIcon: f,
+          isError: P,
+          isIcon: u,
           src: t,
-          id: v,
+          id: y,
           editor: l,
           nodeKey: r,
-          fetchDeleteImage: j,
+          fetchDeleteImage: F,
           altText: c,
-          imageRef: k,
+          imageRef: z,
           maxWidth: g,
           showCaption: m,
           caption: p,
-          isCollabActive: P,
-          historyState: H,
-          showNestedEditorTreeView: z,
+          isCollabActive: S,
+          historyState: K,
+          showNestedEditorTreeView: L,
           t: N
         }
       )
@@ -241,28 +241,28 @@ function ue({
     {
       uploading: !1,
       onUpload: (e) => {
-        !S || !e.length || (e.forEach((a, h) => {
-          S(a, (i, F) => {
+        !k || !e.length || (e.forEach((a, h) => {
+          k(a, (i, j) => {
             h === 0 ? l.update(() => {
-              const R = C(r);
-              E(R) && (R.setSrc(i), R.setId(F));
+              const R = T(r);
+              W(R) && (R.setSrc(i), R.setId(j));
             }) : l.dispatchCommand(ae, {
               altText: "",
               src: i,
-              id: F
+              id: j
             });
           });
-        }), u(!1));
+        }), f(!1));
       },
       popoverProps: {
         opened: I,
         position: "bottom",
-        onChange: u
+        onChange: f
       },
       onChange: (e) => {
-        u(!1), l.update(() => {
-          const a = C(r);
-          E(a) && a.setSrc(e);
+        f(!1), l.update(() => {
+          const a = T(r);
+          W(a) && a.setSrc(e);
         });
       },
       children: /* @__PURE__ */ o(
@@ -270,12 +270,12 @@ function ue({
         {
           title: N("editor.image.add_photo"),
           icon: "photo",
-          onClick: () => u(!I)
+          onClick: () => f(!I)
         }
       )
     }
   );
 }
 export {
-  ue as default
+  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.26",
+  "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"
   }
 }