@layers-app/editor 0.1.10 → 0.1.12

package/dist/layers.B5IwVcRk.js

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

package/dist/layers.CBNU2UPM.js

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

package/dist/layers.CN-0qe5z.js

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

package/dist/layers.CUSgDm7_.js

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

package/dist/layers.D9S1ELkZ.js

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

package/dist/layers.DBsW3ZT0.js

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

package/dist/layers.DJCLWdyK.js

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

package/dist/layers.iSb4r16K.js

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