@layers-app/editor 0.1.9 → 0.1.10

package/dist/layers.BplA5isO.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),_=require("react-i18next"),t=require("./layers.28Ob73Zc.js"),b=require("@mantine/core"),U=require("@tabler/icons-react"),A=i=>{const{width:g,height:r,isLoading:l,isError:h,src:f,id:m,altText:p,imageRef:v,maxWidth:S}=i;return o.jsxs("div",{className:"media-wrapper",style:{width:g,height:r,display:"inline-flex",position:"relative"},children:[o.jsx(b.LoadingOverlay,{visible:l,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),o.jsx(b.LoadingOverlay,{visible:h,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{children:o.jsx(b.Flex,{bg:"white",maw:300,justify:"center",children:o.jsx(b.Alert,{variant:"light",color:"red",title:"Ошибка загрузки",icon:o.jsx(U.IconInfoCircle,{}),children:"Попробуйте загрузить заново."})})}}),o.jsx(B,{className:null,src:f,altText:p,imageRef:v,width:"inherit",height:"inherit",maxWidth:S||"auto",id:m})]})};function B({altText:i,className:g,imageRef:r,src:l,width:h,height:f,maxWidth:m,id:p}){return o.jsx("img",{className:g||void 0,src:l,alt:i,ref:r,style:{height:f,maxWidth:m,width:h},draggable:"false","data-id":p})}function G({src:i,altText:g,nodeKey:r,width:l,height:h,maxWidth:f,showCaption:m,caption:p,id:v,create:S,alignment:D}){const M=s.useRef(null),[W,j]=s.useState(!0),[P,F]=s.useState(!1),{isCollabActive:R}=t.l(),[u]=t.o(),[x,w]=s.useState(!0),[d,y]=s.useState({width:0,height:0}),{fetchUploadMedia:z,fetchDeleteMedia:O,maxFileSize:V}=s.useContext(t.Context),{t:C}=_.useTranslation();s.useEffect(()=>{if(!i||i.startsWith("data:image/")){j(!1);return}const e=new Image;e.src=i,e.onload=()=>j(!1),e.onerror=()=>{j(!1),F(!0)}},[i]);const H=(e,a)=>{u.update(()=>{t.ms(null);const c=t.us(r);t.$isImageNode(c)&&c.setWidthAndHeight(e,a)})},{historyState:L}=t.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:k}}=t.useSettings(),[E,I]=s.useState(!1);function T(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function $(e){return new Promise((a,c)=>{if(T(e)){a(0);return}const n=new Image;n.src=e,n.onload=()=>{a(n.width)},n.onerror=()=>{c(new Error("Failed to load image"))}})}return s.useEffect(()=>{S&&I(!0)},[S]),s.useEffect(()=>{let e=l,a=h,c=100;i&&$(i).then(n=>{typeof e=="number"&&e<c&&n<c?(w(!0),y({width:e,height:a})):n<c?(w(!0),y({width:"auto",height:"auto"})):(y({width:n,height:n}),w(!1))})},[i]),s.useEffect(()=>{d.width&&d.height&&x&&u.update(()=>{const e=t.us(r);t.$isImageNode(e)&&e.setWidthAndHeight(d.width,d.height)})},[d.width,d.height,x]),s.useEffect(()=>{const e=document.documentElement;t.toggleLockScroll(E,e)},[E]),i?x?o.jsx(A,{width:d.width,height:d.height,isLoading:W,isError:P,isIcon:x,src:i,id:v,editor:u,nodeKey:r,fetchDeleteMedia:O,altText:g,imageRef:M,maxWidth:f,showCaption:m,caption:p,isCollabActive:R,historyState:L,showNestedEditorTreeView:k,t:C}):o.jsx(t.ResizableContainer,{editor:u,isIcon:x,width:typeof l=="string"&&l.includes("%")?parseFloat(l):l,height:typeof h=="string"&&h.includes("%")?parseFloat(h):l,initialWidth:d.width||"",initialHeight:d.height||"",onResizeEnd:H,alignment:D,children:o.jsx(A,{width:"inherit",height:"inherit",isLoading:W,isError:P,isIcon:x,src:i,id:v,editor:u,nodeKey:r,fetchDeleteMedia:O,altText:g,imageRef:M,maxWidth:f,showCaption:m,caption:p,isCollabActive:R,historyState:L,showNestedEditorTreeView:k,t:C})}):o.jsx(t.ImagePicker,{uploading:!1,onUpload:e=>{!z||!e.length||(e.forEach((a,c)=>{z(a,(n,q)=>{c===0?u.update(()=>{const N=t.us(r);t.$isImageNode(N)&&(N.setSrc(n),N.setId(q))}):u.dispatchCommand(t.INSERT_IMAGE_COMMAND,{altText:"",src:n,id:q})},()=>{j(!1)})}),I(!1))},popoverProps:{opened:E,position:"bottom",onChange:I},onChange:e=>{I(!1),u.update(()=>{const a=t.us(r);t.$isImageNode(a)&&a.setSrc(e)})},children:o.jsx(t.EmptyNodeButton,{title:C("editor.image.add_photo"),icon:"photo",onClick:()=>I(!E)})})}exports.default=G;

package/dist/layers.CQoSfF7m.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.28Ob73Zc.js"),T=require("react-i18next"),k=require("./layers.CkvnXk-6.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.Cn3BN_ex.js

@@ -1,287 +0,0 @@
-import { jsx as o, jsxs as V } from "react/jsx-runtime";
-import { useRef as $, useState as I, useContext as q, useEffect as v } from "react";
-import { useTranslation as J } from "react-i18next";
-import { l as Q, a as X, C as Y, u as Z, b as K, d as E, e as y, t as ee, I as te, f as ie, g as oe, R as ne, m as ae } from "./layers.B6NMUIBO.js";
-import { LoadingOverlay as H, Flex as se, Alert as re } from "@mantine/core";
-import { IconInfoCircle as le } from "@tabler/icons-react";
-const T = (t) => {
-  const {
-    width: c,
-    height: a,
-    isLoading: s,
-    isError: d,
-    src: g,
-    id: f,
-    altText: u,
-    imageRef: w,
-    maxWidth: x
-  } = t;
-  return /* @__PURE__ */ V(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: c,
-        height: a,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ o(
-          H,
-          {
-            visible: s,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ o(
-          H,
-          {
-            visible: d,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: {
-              children: /* @__PURE__ */ o(se, { bg: "white", maw: 300, justify: "center", children: /* @__PURE__ */ o(
-                re,
-                {
-                  variant: "light",
-                  color: "red",
-                  title: "Ошибка загрузки",
-                  icon: /* @__PURE__ */ o(le, {}),
-                  children: "Попробуйте загрузить заново."
-                }
-              ) })
-            }
-          }
-        ),
-        /* @__PURE__ */ o(
-          de,
-          {
-            className: null,
-            src: g,
-            altText: u,
-            imageRef: w,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: x || "auto",
-            id: f
-          }
-        )
-      ]
-    }
-  );
-};
-function de({
-  altText: t,
-  className: c,
-  imageRef: a,
-  src: s,
-  width: d,
-  height: g,
-  maxWidth: f,
-  id: u
-}) {
-  return /* @__PURE__ */ o(
-    "img",
-    {
-      className: c || void 0,
-      src: s,
-      alt: t,
-      ref: a,
-      style: {
-        height: g,
-        maxWidth: f,
-        width: d
-      },
-      draggable: "false",
-      "data-id": u
-    }
-  );
-}
-function Ie({
-  src: t,
-  altText: c,
-  nodeKey: a,
-  width: s,
-  height: d,
-  maxWidth: g,
-  showCaption: f,
-  caption: u,
-  id: w,
-  create: x,
-  alignment: j
-}) {
-  const N = $(null), [P, b] = I(!0), [R, _] = I(!1), { isCollabActive: k } = Q(), [h] = X(), [m, S] = I(!0), [r, W] = I({
-    width: 0,
-    height: 0
-  }), { fetchUploadMedia: A, fetchDeleteMedia: L, maxFileSize: he } = q(Y), { t: M } = J();
-  v(() => {
-    if (!t || t.startsWith("data:image/")) {
-      b(!1);
-      return;
-    }
-    const e = new Image();
-    e.src = t, e.onload = () => b(!1), e.onerror = () => {
-      b(!1), _(!0);
-    };
-  }, [t]);
-  const U = (e, n) => {
-    h.update(() => {
-      ae(null);
-      const l = E(a);
-      y(l) && l.setWidthAndHeight(e, n);
-    });
-  }, { historyState: O } = Z(), {
-    settings: { showNestedEditorTreeView: D }
-  } = K(), [C, p] = I(!1);
-  function B(e) {
-    return e.endsWith(".svg") || e.includes("image/svg+xml");
-  }
-  function G(e) {
-    return new Promise((n, l) => {
-      if (B(e)) {
-        n(0);
-        return;
-      }
-      const i = new Image();
-      i.src = e, i.onload = () => {
-        n(i.width);
-      }, i.onerror = () => {
-        l(new Error("Failed to load image"));
-      };
-    });
-  }
-  return v(() => {
-    x && p(!0);
-  }, [x]), v(() => {
-    let e = s, n = d, l = 100;
-    t && G(t).then((i) => {
-      typeof e == "number" && e < l && i < l ? (S(!0), W({
-        width: e,
-        height: n
-      })) : i < l ? (S(!0), W({
-        width: "auto",
-        height: "auto"
-      })) : (W({
-        width: i,
-        height: i
-      }), S(!1));
-    });
-  }, [t]), v(() => {
-    r.width && r.height && m && h.update(() => {
-      const e = E(a);
-      y(e) && e.setWidthAndHeight(r.width, r.height);
-    });
-  }, [r.width, r.height, m]), v(() => {
-    const e = document.documentElement;
-    ee(C, e);
-  }, [C]), t ? m ? /* @__PURE__ */ o(
-    T,
-    {
-      width: r.width,
-      height: r.height,
-      isLoading: P,
-      isError: R,
-      isIcon: m,
-      src: t,
-      id: w,
-      editor: h,
-      nodeKey: a,
-      fetchDeleteMedia: L,
-      altText: c,
-      imageRef: N,
-      maxWidth: g,
-      showCaption: f,
-      caption: u,
-      isCollabActive: k,
-      historyState: O,
-      showNestedEditorTreeView: D,
-      t: M
-    }
-  ) : /* @__PURE__ */ o(
-    ne,
-    {
-      editor: h,
-      isIcon: m,
-      width: typeof s == "string" && s.includes("%") ? parseFloat(s) : s,
-      height: typeof d == "string" && d.includes("%") ? parseFloat(d) : s,
-      initialWidth: r.width || "",
-      initialHeight: r.height || "",
-      onResizeEnd: U,
-      alignment: j,
-      children: /* @__PURE__ */ o(
-        T,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: P,
-          isError: R,
-          isIcon: m,
-          src: t,
-          id: w,
-          editor: h,
-          nodeKey: a,
-          fetchDeleteMedia: L,
-          altText: c,
-          imageRef: N,
-          maxWidth: g,
-          showCaption: f,
-          caption: u,
-          isCollabActive: k,
-          historyState: O,
-          showNestedEditorTreeView: D,
-          t: M
-        }
-      )
-    }
-  ) : /* @__PURE__ */ o(
-    te,
-    {
-      uploading: !1,
-      onUpload: (e) => {
-        !A || !e.length || (e.forEach((n, l) => {
-          A(
-            n,
-            (i, F) => {
-              l === 0 ? h.update(() => {
-                const z = E(a);
-                y(z) && (z.setSrc(i), z.setId(F));
-              }) : h.dispatchCommand(oe, {
-                altText: "",
-                src: i,
-                id: F
-              });
-            },
-            () => {
-              b(!1);
-            }
-          );
-        }), p(!1));
-      },
-      popoverProps: {
-        opened: C,
-        position: "bottom",
-        onChange: p
-      },
-      onChange: (e) => {
-        p(!1), h.update(() => {
-          const n = E(a);
-          y(n) && n.setSrc(e);
-        });
-      },
-      children: /* @__PURE__ */ o(
-        ie,
-        {
-          title: M("editor.image.add_photo"),
-          icon: "photo",
-          onClick: () => p(!C)
-        }
-      )
-    }
-  );
-}
-export {
-  Ie as default
-};

package/dist/layers.CxybklbN.js

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

package/dist/layers.DnofVcFc.js

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

package/dist/layers.MoiI9Ny0.js

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

package/dist/layers.Vd4FEmlT.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),o=require("react"),e=require("./layers.28Ob73Zc.js"),N=require("./layers.CkvnXk-6.js"),a=e.oe("INSERT_EXCALIDRAW_COMMAND");function x(){const[t]=e.o(),[r,i]=o.useState(!1);o.useEffect(()=>{if(!t.hasNodes([e.ExcalidrawNode]))throw new Error("ExcalidrawPlugin: ExcalidrawNode not registered on editor");return t.registerCommand(a,()=>(i(!0),!0),e.Li)},[t]);const s=()=>{i(!1)},l=()=>{i(!1)},c=(d,u,E)=>{t.update(()=>{const n=e.$createExcalidrawNode();n.setData(JSON.stringify({appState:u,elements:d,files:E})),e.createMediaComponent(n)}),i(!1)};return f.jsx(N.ExcalidrawModal,{initialElements:[],initialAppState:{},initialFiles:{},isShown:r,onDelete:l,onClose:s,onSave:c,closeOnClickOutside:!1})}exports.INSERT_EXCALIDRAW_COMMAND=a;exports.default=x;

package/dist/layers.oyXzk2iv.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.044nxajN.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.sHNcVyFF.js

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