@layers-app/editor 0.7.24 → 0.7.26

package/dist/layers.D5DNThwz.js

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