@layers-app/editor 0.2.2 → 0.2.3-media.1

package/dist/layers.CPpq-0-3.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),e=require("./layers.BnzcEpZ-.js"),T=require("react-i18next"),k=require("./layers.jeBs5I3w.js"),x=require("@mantine/core"),z=require("@tabler/icons-react"),D=t=>{var h;const r=(h=t==null?void 0:t.firstElementChild)==null?void 0:h.firstElementChild,m=t.getAttribute("viewBox");if(m!=null){const o=m.split(" ");t.setAttribute("width",o[2]),t.setAttribute("height",o[3])}r&&r.tagName==="style"&&r.remove()};function q({elements:t,files:r,imageContainerRef:m,appState:h,editor:o,rootClassName:n=null,width:S="inherit",height:A="inherit",nodeKey:c,alignment:I,setModalOpen:N}){const[u,C]=l.useState(null),[p,w]=l.useState(!1);x.useMantineTheme();const{t:E}=T.useTranslation();l.useEffect(()=>{(async()=>{const a=await k.r9({appState:h,elements:t,files:r});D(a),a.setAttribute("width","100%"),a.setAttribute("height","100%"),a.setAttribute("display","block"),a.classList.add("excalidraw-svg"),C(a)})()},[t,r,h]);const b=(f,a)=>{o.update(()=>{e.ms(null);const j=e.us(c);return e.$isExcalidrawNode(j)&&j.setWidthAndHeight(f,a),!0})},v=f=>{e.deleteNode(o,c)};return i.jsx(e.ResizableContainer,{editor:o,isIcon:!1,isEmbed:!0,width:S,height:A,onResizeEnd:b,alignment:I,children:i.jsxs(x.Box,{className:"media-wrapper excaildraw",children:[i.jsxs("div",{className:"media-actions",children:[i.jsx(x.Tooltip,{label:E("editor.link.edit"),children:i.jsx(x.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:()=>{N(!0)},children:i.jsx(z.IconEdit,{size:14})})}),i.jsx(e.AlignmentImage,{opened:p,setOpened:w,t:E,editor:o,nodeKey:c}),i.jsx(x.Tooltip,{label:E("editor.actions.delete"),children:i.jsx(x.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:v,children:i.jsx(e.Icon,{name:"trash",size:"14"})})})]}),i.jsx(x.Box,{w:"100%",ref:f=>{f&&m&&(m.current=f)},className:n??"",dangerouslySetInnerHTML:{__html:(u==null?void 0:u.outerHTML)??""}})]})})}function y({nodeKey:t,data:r,width:m,height:h,alignment:o}){const[n]=e.o(),S=e.a(),[A,c]=l.useState(r==="[]"&&n.isEditable()),I=l.useRef(null),N=l.useRef(null),[u,C,p]=e.u(t),[w,E]=l.useState(!1),b=l.useCallback(s=>(u&&(s.preventDefault(),n.update(()=>{const d=e.us(t);d&&d.remove()})),!1),[n,u,t]);l.useEffect(()=>{if(!S){u&&p();return}return e.j(n.registerCommand(e.ae,s=>{const d=N.current,g=s.target;return w?!0:d!==null&&d.contains(g)?(s.shiftKey||p(),C(!u),s.detail>1&&(console.log("--- HUI"),c(!0)),!0):!1},e.Ii),n.registerCommand(e.De,b,e.Ii),n.registerCommand(e.Ae,b,e.Ii))},[p,n,u,w,b,C,S]);const v=l.useCallback(()=>(c(!1),n.update(()=>{const s=e.us(t);s&&s.remove()})),[n,t]),f=(s,d,g)=>n.update(()=>{const O=e.us(t);e.$isExcalidrawNode(O)&&(s&&s.length>0||Object.keys(g).length>0?O.setData(JSON.stringify({appState:d,elements:s,files:g})):O.remove())}),{elements:a=[],files:j={},appState:R={}}=l.useMemo(()=>JSON.parse(r),[r]),M=l.useCallback(()=>{c(!1),a.length===0&&n.update(()=>{const s=e.us(t);s&&s.remove()})},[n,t,a.length]);return i.jsxs(i.Fragment,{children:[i.jsx(k.ExcalidrawModal,{initialElements:a,initialFiles:j,initialAppState:R,isShown:A,onDelete:v,onClose:M,onSave:(s,d,g)=>{f(s,d,g),c(!1)},closeOnClickOutside:!1}),a.length>0&&i.jsx("div",{style:{display:"flex",justifyContent:o},children:i.jsx(q,{imageContainerRef:I,className:"image",elements:a,files:j,appState:R,width:m,height:h,editor:n,nodeKey:t,alignment:o,setModalOpen:c})})]})}exports.default=y;

package/dist/layers.CdpHcFy4.js

@@ -1,8 +0,0 @@
-import { C as e, Q as t, N as m, A as r } from "./layers.yretCoWE.js";
-import "./layers.D0LUaNf6.js";
-export {
-  e as Commands,
-  t as subsetToBase64,
-  m as subsetToBinary,
-  r as toBase64
-};

package/dist/layers.DURGPkGd.js

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

package/dist/layers.Dkcn0PJ4.js

@@ -1,58 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useState as r, useEffect as f } from "react";
-import { o as u, a as E, E as m, g as p, L as w, $ as C } from "./layers.BrLfRSb6.js";
-import { H as N } from "./layers.D0LUaNf6.js";
-const x = u(
-  "INSERT_EXCALIDRAW_COMMAND"
-);
-function L() {
-  const [t] = E(), [n, a] = r(!1), [e, i] = r(
-    null
-  );
-  return f(() => {
-    if (!t.hasNodes([m]))
-      throw new Error(
-        "ExcalidrawPlugin: ExcalidrawNode not registered on editor"
-      );
-    return t.registerCommand(
-      x,
-      () => {
-        a(!0);
-        const o = p();
-        return i(o), !0;
-      },
-      w
-    );
-  }, [t]), /* @__PURE__ */ c(
-    N,
-    {
-      initialElements: [],
-      initialAppState: {},
-      initialFiles: {},
-      isShown: n,
-      onDelete: () => {
-        a(!1);
-      },
-      onClose: () => {
-        a(!1);
-      },
-      onSave: (o, l, d) => {
-        t.update(() => {
-          const s = C();
-          s.setData(
-            JSON.stringify({
-              appState: l,
-              elements: o,
-              files: d
-            })
-          ), e && e.getParent() && (e == null || e.replace(s));
-        }), a(!1);
-      },
-      closeOnClickOutside: !1
-    }
-  );
-}
-export {
-  x as INSERT_EXCALIDRAW_COMMAND,
-  L as default
-};

package/dist/layers.JkI-2tky.js

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