@layers-app/editor 0.0.15-swagger → 0.0.16

package/dist/layers.Diz9D61w.js

@@ -0,0 +1,343 @@
+import { jsx as a, jsxs as v, Fragment as j } from "react/jsx-runtime";
+import { useRef as k, useContext as K, useMemo as U, useEffect as P, useState as T, useCallback as y, Suspense as W } from "react";
+import { e as R, o as q, l as z, f as G, g as H, u as J, w as M, h as D, c as A, i as Q, F as $, N as V, j as X, K as w, k as Y, m as Z, n as ee, D as te, r as ne, p as ae, L as le, q as oe, s as re, v as ie, x as se } from "./layers.DKTSDVNR.js";
+import { Button as ce, TextInput as ue } from "@mantine/core";
+function de(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var me = de(function(e) {
+  const t = new URLSearchParams();
+  t.append("code", e);
+  for (let n = 1; n < arguments.length; n++) t.append("v", arguments[n]);
+  throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${t} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
+});
+function O(e) {
+  const t = e.transform();
+  return t !== null ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set();
+}
+function fe({ initialEditor: e, children: t, initialNodes: n, initialTheme: c, skipCollabChecks: r }) {
+  const i = k(!1), o = K(R);
+  o == null && me(9);
+  const [m, { getTheme: E }] = o, x = U(() => {
+    const d = c || E() || void 0, p = q(o, d);
+    if (d !== void 0 && (e._config.theme = d), e._parentEditor = m, n) for (let l of n) {
+      let I = null, g = null;
+      if (typeof l != "function") {
+        const _ = l;
+        l = _.replace, I = _.with, g = _.withKlass || null;
+      }
+      const S = e._nodes.get(l.getType());
+      e._nodes.set(l.getType(), { exportDOM: S ? S.exportDOM : void 0, klass: l, replace: I, replaceWithKlass: g, transforms: O(l) });
+    }
+    else {
+      const l = e._nodes = new Map(m._nodes);
+      for (const [I, g] of l) e._nodes.set(I, { exportDOM: g.exportDOM, klass: g.klass, replace: g.replace, replaceWithKlass: g.replaceWithKlass, transforms: O(g.klass) });
+    }
+    return e._config.namespace = m._config.namespace, e._editable = m._editable, [e, p];
+  }, []), { isCollabActive: b, yjsDocMap: C } = z(), u = r || i.current || C.has(e.getKey());
+  return P(() => {
+    u && (i.current = !0);
+  }, [u]), P(() => m.registerEditableListener((d) => {
+    e.setEditable(d);
+  }), [e, m]), a(R.Provider, { value: x, children: !b || u ? t : null });
+}
+function pe({
+  "data-test-id": e,
+  children: t,
+  className: n,
+  onClick: c,
+  disabled: r,
+  small: i,
+  title: o
+}) {
+  return /* @__PURE__ */ a(ce, { onClick: c, disabled: r, variant: "filled", children: t });
+}
+function ge({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ a("div", { className: t || "Placeholder__root", children: e });
+}
+function he({
+  children: e,
+  label: t,
+  className: n,
+  ...c
+}) {
+  return /* @__PURE__ */ v("div", { className: "Input__wrapper", children: [
+    /* @__PURE__ */ a("label", { style: { marginTop: "-1em" }, className: "Input__label", children: t }),
+    /* @__PURE__ */ a("select", { ...c, className: n || "select", children: e })
+  ] });
+}
+function ve({
+  label: e,
+  value: t,
+  onChange: n,
+  placeholder: c = "",
+  "data-test-id": r,
+  type: i = "text"
+}) {
+  return /* @__PURE__ */ a(
+    ue,
+    {
+      type: i,
+      placeholder: c,
+      value: t,
+      onChange: (o) => {
+        n(o.target.value);
+      },
+      label: e,
+      "data-test-id": r,
+      mb: 10
+    }
+  );
+}
+const B = /* @__PURE__ */ new Set();
+function be(e) {
+  if (!B.has(e))
+    throw new Promise((t) => {
+      const n = new Image();
+      n.src = e, n.onload = () => {
+        B.add(e), t(null);
+      };
+    });
+}
+function Ce({
+  altText: e,
+  className: t,
+  imageRef: n,
+  src: c,
+  width: r,
+  height: i,
+  position: o
+}) {
+  return be(c), /* @__PURE__ */ a(
+    "img",
+    {
+      className: t || void 0,
+      src: c,
+      alt: e,
+      ref: n,
+      "data-position": o,
+      style: {
+        display: "block",
+        height: i,
+        width: r
+      },
+      draggable: "false"
+    }
+  );
+}
+function _e({
+  activeEditor: e,
+  nodeKey: t,
+  onClose: n
+}) {
+  const r = e.getEditorState().read(
+    () => A(t)
+  ), [i, o] = T(r.getAltText()), [m, E] = T(r.getShowCaption()), [x, b] = T(r.getPosition()), C = (p) => {
+    E(p.target.checked);
+  }, u = (p) => {
+    b(p.target.value);
+  }, d = () => {
+    const p = { altText: i, position: x, showCaption: m };
+    r && e.update(() => {
+      r.update(p);
+    }), n();
+  };
+  return /* @__PURE__ */ v(j, { children: [
+    /* @__PURE__ */ a("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ a(
+      ve,
+      {
+        label: "Alt-текст",
+        placeholder: "Альтернативный текст",
+        onChange: o,
+        value: i,
+        "data-test-id": "image-modal-alt-text-input"
+      }
+    ) }),
+    /* @__PURE__ */ v(
+      he,
+      {
+        style: { marginBottom: "1em", width: "208px" },
+        value: x,
+        label: "Position",
+        name: "position",
+        id: "position-select",
+        onChange: u,
+        children: [
+          /* @__PURE__ */ a("option", { value: "left", children: "Left" }),
+          /* @__PURE__ */ a("option", { value: "right", children: "Right" }),
+          /* @__PURE__ */ a("option", { value: "full", children: "Full Width" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ v("div", { className: "Input__wrapper", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          id: "caption",
+          type: "checkbox",
+          checked: m,
+          onChange: C
+        }
+      ),
+      /* @__PURE__ */ a("label", { htmlFor: "caption", children: "Show Caption" })
+    ] }),
+    /* @__PURE__ */ a(
+      pe,
+      {
+        "data-test-id": "image-modal-file-upload-btn",
+        onClick: () => d(),
+        children: "Применить"
+      }
+    )
+  ] });
+}
+function Ne({
+  src: e,
+  altText: t,
+  nodeKey: n,
+  width: c,
+  height: r,
+  showCaption: i,
+  caption: o,
+  position: m
+}) {
+  const [E, x] = G(), b = k(null), C = k(null), [u, d, p] = H(n), [l] = J(), [I, g] = T(null), S = k(null), _ = y(
+    (f) => {
+      if (u && M(D())) {
+        f.preventDefault();
+        const s = A(n);
+        Q(s) && s.remove();
+      }
+      return !1;
+    },
+    [u, n]
+  ), F = y(
+    (f) => {
+      const h = D(), s = C.current;
+      if (u && M(h) && h.getNodes().length === 1) {
+        if (i)
+          return $(null), f.preventDefault(), o.focus(), !0;
+        if (s !== null && s !== document.activeElement)
+          return f.preventDefault(), s.focus(), !0;
+      }
+      return !1;
+    },
+    [o, u, i]
+  ), L = y(
+    (f) => S.current === o || C.current === f.target ? ($(null), l.update(() => {
+      d(!0);
+      const h = l.getRootElement();
+      h !== null && h.focus();
+    }), !0) : !1,
+    [o, l, d]
+  );
+  return P(() => {
+    let f = !0;
+    const h = V(
+      l.registerUpdateListener(({ editorState: s }) => {
+        f && g(s.read(() => D()));
+      }),
+      l.registerCommand(
+        ae,
+        (s, N) => (S.current = N, !1),
+        w
+      ),
+      l.registerCommand(
+        ne,
+        (s) => {
+          const N = s;
+          return N.target === b.current ? (N.shiftKey ? d(!u) : (p(), d(!0)), !0) : !1;
+        },
+        w
+      ),
+      l.registerCommand(
+        te,
+        (s) => s.target === b.current ? (s.preventDefault(), !0) : !1,
+        w
+      ),
+      l.registerCommand(
+        ee,
+        _,
+        w
+      ),
+      l.registerCommand(
+        Z,
+        _,
+        w
+      ),
+      l.registerCommand(Y, F, w),
+      l.registerCommand(
+        X,
+        L,
+        w
+      )
+    );
+    return () => {
+      f = !1, h();
+    };
+  }, [
+    p,
+    l,
+    u,
+    n,
+    _,
+    F,
+    L,
+    d
+  ]), /* @__PURE__ */ v(W, { fallback: null, children: [
+    /* @__PURE__ */ v(j, { children: [
+      /* @__PURE__ */ v("div", { draggable: !1, children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            className: "image-edit-button",
+            ref: C,
+            onClick: () => {
+              x("Update Inline Image", (f) => /* @__PURE__ */ a(
+                _e,
+                {
+                  activeEditor: l,
+                  nodeKey: n,
+                  onClose: f
+                }
+              ));
+            },
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ a(
+          Ce,
+          {
+            className: u ? `focused ${M(I) ? "draggable" : ""}` : null,
+            src: e,
+            altText: t,
+            imageRef: b,
+            width: c,
+            height: r,
+            position: m
+          }
+        )
+      ] }),
+      i && /* @__PURE__ */ a("div", { className: "image-caption-container", children: /* @__PURE__ */ v(fe, { initialEditor: o, children: [
+        /* @__PURE__ */ a(le, {}),
+        /* @__PURE__ */ a(oe, {}),
+        /* @__PURE__ */ a(
+          re,
+          {
+            contentEditable: /* @__PURE__ */ a(se, { className: "InlineImageNode__contentEditable" }),
+            placeholder: /* @__PURE__ */ a(ge, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
+            ErrorBoundary: ie
+          }
+        )
+      ] }) })
+    ] }),
+    E
+  ] });
+}
+export {
+  _e as UpdateInlineImageDialog,
+  Ne as default
+};

package/dist/layers.kdvITuJm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),D=require("react-i18next"),t=require("./layers.BK2HDr2t.js"),E=require("@mantine/core"),U=require("@tabler/icons-react"),F=i=>{const{width:g,height:r,isLoading:l,isError:h,src:f,id:m,altText:p,imageRef:v,maxWidth:j}=i;return o.jsxs("div",{className:"media-wrapper",style:{width:g,height:r,display:"inline-flex",position:"relative"},children:[o.jsx(E.LoadingOverlay,{visible:l,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),o.jsx(E.LoadingOverlay,{visible:h,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{children:o.jsx(E.Flex,{bg:"white",maw:300,justify:"center",children:o.jsx(E.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:j||"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:j,alignment:H}){const W=s.useRef(null),[P,S]=s.useState(!0),[R,M]=s.useState(!1),{isCollabActive:O}=t.l(),[u]=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)=>{u.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 n=new Image;n.src=e,n.onload=()=>{a(n.width)},n.onerror=()=>{c(new Error("Failed to load image"))}})}return s.useEffect(()=>{j&&I(!0)},[j]),s.useEffect(()=>{let e=l,a=h,c=100;i&&_(i).then(n=>{typeof e=="number"&&e<c&&n<c?(b(!0),w({width:e,height:a})):n<c?(b(!0),w({width:"auto",height:"auto"})):(w({width:n,height:n}),b(!1))})},[i]),s.useEffect(()=>{d.width&&d.height&&x&&u.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?o.jsx(F,{width:d.width,height:d.height,isLoading:P,isError:R,isIcon:x,src:i,id:v,editor:u,nodeKey:r,fetchDeleteImage:L,altText:g,imageRef:W,maxWidth:f,showCaption:m,caption:p,isCollabActive:O,historyState:k,showNestedEditorTreeView:q,t:y}):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:T,alignment:H,children:o.jsx(F,{width:"inherit",height:"inherit",isLoading:P,isError:R,isIcon:x,src:i,id:v,editor:u,nodeKey:r,fetchDeleteImage:L,altText:g,imageRef:W,maxWidth:f,showCaption:m,caption:p,isCollabActive:O,historyState:k,showNestedEditorTreeView:q,t:y})}):o.jsx(t.ImagePicker,{uploading:!1,onUpload:e=>{!z||!e.length||(e.forEach((a,c)=>{z(a,(n,A)=>{c===0?u.update(()=>{const N=t.Ct(r);t.$isImageNode(N)&&(N.setSrc(n),N.setId(A))}):u.dispatchCommand(t.INSERT_IMAGE_COMMAND,{altText:"",src:n,id:A})})}),I(!1))},popoverProps:{opened:C,position:"bottom",onChange:I},onChange:e=>{I(!1),u.update(()=>{const a=t.Ct(r);t.$isImageNode(a)&&a.setSrc(e)})},children:o.jsx(t.EmptyNodeButton,{title:y("editor.image.add_photo"),icon:"photo",onClick:()=>I(!C)})})}exports.default=G;

package/dist/{layers.CO00-yDf.js → layers.w2M9V0v2.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as G } from "react/jsx-runtime";
-import { useRef as V, useState as I, useContext as q, useEffect as w } from "react";
+import { useRef as V, useState as I, useContext as q, useEffect as v } from "react";
 import { useTranslation as J } from "react-i18next";
-import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.36_3ol3v.js";
+import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.DKTSDVNR.js";
 import { LoadingOverlay as T, Flex as se, Alert as re } from "@mantine/core";
 import { IconInfoCircle as le } from "@tabler/icons-react";
 const j = (t) => {
@@ -13,8 +13,8 @@ const j = (t) => {
     src: g,
     id: f,
     altText: u,
-    imageRef: b,
-    maxWidth: v
+    imageRef: w,
+    maxWidth: b
   } = t;
   return /* @__PURE__ */ G(
     "div",
@@ -62,10 +62,10 @@ const j = (t) => {
             className: null,
             src: g,
             altText: u,
-            imageRef: b,
+            imageRef: w,
             width: "inherit",
             height: "inherit",
-            maxWidth: v || "auto",
+            maxWidth: b || "auto",
             id: f
           }
         )
@@ -109,15 +109,15 @@ function pe({
   maxWidth: g,
   showCaption: f,
   caption: u,
-  id: b,
-  create: v,
+  id: w,
+  create: b,
   alignment: _
 }) {
   const z = V(null), [R, y] = I(!0), [k, D] = I(!1), { isCollabActive: A } = Q(), [h] = X(), [m, S] = I(!0), [r, W] = I({
     width: 0,
     height: 0
   }), { fetchUploadImage: F, fetchDeleteImage: L } = q(Y), { t: N } = J();
-  w(() => {
+  v(() => {
     if (!t || t.startsWith("data:image/")) {
       y(!1);
       return;
@@ -153,9 +153,9 @@ function pe({
       };
     });
   }
-  return w(() => {
-    v && p(!0);
-  }, [v]), w(() => {
+  return v(() => {
+    b && p(!0);
+  }, [b]), v(() => {
     let e = s, n = d, l = 100;
     t && B(t).then((i) => {
       typeof e == "number" && e < l && i < l ? (S(!0), W({
@@ -169,12 +169,12 @@ function pe({
         height: i
       }), S(!1));
     });
-  }, [t]), w(() => {
+  }, [t]), v(() => {
     r.width && r.height && m && h.update(() => {
       const e = C(a);
       E(e) && e.setWidthAndHeight(r.width, r.height);
     });
-  }, [r.width, r.height, m]), w(() => {
+  }, [r.width, r.height, m]), v(() => {
     const e = document.documentElement;
     ee(x, e);
   }, [x]), t ? m ? /* @__PURE__ */ o(
@@ -186,7 +186,7 @@ function pe({
       isError: k,
       isIcon: m,
       src: t,
-      id: b,
+      id: w,
       editor: h,
       nodeKey: a,
       fetchDeleteImage: L,
@@ -220,7 +220,7 @@ function pe({
           isError: k,
           isIcon: m,
           src: t,
-          id: b,
+          id: w,
           editor: h,
           nodeKey: a,
           fetchDeleteImage: L,