@layers-app/editor 0.7.18 → 0.7.21

package/dist/layers.DHLN2SKV.js

@@ -0,0 +1,213 @@
+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.8Sq63dkZ.js";
+import { p as le, C as re, E as ce } from "./layers.CvsQlQrZ.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
+};