@layers-app/editor 0.0.15-swagger → 0.0.17-editor

package/dist/layers.Q4XQ9POM.js

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

package/dist/layers.qDjx13HJ.js

@@ -1,288 +0,0 @@
-import { jsxs as f, jsx as e, Fragment as L } from "react/jsx-runtime";
-import { useRef as w, useState as E, useCallback as _, useEffect as A, Suspense as M } from "react";
-import { e as U, f as q, u as z, w as k, g as F, c as B, h as O, F as D, N as W, i as G, K as h, j as H, k as J, m as Q, D as V, r as X, n as Y, L as Z, o as K, p as ee, q as te, s as ne, B as ae } from "./layers.36_3ol3v.js";
-import { d as le, P as oe } from "./layers.Di1ekcMX.js";
-import { TextInput as re } from "@mantine/core";
-function ie({
-  children: n,
-  label: o,
-  className: t,
-  ...u
-}) {
-  return /* @__PURE__ */ f("div", { className: "Input__wrapper", children: [
-    /* @__PURE__ */ e("label", { style: { marginTop: "-1em" }, className: "Input__label", children: o }),
-    /* @__PURE__ */ e("select", { ...u, className: t || "select", children: n })
-  ] });
-}
-function se({
-  label: n,
-  value: o,
-  onChange: t,
-  placeholder: u = "",
-  "data-test-id": r,
-  type: c = "text"
-}) {
-  return /* @__PURE__ */ e(
-    re,
-    {
-      type: c,
-      placeholder: u,
-      value: o,
-      onChange: (i) => {
-        t(i.target.value);
-      },
-      label: n,
-      "data-test-id": r,
-      mb: 10
-    }
-  );
-}
-const y = /* @__PURE__ */ new Set();
-function ce(n) {
-  if (!y.has(n))
-    throw new Promise((o) => {
-      const t = new Image();
-      t.src = n, t.onload = () => {
-        y.add(n), o(null);
-      };
-    });
-}
-function ue({
-  altText: n,
-  className: o,
-  imageRef: t,
-  src: u,
-  width: r,
-  height: c,
-  position: i
-}) {
-  return ce(u), /* @__PURE__ */ e(
-    "img",
-    {
-      className: o || void 0,
-      src: u,
-      alt: n,
-      ref: t,
-      "data-position": i,
-      style: {
-        display: "block",
-        height: c,
-        width: r
-      },
-      draggable: "false"
-    }
-  );
-}
-function de({
-  activeEditor: n,
-  nodeKey: o,
-  onClose: t
-}) {
-  const r = n.getEditorState().read(
-    () => B(o)
-  ), [c, i] = E(r.getAltText()), [I, x] = E(r.getShowCaption()), [v, C] = E(r.getPosition()), b = (m) => {
-    x(m.target.checked);
-  }, d = (m) => {
-    C(m.target.value);
-  }, p = () => {
-    const m = { altText: c, position: v, showCaption: I };
-    r && n.update(() => {
-      r.update(m);
-    }), t();
-  };
-  return /* @__PURE__ */ f(L, { children: [
-    /* @__PURE__ */ e("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ e(
-      se,
-      {
-        label: "Alt-текст",
-        placeholder: "Альтернативный текст",
-        onChange: i,
-        value: c,
-        "data-test-id": "image-modal-alt-text-input"
-      }
-    ) }),
-    /* @__PURE__ */ f(
-      ie,
-      {
-        style: { marginBottom: "1em", width: "208px" },
-        value: v,
-        label: "Position",
-        name: "position",
-        id: "position-select",
-        onChange: d,
-        children: [
-          /* @__PURE__ */ e("option", { value: "left", children: "Left" }),
-          /* @__PURE__ */ e("option", { value: "right", children: "Right" }),
-          /* @__PURE__ */ e("option", { value: "full", children: "Full Width" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ f("div", { className: "Input__wrapper", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "caption",
-          type: "checkbox",
-          checked: I,
-          onChange: b
-        }
-      ),
-      /* @__PURE__ */ e("label", { htmlFor: "caption", children: "Show Caption" })
-    ] }),
-    /* @__PURE__ */ e(
-      ae,
-      {
-        "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => p(),
-        children: "Применить"
-      }
-    )
-  ] });
-}
-function be({
-  src: n,
-  altText: o,
-  nodeKey: t,
-  width: u,
-  height: r,
-  showCaption: c,
-  caption: i,
-  position: I
-}) {
-  const [x, v] = U(), C = w(null), b = w(null), [d, p, m] = q(t), [l] = z(), [$, j] = E(null), P = w(null), N = _(
-    (s) => {
-      if (d && k(F())) {
-        s.preventDefault();
-        const a = B(t);
-        O(a) && a.remove();
-      }
-      return !1;
-    },
-    [d, t]
-  ), T = _(
-    (s) => {
-      const g = F(), a = b.current;
-      if (d && k(g) && g.getNodes().length === 1) {
-        if (c)
-          return D(null), s.preventDefault(), i.focus(), !0;
-        if (a !== null && a !== document.activeElement)
-          return s.preventDefault(), a.focus(), !0;
-      }
-      return !1;
-    },
-    [i, d, c]
-  ), R = _(
-    (s) => P.current === i || b.current === s.target ? (D(null), l.update(() => {
-      p(!0);
-      const g = l.getRootElement();
-      g !== null && g.focus();
-    }), !0) : !1,
-    [i, l, p]
-  );
-  return A(() => {
-    let s = !0;
-    const g = W(
-      l.registerUpdateListener(({ editorState: a }) => {
-        s && j(a.read(() => F()));
-      }),
-      l.registerCommand(
-        Y,
-        (a, S) => (P.current = S, !1),
-        h
-      ),
-      l.registerCommand(
-        X,
-        (a) => {
-          const S = a;
-          return S.target === C.current ? (S.shiftKey ? p(!d) : (m(), p(!0)), !0) : !1;
-        },
-        h
-      ),
-      l.registerCommand(
-        V,
-        (a) => a.target === C.current ? (a.preventDefault(), !0) : !1,
-        h
-      ),
-      l.registerCommand(
-        Q,
-        N,
-        h
-      ),
-      l.registerCommand(
-        J,
-        N,
-        h
-      ),
-      l.registerCommand(H, T, h),
-      l.registerCommand(
-        G,
-        R,
-        h
-      )
-    );
-    return () => {
-      s = !1, g();
-    };
-  }, [
-    m,
-    l,
-    d,
-    t,
-    N,
-    T,
-    R,
-    p
-  ]), /* @__PURE__ */ f(M, { fallback: null, children: [
-    /* @__PURE__ */ f(L, { children: [
-      /* @__PURE__ */ f("div", { draggable: !1, children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: "image-edit-button",
-            ref: b,
-            onClick: () => {
-              v("Update Inline Image", (s) => /* @__PURE__ */ e(
-                de,
-                {
-                  activeEditor: l,
-                  nodeKey: t,
-                  onClose: s
-                }
-              ));
-            },
-            children: "Edit"
-          }
-        ),
-        /* @__PURE__ */ e(
-          ue,
-          {
-            className: d ? `focused ${k($) ? "draggable" : ""}` : null,
-            src: n,
-            altText: o,
-            imageRef: C,
-            width: u,
-            height: r,
-            position: I
-          }
-        )
-      ] }),
-      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ f(le, { initialEditor: i, children: [
-        /* @__PURE__ */ e(Z, {}),
-        /* @__PURE__ */ e(K, {}),
-        /* @__PURE__ */ e(
-          ee,
-          {
-            contentEditable: /* @__PURE__ */ e(ne, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ e(oe, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: te
-          }
-        )
-      ] }) })
-    ] }),
-    x
-  ] });
-}
-export {
-  de as UpdateInlineImageDialog,
-  be as default
-};