@layers-app/shared 0.0.27 → 0.0.28

package/dist/layers.C5oAiCeN-DZQs9zcO.js

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

package/dist/layers.CovbS90x-CThbTGYw.js

@@ -0,0 +1,52 @@
+import { ad as p, ae as E, I as k } from "./index-Bz8Yenv3.js";
+import { useRef as C, useContext as K, useMemo as O, useEffect as m } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+function D(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var P = D(function(e) {
+  const t = new URLSearchParams();
+  t.append("code", e);
+  for (let s = 1; s < arguments.length; s++) t.append("v", arguments[s]);
+  throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${t} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
+});
+function h(e) {
+  const t = e.transform();
+  return t !== null ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set();
+}
+function j({ initialEditor: e, children: t, initialNodes: s, initialTheme: g, skipCollabChecks: v }) {
+  const f = C(!1), i = K(p);
+  i == null && P(9);
+  const [o, { getTheme: w }] = i, x = O(() => {
+    const l = g || w() || void 0, y = E(i, l);
+    if (l !== void 0 && (e._config.theme = l), e._parentEditor = o, s) for (let r of s) {
+      let a = null, n = null;
+      if (typeof r != "function") {
+        const d = r;
+        r = d.replace, a = d.with, n = d.withKlass || null;
+      }
+      const u = e._nodes.get(r.getType());
+      e._nodes.set(r.getType(), { exportDOM: u ? u.exportDOM : void 0, klass: r, replace: a, replaceWithKlass: n, transforms: h(r) });
+    }
+    else {
+      const r = e._nodes = new Map(o._nodes);
+      for (const [a, n] of r) e._nodes.set(a, { exportDOM: n.exportDOM, klass: n.klass, replace: n.replace, replaceWithKlass: n.replaceWithKlass, transforms: h(n.klass) });
+    }
+    return e._config.namespace = o._config.namespace, e._editable = o._editable, [e, y];
+  }, []), { isCollabActive: M, yjsDocMap: b } = k(), c = v || f.current || b.has(e.getKey());
+  return m(() => {
+    c && (f.current = !0);
+  }, [c]), m(() => o.registerEditableListener((l) => {
+    e.setEditable(l);
+  }), [e, o]), _(p.Provider, { value: x, children: !M || c ? t : null });
+}
+function L({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ _("div", { className: t || "Placeholder__root", children: e });
+}
+export {
+  j as S,
+  L as W
+};

package/dist/layers.CsuN1Q94-BT7000dw.js

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