@layers-app/editor 0.0.15-swagger → 0.0.16

package/dist/layers.DZ2FxhQI.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),e=require("./layers.D1A3jNDb.js"),R=require("./layers.B073B28e.js"),y=require("@mantine/core");function D({children:a,label:r,className:n,...m}){return t.jsxs("div",{className:"Input__wrapper",children:[t.jsx("label",{style:{marginTop:"-1em"},className:"Input__label",children:r}),t.jsx("select",{...m,className:n||"select",children:a})]})}function q({label:a,value:r,onChange:n,placeholder:m="","data-test-id":o,type:d="text"}){return t.jsx(y.TextInput,{type:d,placeholder:m,value:r,onChange:c=>{n(c.target.value)},label:a,"data-test-id":o,mb:10})}const k=new Set;function L(a){if(!k.has(a))throw new Promise(r=>{const n=new Image;n.src=a,n.onload=()=>{k.add(a),r(null)}})}function B({altText:a,className:r,imageRef:n,src:m,width:o,height:d,position:c}){return L(m),t.jsx("img",{className:r||void 0,src:m,alt:a,ref:n,"data-position":c,style:{display:"block",height:d,width:o},draggable:"false"})}function _({activeEditor:a,nodeKey:r,onClose:n}){const o=a.getEditorState().read(()=>e.Ct(r)),[d,c]=i.useState(o.getAltText()),[C,S]=i.useState(o.getShowCaption()),[b,x]=i.useState(o.getPosition()),j=f=>{S(f.target.checked)},g=f=>{x(f.target.value)},p=()=>{const f={altText:d,position:b,showCaption:C};o&&a.update(()=>{o.update(f)}),n()};return t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{marginBottom:"1em"},children:t.jsx(q,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:c,value:d,"data-test-id":"image-modal-alt-text-input"})}),t.jsxs(D,{style:{marginBottom:"1em",width:"208px"},value:b,label:"Position",name:"position",id:"position-select",onChange:g,children:[t.jsx("option",{value:"left",children:"Left"}),t.jsx("option",{value:"right",children:"Right"}),t.jsx("option",{value:"full",children:"Full Width"})]}),t.jsxs("div",{className:"Input__wrapper",children:[t.jsx("input",{id:"caption",type:"checkbox",checked:C,onChange:j}),t.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),t.jsx(e.Button,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>p(),children:"Применить"})]})}function K({src:a,altText:r,nodeKey:n,width:m,height:o,showCaption:d,caption:c,position:C}){const[S,b]=e.useModal(),x=i.useRef(null),j=i.useRef(null),[g,p,f]=e.u$1(n),[l]=e.u(),[P,F]=i.useState(null),E=i.useRef(null),v=i.useCallback(u=>{if(g&&e.wi(e.Ri())){u.preventDefault();const s=e.Ct(n);e.$isInlineImageNode(s)&&s.remove()}return!1},[g,n]),w=i.useCallback(u=>{const h=e.Ri(),s=j.current;if(g&&e.wi(h)&&h.getNodes().length===1){if(d)return e.Ft(null),u.preventDefault(),c.focus(),!0;if(s!==null&&s!==document.activeElement)return u.preventDefault(),s.focus(),!0}return!1},[c,g,d]),N=i.useCallback(u=>E.current===c||j.current===u.target?(e.Ft(null),l.update(()=>{p(!0);const h=l.getRootElement();h!==null&&h.focus()}),!0):!1,[c,l,p]);i.useEffect(()=>{let u=!0;const h=e.N(l.registerUpdateListener(({editorState:s})=>{u&&F(s.read(()=>e.Ri()))}),l.registerCommand(e.t,(s,I)=>(E.current=I,!1),e.Ks),l.registerCommand(e.r,s=>{const I=s;return I.target===x.current?(I.shiftKey?p(!g):(f(),p(!0)),!0):!1},e.Ks),l.registerCommand(e.D,s=>s.target===x.current?(s.preventDefault(),!0):!1,e.Ks),l.registerCommand(e.w,v,e.Ks),l.registerCommand(e.k,v,e.Ks),l.registerCommand(e.C,w,e.Ks),l.registerCommand(e.b,N,e.Ks));return()=>{u=!1,h()}},[f,l,g,n,v,w,N,p]);const T=g;return t.jsxs(i.Suspense,{fallback:null,children:[t.jsxs(t.Fragment,{children:[t.jsxs("div",{draggable:!1,children:[t.jsx("button",{className:"image-edit-button",ref:j,onClick:()=>{b("Update Inline Image",u=>t.jsx(_,{activeEditor:l,nodeKey:n,onClose:u}))},children:"Edit"}),t.jsx(B,{className:T?`focused ${e.wi(P)?"draggable":""}`:null,src:a,altText:r,imageRef:x,width:m,height:o,position:C})]}),d&&t.jsx("div",{className:"image-caption-container",children:t.jsxs(R.d,{initialEditor:c,children:[t.jsx(e.LinkPlugin,{}),t.jsx(e.FloatingTextFormatToolbarPlugin,{}),t.jsx(e.h,{contentEditable:t.jsx(e.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:t.jsx(R.Placeholder,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:e.a})]})})]}),S]})}exports.UpdateInlineImageDialog=_;exports.default=K;

package/dist/layers.Di1ekcMX.js

@@ -1,52 +0,0 @@
-import { ad as p, ae as k, l as E } from "./layers.36_3ol3v.js";
-import { useRef as O, useContext as P, useMemo as D, useEffect as h } from "react";
-import { jsx as _ } from "react/jsx-runtime";
-function K(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var C = K(function(e) {
-  const t = new URLSearchParams();
-  t.append("code", e);
-  for (let o = 1; o < arguments.length; o++) t.append("v", arguments[o]);
-  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 m(e) {
-  const t = e.transform();
-  return t !== null ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set();
-}
-function S({ initialEditor: e, children: t, initialNodes: o, initialTheme: g, skipCollabChecks: v }) {
-  const f = O(!1), i = P(p);
-  i == null && C(9);
-  const [l, { getTheme: w }] = i, x = D(() => {
-    const a = g || w() || void 0, y = k(i, a);
-    if (a !== void 0 && (e._config.theme = a), e._parentEditor = l, o) for (let r of o) {
-      let s = null, n = null;
-      if (typeof r != "function") {
-        const d = r;
-        r = d.replace, s = d.with, n = d.withKlass || null;
-      }
-      const u = e._nodes.get(r.getType());
-      e._nodes.set(r.getType(), { exportDOM: u ? u.exportDOM : void 0, klass: r, replace: s, replaceWithKlass: n, transforms: m(r) });
-    }
-    else {
-      const r = e._nodes = new Map(l._nodes);
-      for (const [s, n] of r) e._nodes.set(s, { exportDOM: n.exportDOM, klass: n.klass, replace: n.replace, replaceWithKlass: n.replaceWithKlass, transforms: m(n.klass) });
-    }
-    return e._config.namespace = l._config.namespace, e._editable = l._editable, [e, y];
-  }, []), { isCollabActive: M, yjsDocMap: b } = E(), c = v || f.current || b.has(e.getKey());
-  return h(() => {
-    c && (f.current = !0);
-  }, [c]), h(() => l.registerEditableListener((a) => {
-    e.setEditable(a);
-  }), [e, l]), _(p.Provider, { value: x, children: !M || c ? t : null });
-}
-function W({
-  children: e,
-  className: t
-}) {
-  return /* @__PURE__ */ _("div", { className: t || "Placeholder__root", children: e });
-}
-export {
-  W as P,
-  S as d
-};

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
-};