@layers-app/editor 0.0.29-ai.1 → 0.0.29-ai.2

package/dist/layers.Ch9e93xD.js

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