@layers-app/editor 0.7.23 → 0.7.24

package/dist/layers.XvSvPUQo.js

@@ -1,213 +0,0 @@
-import { jsx as i, jsxs as R, Fragment as J } from "react/jsx-runtime";
-import { useMemo as Y, useState as k, useRef as I, useCallback as E, useEffect as q } from "react";
-import { useLexicalComposerContext as Q } from "@lexical/react/LexicalComposerContext";
-import { useLexicalEditable as U } from "@lexical/react/useLexicalEditable";
-import { useLexicalNodeSelection as X } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as Z } from "@lexical/utils";
-import { $setSelection as K, $getNodeByKey as p, CLICK_COMMAND as ee, COMMAND_PRIORITY_LOW as _, KEY_DELETE_COMMAND as te, KEY_BACKSPACE_COMMAND as ie } from "lexical";
-import { R as ae, p as T, A as ne, e as se, f as y, h as oe } from "./layers.TF5UbhSz.js";
-import { p as le, C as re, E as ce } from "./layers.BJzTny2j.js";
-import { useTranslation as de } from "react-i18next";
-import { Box as j, Tooltip as $, ActionIcon as B } from "@mantine/core";
-import { IconEdit as me } from "@tabler/icons-react";
-function fe({
-  imageContainerRef: a,
-  editor: l,
-  rootClassName: M = null,
-  width: S = "inherit",
-  height: g = "inherit",
-  nodeKey: e,
-  alignment: h,
-  setModalOpen: r,
-  previewSVG: C
-}) {
-  const x = Y(() => C ?? "", [C]), [c, N] = k(!1), { t: d } = de(), O = (o, m) => {
-    l.update(() => {
-      K(null);
-      const u = p(e);
-      return y(u) && u.setWidthAndHeight(o, m), !0;
-    });
-  }, w = () => {
-    oe(l, e);
-  };
-  return /* @__PURE__ */ i(
-    ae,
-    {
-      editor: l,
-      isIcon: !1,
-      isEmbed: !0,
-      width: T(S),
-      height: T(g),
-      onResizeEnd: O,
-      alignment: h,
-      children: /* @__PURE__ */ R(j, { className: "media-wrapper excaildraw", children: [
-        /* @__PURE__ */ R("div", { className: "media-actions", children: [
-          /* @__PURE__ */ i($, { label: d("editor.link.edit"), children: /* @__PURE__ */ i(
-            B,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 24,
-              onClick: () => {
-                r(!0);
-              },
-              children: /* @__PURE__ */ i(me, { size: 14 })
-            }
-          ) }),
-          /* @__PURE__ */ i(
-            ne,
-            {
-              opened: c,
-              setOpened: N,
-              t: d,
-              editor: l,
-              nodeKey: e
-            }
-          ),
-          /* @__PURE__ */ i($, { label: d("editor.actions.delete"), children: /* @__PURE__ */ i(
-            B,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 24,
-              onClick: w,
-              children: /* @__PURE__ */ i(se, { name: "trash", size: "14" })
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ i(
-          j,
-          {
-            w: "100%",
-            ref: (o) => {
-              o && a && (a.current = o);
-            },
-            className: M ?? "",
-            dangerouslySetInnerHTML: { __html: x }
-          }
-        )
-      ] })
-    }
-  );
-}
-function be({
-  nodeKey: a,
-  data: l,
-  width: M,
-  height: S,
-  alignment: g
-}) {
-  var L;
-  const [e] = Q(), h = U(), r = Y(() => le(l), [l]), C = ((L = r == null ? void 0 : r.elements) == null ? void 0 : L.length) === 0 && !r.previewSVG, [x, c] = k(
-    C && e.isEditable()
-  ), [N, d] = k(!1), O = I(null), w = I(null), o = I(null), [m, u, b] = X(a), A = E(
-    (t) => (m && (t.preventDefault(), e.update(() => {
-      const s = p(a);
-      s && s.remove();
-    })), !1),
-    [e, m, a]
-  );
-  q(() => {
-    if (!h) {
-      m && b();
-      return;
-    }
-    return Z(
-      e.registerCommand(
-        ee,
-        (t) => {
-          const s = w.current, f = t.target;
-          return s !== null && s.contains(f) ? (t.shiftKey || b(), u(!m), t.detail > 1 && c(!0), !0) : !1;
-        },
-        _
-      ),
-      e.registerCommand(
-        te,
-        A,
-        _
-      ),
-      e.registerCommand(
-        ie,
-        A,
-        _
-      )
-    );
-  }, [b, e, m, A, u, h]);
-  const F = E(() => (c(!1), e.update(() => {
-    const t = p(a);
-    t && t.remove();
-  })), [e, a]), G = (t, s, f, v) => e.update(() => {
-    const D = p(a);
-    y(D) && (t && t.length > 0 || Object.keys(f).length > 0 ? D.setData(
-      JSON.stringify({
-        appState: s,
-        elements: t,
-        files: f,
-        previewSVG: v
-      })
-    ) : D.remove());
-  }), { elements: n = [], files: H = {}, appState: P = {}, previewSVG: V } = r, z = E(() => {
-    c(!1), d(!1), o.current = !1, (n == null ? void 0 : n.length) === 0 && e.update(() => {
-      const t = p(a);
-      t && t.remove();
-    });
-  }, [e, a, n == null ? void 0 : n.length]), W = E(() => {
-    o.current ? d(!0) : z();
-  }, []);
-  return /* @__PURE__ */ R(J, { children: [
-    /* @__PURE__ */ i(
-      re,
-      {
-        isCloseModal: N,
-        confirmClose: z,
-        setCloseModalOpen: d
-      }
-    ),
-    /* @__PURE__ */ i(
-      ce,
-      {
-        initialElements: n,
-        isEdited: o,
-        initialFiles: H,
-        initialAppState: P,
-        isShown: x,
-        onDelete: F,
-        onClose: W,
-        onSave: (t, s, f, v) => {
-          G(t, s, f, v), c(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    (n == null ? void 0 : n.length) && /* @__PURE__ */ i(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: g
-        },
-        children: /* @__PURE__ */ i(
-          fe,
-          {
-            imageContainerRef: O,
-            className: "image",
-            width: M,
-            height: S,
-            editor: e,
-            nodeKey: a,
-            alignment: g,
-            setModalOpen: c,
-            previewSVG: V
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  be as default
-};

package/dist/layers._fDrpnXx.js

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

package/dist/layers.fQ35NBL8.js

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