@layers-app/editor 0.0.1

package/dist/DSD.BTb8iwne.js

@@ -0,0 +1,155 @@
+import { jsx as o, jsxs as C } from "react/jsx-runtime";
+import { useMemo as I, useState as D, useRef as S, useCallback as $, useEffect as R } from "react";
+import { b as V, a as j, w as P, R as x, C as k, l as b, N as E, k as w, K as v, e as B, r as y, B as A, m as T, n as W } from "./DSD.BSMoqlgJ.js";
+function O(...t) {
+  return t.filter(Boolean).join(" ");
+}
+function F(t) {
+  return t.reduce((c, n) => c + n.votes.length, 0);
+}
+function L({
+  option: t,
+  index: c,
+  options: n,
+  totalVotes: a,
+  withPollNode: p
+}) {
+  const { clientID: r } = T(), _ = S(null), m = t.votes, f = m.indexOf(r) !== -1, i = m.length, h = t.text;
+  return /* @__PURE__ */ C("div", { className: "PollNode__optionContainer", children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: O(
+          "PollNode__optionCheckboxWrapper",
+          f && "PollNode__optionCheckboxChecked"
+        ),
+        children: /* @__PURE__ */ o(
+          "input",
+          {
+            ref: _,
+            className: "PollNode__optionCheckbox",
+            type: "checkbox",
+            onChange: () => {
+              p((d) => {
+                d.toggleVote(t, r);
+              });
+            },
+            checked: f
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ C("div", { className: "PollNode__optionInputWrapper", children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: "PollNode__optionInputVotes",
+          style: { width: `${i === 0 ? 0 : i / a * 100}%` }
+        }
+      ),
+      /* @__PURE__ */ o("span", { className: "PollNode__optionInputVotesCount", children: i > 0 && (i === 1 ? "1 vote" : `${i} votes`) }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          className: "PollNode__optionInput",
+          type: "text",
+          value: h,
+          onChange: (d) => {
+            const u = d.target, N = u.value, e = u.selectionStart, l = u.selectionEnd;
+            p(
+              (s) => {
+                s.setOptionText(t, N);
+              },
+              () => {
+                u.selectionStart = e, u.selectionEnd = l;
+              }
+            );
+          },
+          placeholder: `Option ${c + 1}`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        disabled: n.length < 3,
+        className: O(
+          "PollNode__optionDelete",
+          n.length < 3 && "PollNode__optionDeleteDisabled"
+        ),
+        "aria-label": "Remove",
+        onClick: () => {
+          p((d) => {
+            d.deleteOption(t);
+          });
+        }
+      }
+    )
+  ] });
+}
+function z({
+  question: t,
+  options: c,
+  nodeKey: n
+}) {
+  const [a] = V(), p = I(() => F(c), [c]), [r, _, m] = j(n), [g, f] = D(null), i = S(null), h = $(
+    (e) => {
+      if (r && P(x())) {
+        e.preventDefault();
+        const s = k(n);
+        b(s) && s.remove();
+      }
+      return !1;
+    },
+    [r, n]
+  );
+  R(() => E(
+    a.registerUpdateListener(({ editorState: e }) => {
+      f(e.read(() => x()));
+    }),
+    a.registerCommand(
+      y,
+      (e) => {
+        const l = e;
+        return l.target === i.current ? (l.shiftKey || m(), _(!r), !0) : !1;
+      },
+      v
+    ),
+    a.registerCommand(B, h, v),
+    a.registerCommand(w, h, v)
+  ), [m, a, r, n, h, _]);
+  const d = (e, l) => {
+    a.update(
+      () => {
+        const s = k(n);
+        b(s) && e(s);
+      },
+      { onUpdate: l }
+    );
+  }, u = () => {
+    d((e) => {
+      e.addOption(W());
+    });
+  }, N = P(g) && r;
+  return /* @__PURE__ */ o("div", { className: `PollNode__container ${N ? "focused" : ""}`, ref: i, children: /* @__PURE__ */ C("div", { className: "PollNode__inner", children: [
+    /* @__PURE__ */ o("h2", { className: "PollNode__heading", children: t }),
+    c.map((e, l) => {
+      const s = e.uid;
+      return /* @__PURE__ */ o(
+        L,
+        {
+          withPollNode: d,
+          option: e,
+          index: l,
+          options: c,
+          totalVotes: p
+        },
+        s
+      );
+    }),
+    /* @__PURE__ */ o("div", { className: "PollNode__footer", children: /* @__PURE__ */ o(A, { onClick: u, small: !0, children: "Add Option" }) })
+  ] }) });
+}
+export {
+  z as default
+};

package/dist/DSD.Dps-yU0B.js

@@ -0,0 +1,253 @@
+import { jsx as e, jsxs as f, Fragment as L } from "react/jsx-runtime";
+import { u as j, a as M, b as U, w, R as _, C as B, $ as z, F as D, N as O, c as W, K as h, d as q, k as G, e as H, D as J, r as Q, t as V, L as X, f as Y, h as Z, g as K, i as ee, j as te, B as ne } from "./DSD.BSMoqlgJ.js";
+import { d as ae, P as le } from "./DSD.wx0g6wlB.js";
+import { useRef as k, useState as E, useCallback as F, useEffect as oe, Suspense as ie } from "react";
+import { TextInput as re } from "@mantine/core";
+function se({
+  label: n,
+  value: o,
+  onChange: t,
+  placeholder: u = "",
+  "data-test-id": i,
+  type: c = "text"
+}) {
+  return /* @__PURE__ */ e(
+    re,
+    {
+      type: c,
+      placeholder: u,
+      value: o,
+      onChange: (r) => {
+        t(r.target.value);
+      },
+      label: n,
+      "data-test-id": i,
+      mb: 10
+    }
+  );
+}
+function ce({ children: n, label: o, className: t, ...u }) {
+  return /* @__PURE__ */ f("div", { className: "Input__wrapper", children: [
+    /* @__PURE__ */ e("label", { style: { marginTop: "-1em" }, className: "Input__label", children: o }),
+    /* @__PURE__ */ e("select", { ...u, className: t || "select", children: n })
+  ] });
+}
+const y = /* @__PURE__ */ new Set();
+function ue(n) {
+  if (!y.has(n))
+    throw new Promise((o) => {
+      const t = new Image();
+      t.src = n, t.onload = () => {
+        y.add(n), o(null);
+      };
+    });
+}
+function de({
+  altText: n,
+  className: o,
+  imageRef: t,
+  src: u,
+  width: i,
+  height: c,
+  position: r
+}) {
+  return ue(u), /* @__PURE__ */ e(
+    "img",
+    {
+      className: o || void 0,
+      src: u,
+      alt: n,
+      ref: t,
+      "data-position": r,
+      style: {
+        display: "block",
+        height: c,
+        width: i
+      },
+      draggable: "false"
+    }
+  );
+}
+function me({
+  activeEditor: n,
+  nodeKey: o,
+  onClose: t
+}) {
+  const i = n.getEditorState().read(() => B(o)), [c, r] = E(i.getAltText()), [v, x] = E(i.getShowCaption()), [I, C] = E(i.getPosition()), b = (m) => {
+    x(m.target.checked);
+  }, d = (m) => {
+    C(m.target.value);
+  }, p = () => {
+    const m = { altText: c, position: I, showCaption: v };
+    i && n.update(() => {
+      i.update(m);
+    }), t();
+  };
+  return /* @__PURE__ */ f(L, { children: [
+    /* @__PURE__ */ e("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ e(
+      se,
+      {
+        label: "Alt-текст",
+        placeholder: "Альтернативный текст",
+        onChange: r,
+        value: c,
+        "data-test-id": "image-modal-alt-text-input"
+      }
+    ) }),
+    /* @__PURE__ */ f(
+      ce,
+      {
+        style: { marginBottom: "1em", width: "208px" },
+        value: I,
+        label: "Position",
+        name: "position",
+        id: "position-select",
+        onChange: d,
+        children: [
+          /* @__PURE__ */ e("option", { value: "left", children: "Left" }),
+          /* @__PURE__ */ e("option", { value: "right", children: "Right" }),
+          /* @__PURE__ */ e("option", { value: "full", children: "Full Width" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ f("div", { className: "Input__wrapper", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "caption",
+          type: "checkbox",
+          checked: v,
+          onChange: b
+        }
+      ),
+      /* @__PURE__ */ e("label", { htmlFor: "caption", children: "Show Caption" })
+    ] }),
+    /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(ne, { "data-test-id": "image-modal-file-upload-btn", onClick: () => p(), children: "Применить" }) })
+  ] });
+}
+function ve({
+  src: n,
+  altText: o,
+  nodeKey: t,
+  width: u,
+  height: i,
+  showCaption: c,
+  caption: r,
+  position: v
+}) {
+  const [x, I] = j(), C = k(null), b = k(null), [d, p, m] = M(t), [l] = U(), [$, A] = E(null), P = k(null), N = F(
+    (s) => {
+      if (d && w(_())) {
+        s.preventDefault();
+        const a = B(t);
+        z(a) && a.remove();
+      }
+      return !1;
+    },
+    [d, t]
+  ), R = F(
+    (s) => {
+      const g = _(), a = b.current;
+      if (d && w(g) && g.getNodes().length === 1) {
+        if (c)
+          return D(null), s.preventDefault(), r.focus(), !0;
+        if (a !== null && a !== document.activeElement)
+          return s.preventDefault(), a.focus(), !0;
+      }
+      return !1;
+    },
+    [r, d, c]
+  ), T = F(
+    (s) => P.current === r || b.current === s.target ? (D(null), l.update(() => {
+      p(!0);
+      const g = l.getRootElement();
+      g !== null && g.focus();
+    }), !0) : !1,
+    [r, l, p]
+  );
+  return oe(() => {
+    let s = !0;
+    const g = O(
+      l.registerUpdateListener(({ editorState: a }) => {
+        s && A(a.read(() => _()));
+      }),
+      l.registerCommand(
+        V,
+        (a, S) => (P.current = S, !1),
+        h
+      ),
+      l.registerCommand(
+        Q,
+        (a) => {
+          const S = a;
+          return S.target === C.current ? (S.shiftKey ? p(!d) : (m(), p(!0)), !0) : !1;
+        },
+        h
+      ),
+      l.registerCommand(
+        J,
+        (a) => a.target === C.current ? (a.preventDefault(), !0) : !1,
+        h
+      ),
+      l.registerCommand(H, N, h),
+      l.registerCommand(G, N, h),
+      l.registerCommand(q, R, h),
+      l.registerCommand(W, T, h)
+    );
+    return () => {
+      s = !1, g();
+    };
+  }, [m, l, d, t, N, R, T, p]), /* @__PURE__ */ f(ie, { fallback: null, children: [
+    /* @__PURE__ */ f(L, { children: [
+      /* @__PURE__ */ f("div", { draggable: !1, children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "image-edit-button",
+            ref: b,
+            onClick: () => {
+              I("Update Inline Image", (s) => /* @__PURE__ */ e(
+                me,
+                {
+                  activeEditor: l,
+                  nodeKey: t,
+                  onClose: s
+                }
+              ));
+            },
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ e(
+          de,
+          {
+            className: d ? `focused ${w($) ? "draggable" : ""}` : null,
+            src: n,
+            altText: o,
+            imageRef: C,
+            width: u,
+            height: i,
+            position: v
+          }
+        )
+      ] }),
+      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ f(ae, { initialEditor: r, children: [
+        /* @__PURE__ */ e(X, {}),
+        /* @__PURE__ */ e(Y, {}),
+        /* @__PURE__ */ e(
+          Z,
+          {
+            contentEditable: /* @__PURE__ */ e(K, { className: "InlineImageNode__contentEditable" }),
+            placeholder: /* @__PURE__ */ e(le, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
+            ErrorBoundary: ee
+          }
+        )
+      ] }) })
+    ] }),
+    x
+  ] });
+}
+export {
+  me as UpdateInlineImageDialog,
+  ve as default
+};

package/dist/DSD.rW4l7_6K.js

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