@layers-app/editor 0.2.3 → 0.3.0

package/dist/layers.DdS7rf8b.js

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

package/dist/layers.XrJmqetC.js

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

package/dist/layers.w_wuxMUu.js

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