@layers-app/editor 0.5.0 → 0.5.1

package/dist/layers.Da3-MQaS.js

@@ -1,315 +0,0 @@
-import { jsx as n, jsxs as k, Fragment as W } from "react/jsx-runtime";
-import { useRef as L, useContext as O, useMemo as K, useEffect as F, useState as M, useCallback as y, Suspense as X } from "react";
-import { v as $, y as G, X as H, B, D as U, F as J, G as Q, j as V, o as Y, H as P, L as R, x as z, J as q, w as j, k as Z, M as ee, z as _, N as te, l as ne, O as ae, P as se, s as oe, Q as re, S as le, T as ie, V as ce, W as de, Y as ue } from "./layers.Cjxg13wd.js";
-import { Button as fe, TextInput as pe } from "@mantine/core";
-function me({ initialEditor: e, children: o, initialNodes: a, initialTheme: m, skipCollabChecks: r, skipEditableListener: c }) {
-  const l = L(!1), E = O($);
-  E == null && (function(t, ...x) {
-    const v = new URL("https://lexical.dev/docs/error"), h = new URLSearchParams();
-    h.append("code", t);
-    for (const s of x) h.append("v", s);
-    throw v.search = h.toString(), Error(`Minified Lexical error #${t}; visit ${v.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
-  })(9);
-  const [u, { getTheme: N }] = E, I = K(() => {
-    const t = m || N() || void 0, x = G(E, t);
-    t !== void 0 && (e._config.theme = t), e._parentEditor = e._parentEditor || u;
-    const v = e._createEditorArgs, h = v && v.namespace;
-    if (a) {
-      h || (e._config.namespace = u._config.namespace);
-      for (let s of a) {
-        let S = null, p = null;
-        if (typeof s != "function") {
-          const i = s;
-          s = i.replace, S = i.with, p = i.withKlass || null;
-        }
-        const D = H(e, s.getType());
-        e._nodes.set(s.getType(), { exportDOM: D ? D.exportDOM : void 0, klass: s, replace: S, replaceWithKlass: p, sharedNodeState: U(s), transforms: B(s) });
-      }
-    } else if (v && v.nodes) h || (e._config.namespace = u._config.namespace);
-    else {
-      const s = e._nodes = new Map(u._nodes);
-      h || (e._config.namespace = u._config.namespace);
-      for (const [S, p] of s) e._nodes.set(S, { exportDOM: p.exportDOM, klass: p.klass, replace: p.replace, replaceWithKlass: p.replaceWithKlass, sharedNodeState: U(p.klass), transforms: B(p.klass) });
-    }
-    return [e, x];
-  }, []), C = O(J), { isCollabActive: g, yjsDocMap: f } = C ?? {}, w = r || l.current || f && f.has(e.getKey());
-  return F(() => {
-    w && (l.current = !0);
-  }, [w]), F(() => {
-    if (!c) {
-      const t = (x) => e.setEditable(x);
-      return t(u.isEditable()), u.registerEditableListener(t);
-    }
-  }, [e, u, c]), n($.Provider, { value: I, children: !g || w ? o : null });
-}
-function ge({
-  "data-test-id": e,
-  children: o,
-  className: a,
-  onClick: m,
-  disabled: r,
-  small: c,
-  title: l
-}) {
-  return /* @__PURE__ */ n(fe, { onClick: m, disabled: r, variant: "filled", children: o });
-}
-function he({
-  children: e,
-  className: o
-}) {
-  return /* @__PURE__ */ n("div", { className: o || "Placeholder__root", children: e });
-}
-function ve({
-  label: e,
-  value: o,
-  onChange: a,
-  placeholder: m = "",
-  "data-test-id": r,
-  type: c = "text"
-}) {
-  return /* @__PURE__ */ n(
-    pe,
-    {
-      type: c,
-      placeholder: m,
-      value: o,
-      onChange: (l) => {
-        a(l.target.value);
-      },
-      label: e,
-      "data-test-id": r,
-      mb: 10
-    }
-  );
-}
-const A = /* @__PURE__ */ new Set();
-function Ee(e) {
-  if (!A.has(e))
-    throw new Promise((o) => {
-      const a = new Image();
-      a.src = e, a.onload = () => {
-        A.add(e), o(null);
-      };
-    });
-}
-function be({
-  altText: e,
-  className: o,
-  imageRef: a,
-  src: m,
-  width: r,
-  height: c,
-  position: l
-}) {
-  return Ee(m), /* @__PURE__ */ n(
-    "img",
-    {
-      className: o || void 0,
-      src: m,
-      alt: e,
-      ref: a,
-      "data-position": l,
-      style: {
-        display: "block",
-        height: c,
-        width: r
-      },
-      draggable: "false"
-    }
-  );
-}
-function Ce({
-  activeEditor: e,
-  nodeKey: o,
-  onClose: a
-}) {
-  const r = e.getEditorState().read(
-    () => z(o)
-  ), [c, l] = M(r.getAltText()), [E, u] = M(r.getShowCaption()), [N, I] = M(r.getPosition()), C = (f) => {
-    u(f.target.checked);
-  }, g = () => {
-    const f = { altText: c, position: N, showCaption: E };
-    r && e.update(() => {
-      r.update(f);
-    }), a();
-  };
-  return /* @__PURE__ */ k(W, { children: [
-    /* @__PURE__ */ n("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ n(
-      ve,
-      {
-        label: "Alt-текст",
-        placeholder: "Альтернативный текст",
-        onChange: l,
-        value: c,
-        "data-test-id": "image-modal-alt-text-input"
-      }
-    ) }),
-    /* @__PURE__ */ k("div", { className: "Input__wrapper", children: [
-      /* @__PURE__ */ n(
-        "input",
-        {
-          id: "caption",
-          type: "checkbox",
-          checked: E,
-          onChange: C
-        }
-      ),
-      /* @__PURE__ */ n("label", { htmlFor: "caption", children: "Show Caption" })
-    ] }),
-    /* @__PURE__ */ n(
-      ge,
-      {
-        "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => g(),
-        children: "Применить"
-      }
-    )
-  ] });
-}
-function we({
-  src: e,
-  altText: o,
-  nodeKey: a,
-  width: m,
-  height: r,
-  showCaption: c,
-  caption: l,
-  position: E
-}) {
-  const [u, N] = Q(), I = L(null), C = L(null), [g, f, w] = V(a), [t] = Y(), [x, v] = M(null), h = L(null), s = y(
-    (i) => {
-      if (g && P(R())) {
-        i.preventDefault();
-        const d = z(a);
-        q(d) && d.remove();
-      }
-      return !1;
-    },
-    [g, a]
-  ), S = y(
-    (i) => {
-      const b = R(), d = C.current;
-      if (g && P(b) && b.getNodes().length === 1) {
-        if (c)
-          return j(null), i.preventDefault(), l.focus(), !0;
-        if (d !== null && d !== document.activeElement)
-          return i.preventDefault(), d.focus(), !0;
-      }
-      return !1;
-    },
-    [l, g, c]
-  ), p = y(
-    (i) => h.current === l || C.current === i.target ? (j(null), t.update(() => {
-      f(!0);
-      const b = t.getRootElement();
-      b !== null && b.focus();
-    }), !0) : !1,
-    [l, t, f]
-  );
-  return F(() => {
-    let i = !0;
-    const b = Z(
-      t.registerUpdateListener(({ editorState: d }) => {
-        i && v(d.read(() => R()));
-      }),
-      t.registerCommand(
-        re,
-        (d, T) => (h.current = T, !1),
-        _
-      ),
-      t.registerCommand(
-        oe,
-        (d) => {
-          const T = d;
-          return T.target === I.current ? (T.shiftKey ? f(!g) : (w(), f(!0)), !0) : !1;
-        },
-        _
-      ),
-      t.registerCommand(
-        se,
-        (d) => d.target === I.current ? (d.preventDefault(), !0) : !1,
-        _
-      ),
-      t.registerCommand(
-        ae,
-        s,
-        _
-      ),
-      t.registerCommand(
-        ne,
-        s,
-        _
-      ),
-      t.registerCommand(te, S, _),
-      t.registerCommand(
-        ee,
-        p,
-        _
-      )
-    );
-    return () => {
-      i = !1, b();
-    };
-  }, [
-    w,
-    t,
-    g,
-    a,
-    s,
-    S,
-    p,
-    f
-  ]), /* @__PURE__ */ k(X, { fallback: null, children: [
-    /* @__PURE__ */ k(W, { children: [
-      /* @__PURE__ */ k("div", { draggable: !1, children: [
-        /* @__PURE__ */ n(
-          "button",
-          {
-            className: "image-edit-button",
-            ref: C,
-            onClick: () => {
-              N("Update Inline Image", (i) => /* @__PURE__ */ n(
-                Ce,
-                {
-                  activeEditor: t,
-                  nodeKey: a,
-                  onClose: i
-                }
-              ));
-            },
-            children: "Edit"
-          }
-        ),
-        /* @__PURE__ */ n(
-          be,
-          {
-            className: g ? `focused ${P(x) ? "draggable" : ""}` : null,
-            src: e,
-            altText: o,
-            imageRef: I,
-            width: m,
-            height: r,
-            position: E
-          }
-        )
-      ] }),
-      c && /* @__PURE__ */ n("div", { className: "image-caption-container", children: /* @__PURE__ */ k(me, { initialEditor: l, children: [
-        /* @__PURE__ */ n(le, {}),
-        /* @__PURE__ */ n(ie, {}),
-        /* @__PURE__ */ n(
-          ce,
-          {
-            contentEditable: /* @__PURE__ */ n(ue, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ n(he, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: de
-          }
-        )
-      ] }) })
-    ] }),
-    u
-  ] });
-}
-export {
-  Ce as UpdateInlineImageDialog,
-  we as default
-};