@layers-app/editor 0.3.0 → 0.3.2

package/dist/layers.B9ZnHHGd.js

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

package/dist/layers.BubVFU4w.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.s7jiwsxb.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;

package/dist/layers.DPJY4HYM.js

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

package/dist/layers.LQullGbk.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),t=require("./layers.Dz3X0MlG.js"),u=require("./layers.u7Ns5vGH.js"),f=t.oe("INSERT_EXCALIDRAW_COMMAND");function g(){const[a]=t.o(),[C,l]=e.useState(!1),[s,E]=e.useState(null),[M,o]=e.useState(!1),r=e.useRef(null);e.useEffect(()=>{if(!a.hasNodes([t.ExcalidrawNode]))throw new Error("ExcalidrawPlugin: ExcalidrawNode not registered on editor");return a.registerCommand(f,()=>{l(!0);const i=t.getCurrentElement();return E(i),!0},t.Li)},[a]);const c=e.useCallback(()=>{l(!1),o(!1),r.current=!1},[]),x=e.useCallback(()=>{r.current?o(!0):c()},[]),N=()=>{l(!1)},S=(i,w,O)=>{a.update(()=>{const d=t.$createExcalidrawNode();d.setData(JSON.stringify({appState:w,elements:i,files:O})),s&&s.getParent()&&(s==null||s.replace(d))}),l(!1)};return n.jsxs(n.Fragment,{children:[n.jsx(u.ConfirmModal,{isCloseModal:M,confirmClose:c,setCloseModalOpen:o}),n.jsx(u.ExcalidrawModal,{initialElements:[],initialAppState:{},initialFiles:{},isShown:C,onDelete:N,onClose:x,onSave:S,closeOnClickOutside:!1,isEdited:r})]})}exports.INSERT_EXCALIDRAW_COMMAND=f;exports.default=g;

package/dist/layers.O0NSmzEc.js

@@ -1,73 +0,0 @@
-import { jsxs as M, Fragment as w, jsx as c } from "react/jsx-runtime";
-import { useState as n, useRef as x, useEffect as N, useCallback as d } from "react";
-import { o as g, a as O, E as S, g as A, L as D, $ as R } from "./layers.DhVu4iGF.js";
-import { H as h, J as I } from "./layers.BEKEkSeG.js";
-const L = g(
-  "INSERT_EXCALIDRAW_COMMAND"
-);
-function J() {
-  const [a] = O(), [f, s] = n(!1), [e, u] = n(
-    null
-  ), [E, o] = n(!1), t = x(null);
-  N(() => {
-    if (!a.hasNodes([S]))
-      throw new Error(
-        "ExcalidrawPlugin: ExcalidrawNode not registered on editor"
-      );
-    return a.registerCommand(
-      L,
-      () => {
-        s(!0);
-        const l = A();
-        return u(l), !0;
-      },
-      D
-    );
-  }, [a]);
-  const r = d(() => {
-    s(!1), o(!1), t.current = !1;
-  }, []), m = d(() => {
-    t.current ? o(!0) : r();
-  }, []);
-  return /* @__PURE__ */ M(w, { children: [
-    /* @__PURE__ */ c(
-      h,
-      {
-        isCloseModal: E,
-        confirmClose: r,
-        setCloseModalOpen: o
-      }
-    ),
-    /* @__PURE__ */ c(
-      I,
-      {
-        initialElements: [],
-        initialAppState: {},
-        initialFiles: {},
-        isShown: f,
-        onDelete: () => {
-          s(!1);
-        },
-        onClose: m,
-        onSave: (l, C, p) => {
-          a.update(() => {
-            const i = R();
-            i.setData(
-              JSON.stringify({
-                appState: C,
-                elements: l,
-                files: p
-              })
-            ), e && e.getParent() && (e == null || e.replace(i));
-          }), s(!1);
-        },
-        closeOnClickOutside: !1,
-        isEdited: t
-      }
-    )
-  ] });
-}
-export {
-  L as INSERT_EXCALIDRAW_COMMAND,
-  J as default
-};