@layers-app/editor 0.1.16 → 0.1.17

package/dist/layers.CItteJap.js

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

package/dist/layers.CYsjm8a5.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layers.B4tFIYtW.js");require("./layers.Ce_PEr-a.js");exports.Commands=e.CB;exports.subsetToBase64=e.QB;exports.subsetToBinary=e.NQ;exports.toBase64=e.AI;