@layers-app/editor 0.7.17 → 0.7.18

package/dist/layers.B4l6ta1Q.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),N=require("react-i18next"),a=require("./layers.94hwidA2.js"),t=require("@mantine/core"),P=require("@layers-app/shared"),C={};class L extends r.Component{render(){const{getComponent:l}=this.props,c=l("operations",!0);return e.jsx("div",{className:"swagger-ui",children:e.jsx(c,{})})}}const T=()=>({components:{OperationsLayout:L}}),q=s=>({statePlugins:{spec:{wrapSelectors:{taggedOperations:l=>(c,...f)=>{const i=l(c,...f);return s.operation?i.map(u=>u.update("operations",h=>h.filter(p=>p.get("operation").get("operationId")===s.operation))).filter(u=>u.get("operations").size>0):i}}}}}),U=({inputUrl:s,inputJSON:l,className:c,format:f,nodeKey:i,editor:u,create:h})=>{const{t:p}=N.useTranslation(),[j,m]=r.useState(""),[d,v]=r.useState(""),[k,w]=r.useState(!1),[B,O]=r.useState(!1),[g,x]=r.useState(!1),[b,S]=r.useState(!0);r.useEffect(()=>{h&&x(!0)},[h]),r.useEffect(()=>{g?a.blockScroll():a.unblockScroll()},[g]);const y=o=>{o.preventDefault(),u.update(()=>{const n=a.xo(i);a.$isSwaggerNode(n)&&(x(!1),n.setSrc(j||d),n.setJSON(d))})},{operation:I}=r.useMemo(()=>s?{operation:new URL(s).hash.split("/").pop()||""}:{operation:""},[s,l]);return s?e.jsxs(t.Box,{pos:"relative",mih:45,children:[e.jsx(t.LoadingOverlay,{visible:b,zIndex:1e3,overlayProps:{blur:4},loaderProps:{size:"xs"}}),e.jsx(C,{url:l,onComplete:()=>{S(!1)},responseInterceptor:o=>(o.ok||(S(!1),u.update(()=>{const n=a.xo(i);a.$isSwaggerNode(n)&&(x(!1),n.setSrc(""),n.setJSON(""))}),P.showErrorNotification({message:p("editor.validation.swaggerUnavailable")}),S(!0)),o),plugins:[q({operation:I}),T],layout:"OperationsLayout"})]}):e.jsxs(t.Popover,{width:400,position:"bottom",shadow:"md",opened:g,onChange:x,defaultOpened:!0,withinPortal:!0,children:[e.jsx(t.Popover.Target,{children:e.jsx(t.Flex,{w:"100%",children:e.jsx(a.p,{className:c,format:f,nodeKey:i,children:e.jsx(a.EmptyNodeButton,{title:p("editor.swagger.add"),icon:"api",onClick:()=>x(o=>!o),nodeKey:i})})})}),e.jsx(t.Popover.Dropdown,{"aria-hidden":!g,tabIndex:g?0:-1,children:e.jsx("form",{onSubmit:y,children:e.jsxs(t.Stack,{gap:16,children:[e.jsx(t.Box,{children:e.jsx(t.TextInput,{maxLength:500,placeholder:"https://api.example.com/v3/swagger.json","data-autofocus":!0,type:"url",value:d,rightSection:d?null:e.jsx("span",{style:{color:"red"},children:"*"}),onChange:o=>{v(o.currentTarget.value),O(!1)}})}),e.jsx(t.Box,{children:e.jsx(t.TextInput,{maxLength:500,placeholder:"https://api.swagger.io/#/user/getUser","data-autofocus":!0,type:"url",value:j,onChange:o=>{m(o.currentTarget.value),w(!1)}})}),e.jsx(t.Center,{children:e.jsx(t.Button,{w:"100%",type:"submit",disabled:!d,children:p("editor.video.apply")})})]})})})]})};exports.default=U;

package/dist/{layers.DfazY_Pm.js → layers.BMrOAD_P.js}

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

package/dist/{layers.C35KTUy2.js → layers.D99OBX9u.js}

@@ -1,10 +1,10 @@
 import { jsx as l, jsxs as Y } from "react/jsx-runtime";
 import { useRef as Z, useState as u, useContext as K, useEffect as g } from "react";
 import { useTranslation as ee } from "react-i18next";
-import { o as te, u as ie, C as oe, m as M, a as ae, b as ne, x as z, c as L, t as se, U as re, z as le, I as de, d as he, R as ge, p as T, w as ue } from "./layers.CNTFg_PV.js";
+import { o as te, u as ie, C as oe, m as M, a as ae, b as ne, x as z, $ as L, t as se, U as re, z as le, I as de, E as he, R as ge, p as F, w as ue } from "./layers.zu-IYGYU.js";
 import { LoadingOverlay as me } from "@mantine/core";
 import { showErrorNotification as fe } from "@layers-app/shared";
-const $ = (t) => {
+const T = (t) => {
   const {
     width: m,
     height: n,
@@ -99,11 +99,11 @@ function Ne({
   create: h,
   alignment: j
 }) {
-  var _, F;
+  var _, $;
   const R = Z(null), [b, I] = u(!0), [r] = te(), [C, W] = u(!0), [s, y] = u({
     width: 0,
     height: 0
-  }), { start: B, cancel: G } = ie(), [V, A] = u(0), { fetchUploadMedia: P, fetchDeleteMedia: U, maxFileSize: pe } = K(oe), E = M.has(t) && (((_ = M.get(t)) == null ? void 0 : _.mediaNodeKeys.length) === 0 || ((F = M.get(t)) == null ? void 0 : F.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: N } = ee(), [we, q] = u(0);
+  }), { start: B, cancel: G } = ie(), [V, A] = u(0), { fetchUploadMedia: P, fetchDeleteMedia: U, maxFileSize: pe } = K(oe), E = M.has(t) && (((_ = M.get(t)) == null ? void 0 : _.mediaNodeKeys.length) === 0 || (($ = M.get(t)) == null ? void 0 : $.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: N } = ee(), [we, q] = u(0);
   g(() => r.registerDecoratorListener(() => {
     q((e) => e + 1);
   }), [E]), g(() => {
@@ -230,7 +230,7 @@ function Ne({
       )
     }
   ) : C ? /* @__PURE__ */ l(
-    $,
+    T,
     {
       width: s.width,
       height: s.height,
@@ -257,14 +257,14 @@ function Ne({
     {
       editor: r,
       isIcon: C,
-      width: T(d),
-      height: T(v),
+      width: F(d),
+      height: F(v),
       initialWidth: s.width || "",
       initialHeight: s.height || "",
       onResizeEnd: J,
       alignment: j,
       children: /* @__PURE__ */ l(
-        $,
+        T,
         {
           width: "inherit",
           height: "inherit",

package/dist/{layers.B3S_Iz7U.js → layers.DOzLBYZr.js}

@@ -1,9 +1,9 @@
-import { jsx as n, jsxs as k, Fragment as W } from "react/jsx-runtime";
-import { useRef as M, useContext as O, useMemo as K, useEffect as F, useState as T, useCallback as y, Suspense as X } from "react";
-import { v as U, y as G, X as H, B as $, D as j, F as J, G as Q, j as V, o as Y, H as P, L as R, x as z, J as Z, w as A, k as q, M as ee, z as _, N as te, l as ne, O as ae, P as se, s as oe, Q as re, S as ie, T as le, V as ce, W as de, Y as ue, Z as fe } from "./layers.CNTFg_PV.js";
+import { jsx as n, jsxs as k, Fragment as z } from "react/jsx-runtime";
+import { useRef as D, useContext as O, useMemo as K, useEffect as F, useState as M, useCallback as y, Suspense as X } from "react";
+import { r as A, c as q, X as G, j as U, d as $, l as H, e as J, f as Q, o as V, g as P, L as R, x as W, h as Y, w as j, i as Z, k as ee, z as S, N as te, n as ne, O as ae, q as se, s as oe, v as re, y as ie, F as le, A as ce, B as de, D as ue, G as fe } from "./layers.zu-IYGYU.js";
 import { TextInput as pe } from "@mantine/core";
 function ge({ initialEditor: e, children: l, initialNodes: a, initialTheme: h, skipCollabChecks: c, skipEditableListener: d }) {
-  const r = M(!1), E = O(U);
+  const r = D(!1), E = O(A);
   E == null && (function(t, ...x) {
     const v = new URL("https://lexical.dev/docs/error"), m = new URLSearchParams();
     m.append("code", t);
@@ -11,28 +11,28 @@ function ge({ initialEditor: e, children: l, initialNodes: a, initialTheme: h, s
     throw v.search = m.toString(), Error(`Minified Lexical error #${t}; visit ${v.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
   })(9);
   const [u, { getTheme: N }] = E, w = K(() => {
-    const t = h || N() || void 0, x = G(E, t);
+    const t = h || N() || void 0, x = q(E, t);
     t !== void 0 && (e._config.theme = t), e._parentEditor = e._parentEditor || u;
     const v = e._createEditorArgs, m = v && v.namespace;
     if (a) {
       m || (e._config.namespace = u._config.namespace);
       for (let s of a) {
-        let S = null, p = null;
+        let _ = null, p = null;
         if (typeof s != "function") {
           const o = s;
-          s = o.replace, S = o.with, p = o.withKlass || null;
+          s = o.replace, _ = o.with, p = o.withKlass || null;
         }
-        const D = H(e, s.getType());
-        e._nodes.set(s.getType(), { exportDOM: D ? D.exportDOM : void 0, klass: s, replace: S, replaceWithKlass: p, sharedNodeState: j(s), transforms: $(s) });
+        const T = G(e, s.getType());
+        e._nodes.set(s.getType(), { exportDOM: T ? T.exportDOM : void 0, klass: s, replace: _, replaceWithKlass: p, sharedNodeState: $(s), transforms: U(s) });
       }
     } else if (v && v.nodes) m || (e._config.namespace = u._config.namespace);
     else {
       const s = e._nodes = new Map(u._nodes);
       m || (e._config.namespace = u._config.namespace);
-      for (const [S, p] of s) e._nodes.set(S, { exportDOM: p.exportDOM, klass: p.klass, replace: p.replace, replaceWithKlass: p.replaceWithKlass, sharedNodeState: j(p.klass), transforms: $(p.klass) });
+      for (const [_, p] of s) e._nodes.set(_, { exportDOM: p.exportDOM, klass: p.klass, replace: p.replace, replaceWithKlass: p.replaceWithKlass, sharedNodeState: $(p.klass), transforms: U(p.klass) });
     }
     return [e, x];
-  }, []), C = O(J), { isCollabActive: g, yjsDocMap: f } = C ?? {}, I = c || r.current || f && f.has(e.getKey());
+  }, []), C = O(H), { isCollabActive: g, yjsDocMap: f } = C ?? {}, I = c || r.current || f && f.has(e.getKey());
   return F(() => {
     I && (r.current = !0);
   }, [I]), F(() => {
@@ -40,7 +40,7 @@ function ge({ initialEditor: e, children: l, initialNodes: a, initialTheme: h, s
       const t = (x) => e.setEditable(x);
       return t(u.isEditable()), u.registerEditableListener(t);
     }
-  }, [e, u, d]), n(U.Provider, { value: w, children: !g || I ? l : null });
+  }, [e, u, d]), n(A.Provider, { value: w, children: !g || I ? l : null });
 }
 function me({
   children: e,
@@ -113,8 +113,8 @@ function be({
   onClose: a
 }) {
   const c = e.getEditorState().read(
-    () => z(l)
-  ), [d, r] = T(c.getAltText()), [E, u] = T(c.getShowCaption()), [N, w] = T(c.getPosition()), C = (f) => {
+    () => W(l)
+  ), [d, r] = M(c.getAltText()), [E, u] = M(c.getShowCaption()), [N, w] = M(c.getPosition()), C = (f) => {
     u(f.target.checked);
   }, g = () => {
     const f = { altText: d, position: N, showCaption: E };
@@ -122,7 +122,7 @@ function be({
       c.update(f);
     }), a();
   };
-  return /* @__PURE__ */ k(W, { children: [
+  return /* @__PURE__ */ k(z, { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ n(
       he,
       {
@@ -165,22 +165,22 @@ function we({
   caption: r,
   position: E
 }) {
-  const [u, N] = Q(), w = M(null), C = M(null), [g, f, I] = V(a), [t] = Y(), [x, v] = T(null), m = M(null), s = y(
+  const [u, N] = J(), w = D(null), C = D(null), [g, f, I] = Q(a), [t] = V(), [x, v] = M(null), m = D(null), s = y(
     (o) => {
       if (g && P(R())) {
         o.preventDefault();
-        const i = z(a);
-        Z(i) && i.remove();
+        const i = W(a);
+        Y(i) && i.remove();
       }
       return !1;
     },
     [g, a]
-  ), S = y(
+  ), _ = y(
     (o) => {
       const b = R(), i = C.current;
       if (g && P(b) && b.getNodes().length === 1) {
         if (d)
-          return A(null), o.preventDefault(), r.focus(), !0;
+          return j(null), o.preventDefault(), r.focus(), !0;
         if (i !== null && i !== document.activeElement)
           return o.preventDefault(), i.focus(), !0;
       }
@@ -188,7 +188,7 @@ function we({
     },
     [r, g, d]
   ), p = y(
-    (o) => m.current === r || C.current === o.target ? (A(null), t.update(() => {
+    (o) => m.current === r || C.current === o.target ? (j(null), t.update(() => {
       f(!0);
       const b = t.getRootElement();
       b !== null && b.focus();
@@ -197,14 +197,14 @@ function we({
   );
   return F(() => {
     let o = !0;
-    const b = q(
+    const b = Z(
       t.registerUpdateListener(({ editorState: i }) => {
         o && v(i.read(() => R()));
       }),
       t.registerCommand(
         re,
         (i, L) => (m.current = L, !1),
-        _
+        S
       ),
       t.registerCommand(
         oe,
@@ -212,28 +212,28 @@ function we({
           const L = i;
           return L.target === w.current ? (L.shiftKey ? f(!g) : (I(), f(!0)), !0) : !1;
         },
-        _
+        S
       ),
       t.registerCommand(
         se,
         (i) => i.target === w.current ? (i.preventDefault(), !0) : !1,
-        _
+        S
       ),
       t.registerCommand(
         ae,
         s,
-        _
+        S
       ),
       t.registerCommand(
         ne,
         s,
-        _
+        S
       ),
-      t.registerCommand(te, S, _),
+      t.registerCommand(te, _, S),
       t.registerCommand(
         ee,
         p,
-        _
+        S
       )
     );
     return () => {
@@ -245,11 +245,11 @@ function we({
     g,
     a,
     s,
-    S,
+    _,
     p,
     f
   ]), /* @__PURE__ */ k(X, { fallback: null, children: [
-    /* @__PURE__ */ k(W, { children: [
+    /* @__PURE__ */ k(z, { children: [
       /* @__PURE__ */ k("div", { draggable: !1, children: [
         /* @__PURE__ */ n(
           "button",

package/dist/layers.YRyXopy_.js

@@ -0,0 +1,151 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useState as i, useEffect as x, useMemo as k, Component as T } from "react";
+import { useTranslation as E } from "react-i18next";
+import { H as j, J as z, K as B, E as M, x as O, M as b } from "./layers.zu-IYGYU.js";
+import { Popover as v, Flex as D, Stack as F, Box as S, TextInput as y, Center as H, Button as R, LoadingOverlay as $ } from "@mantine/core";
+import { showErrorNotification as q } from "@layers-app/shared";
+const A = {};
+class G extends T {
+  render() {
+    const { getComponent: a } = this.props, l = a("operations", !0);
+    return /* @__PURE__ */ e("div", { className: "swagger-ui", children: /* @__PURE__ */ e(l, {}) });
+  }
+}
+const Q = () => ({
+  components: {
+    OperationsLayout: G
+  }
+}), V = (o) => ({
+  statePlugins: {
+    spec: {
+      wrapSelectors: {
+        taggedOperations: (a) => (l, ...h) => {
+          const n = a(l, ...h);
+          return o.operation ? n.map(
+            (s) => s.update(
+              "operations",
+              (g) => g.filter((p) => p.get("operation").get("operationId") === o.operation)
+            )
+          ).filter((s) => s.get("operations").size > 0) : n;
+        }
+      }
+    }
+  }
+}), oe = ({
+  inputUrl: o,
+  inputJSON: a,
+  className: l,
+  format: h,
+  nodeKey: n,
+  editor: s,
+  create: g
+}) => {
+  const { t: p } = E(), [w, C] = i(""), [d, I] = i(""), [W, L] = i(!1), [X, N] = i(!1), [c, u] = i(!1), [P, f] = i(!0);
+  x(() => {
+    g && u(!0);
+  }, [g]), x(() => {
+    c ? j() : z();
+  }, [c]);
+  const J = (t) => {
+    t.preventDefault(), s.update(() => {
+      const r = O(n);
+      b(r) && (u(!1), r.setSrc(w || d), r.setJSON(d));
+    });
+  }, { operation: U } = k(() => o ? {
+    operation: new URL(o).hash.split("/").pop() || ""
+  } : { operation: "" }, [o, a]);
+  return o ? /* @__PURE__ */ m(S, { pos: "relative", mih: 45, children: [
+    /* @__PURE__ */ e(
+      $,
+      {
+        visible: P,
+        zIndex: 1e3,
+        overlayProps: { blur: 4 },
+        loaderProps: { size: "xs" }
+      }
+    ),
+    /* @__PURE__ */ e(
+      A,
+      {
+        url: a,
+        onComplete: () => {
+          f(!1);
+        },
+        responseInterceptor: (t) => (t.ok || (f(!1), s.update(() => {
+          const r = O(n);
+          b(r) && (u(!1), r.setSrc(""), r.setJSON(""));
+        }), q({
+          message: p("editor.validation.swaggerUnavailable")
+        }), f(!0)), t),
+        plugins: [
+          V({ operation: U }),
+          Q
+        ],
+        layout: "OperationsLayout"
+      }
+    )
+  ] }) : /* @__PURE__ */ m(
+    v,
+    {
+      width: 400,
+      position: "bottom",
+      shadow: "md",
+      opened: c,
+      onChange: u,
+      defaultOpened: !0,
+      withinPortal: !0,
+      children: [
+        /* @__PURE__ */ e(v.Target, { children: /* @__PURE__ */ e(D, { w: "100%", children: /* @__PURE__ */ e(
+          B,
+          {
+            className: l,
+            format: h,
+            nodeKey: n,
+            children: /* @__PURE__ */ e(
+              M,
+              {
+                title: p("editor.swagger.add"),
+                icon: "api",
+                onClick: () => u((t) => !t),
+                nodeKey: n
+              }
+            )
+          }
+        ) }) }),
+        /* @__PURE__ */ e(v.Dropdown, { "aria-hidden": !c, tabIndex: c ? 0 : -1, children: /* @__PURE__ */ e("form", { onSubmit: J, children: /* @__PURE__ */ m(F, { gap: 16, children: [
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+            y,
+            {
+              maxLength: 500,
+              placeholder: "https://api.example.com/v3/swagger.json",
+              "data-autofocus": !0,
+              type: "url",
+              value: d,
+              rightSection: d ? null : /* @__PURE__ */ e("span", { style: { color: "red" }, children: "*" }),
+              onChange: (t) => {
+                I(t.currentTarget.value), N(!1);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+            y,
+            {
+              maxLength: 500,
+              placeholder: "https://api.swagger.io/#/user/getUser",
+              "data-autofocus": !0,
+              type: "url",
+              value: w,
+              onChange: (t) => {
+                C(t.currentTarget.value), L(!1);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(R, { w: "100%", type: "submit", disabled: !d, children: p("editor.video.apply") }) })
+        ] }) }) })
+      ]
+    }
+  );
+};
+export {
+  oe as default
+};

package/dist/{layers.BlQ-fVEN.js → layers.usKC_Id5.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),e=require("./layers.CPPTxpTa.js"),y=require("@mantine/core");function D({initialEditor:t,children:u,initialNodes:r,initialTheme:b,skipCollabChecks:d,skipEditableListener:f}){const l=a.useRef(!1),v=a.useContext(e.r);v==null&&(function(s,...S){const j=new URL("https://lexical.dev/docs/error"),x=new URLSearchParams;x.append("code",s);for(const o of S)x.append("v",o);throw j.search=x.toString(),Error(`Minified Lexical error #${s}; visit ${j.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)})(9);const[g,{getTheme:w}]=v,I=a.useMemo(()=>{const s=b||w()||void 0,S=e.t(v,s);s!==void 0&&(t._config.theme=s),t._parentEditor=t._parentEditor||g;const j=t._createEditorArgs,x=j&&j.namespace;if(r){x||(t._config.namespace=g._config.namespace);for(let o of r){let _=null,m=null;if(typeof o!="function"){const i=o;o=i.replace,_=i.with,m=i.withKlass||null}const N=e.Xi(t,o.getType());t._nodes.set(o.getType(),{exportDOM:N?N.exportDOM:void 0,klass:o,replace:_,replaceWithKlass:m,sharedNodeState:e.at(o),transforms:e.ji(o)})}}else if(j&&j.nodes)x||(t._config.namespace=g._config.namespace);else{const o=t._nodes=new Map(g._nodes);x||(t._config.namespace=g._config.namespace);for(const[_,m]of o)t._nodes.set(_,{exportDOM:m.exportDOM,klass:m.klass,replace:m.replace,replaceWithKlass:m.replaceWithKlass,sharedNodeState:e.at(m.klass),transforms:e.ji(m.klass)})}return[t,S]},[]),E=a.useContext(e.l),{isCollabActive:h,yjsDocMap:p}=E??{},k=d||l.current||p&&p.has(t.getKey());return a.useEffect(()=>{k&&(l.current=!0)},[k]),a.useEffect(()=>{if(!f){const s=S=>t.setEditable(S);return s(g.isEditable()),g.registerEditableListener(s)}},[t,g,f]),n.jsx(e.r.Provider,{value:I,children:!h||k?u:null})}function T({children:t,className:u}){return n.jsx("div",{className:u||"Placeholder__root",children:t})}function P({label:t,value:u,onChange:r,placeholder:b="","data-test-id":d,type:f="text"}){return n.jsx(y.TextInput,{type:f,placeholder:b,value:u,onChange:l=>{r(l.target.value)},label:t,"data-test-id":d,mb:10})}const M=new Set;function z(t){if(!M.has(t))throw new Promise(u=>{const r=new Image;r.src=t,r.onload=()=>{M.add(t),u(null)}})}function O({altText:t,className:u,imageRef:r,src:b,width:d,height:f,position:l}){return z(b),n.jsx("img",{className:u||void 0,src:b,alt:t,ref:r,"data-position":l,style:{display:"block",height:f,width:d},draggable:"false"})}function R({activeEditor:t,nodeKey:u,onClose:r}){const d=t.getEditorState().read(()=>e.xo(u)),[f,l]=a.useState(d.getAltText()),[v,g]=a.useState(d.getShowCaption()),[w,I]=a.useState(d.getPosition()),E=p=>{g(p.target.checked)},h=()=>{const p={altText:f,position:w,showCaption:v};d&&t.update(()=>{d.update(p)}),r()};return n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{marginBottom:"1em"},children:n.jsx(P,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:l,value:f,"data-test-id":"image-modal-alt-text-input"})}),n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("input",{id:"caption",type:"checkbox",checked:v,onChange:E}),n.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),n.jsx(e.Button,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>h(),children:"Применить"})]})}function U({src:t,altText:u,nodeKey:r,width:b,height:d,showCaption:f,caption:l,position:v}){const[g,w]=e.useModal(),I=a.useRef(null),E=a.useRef(null),[h,p,k]=e.u(r),[s]=e.o(),[S,j]=a.useState(null),x=a.useRef(null),o=a.useCallback(i=>{if(h&&e.xr(e.Lr())){i.preventDefault();const c=e.xo(r);e.$isInlineImageNode(c)&&c.remove()}return!1},[h,r]),_=a.useCallback(i=>{const C=e.Lr(),c=E.current;if(h&&e.xr(C)&&C.getNodes().length===1){if(f)return e.wo(null),i.preventDefault(),l.focus(),!0;if(c!==null&&c!==document.activeElement)return i.preventDefault(),c.focus(),!0}return!1},[l,h,f]),m=a.useCallback(i=>x.current===l||E.current===i.target?(e.wo(null),s.update(()=>{p(!0);const C=s.getRootElement();C!==null&&C.focus()}),!0):!1,[l,s,p]);a.useEffect(()=>{let i=!0;const C=e.U(s.registerUpdateListener(({editorState:c})=>{i&&j(c.read(()=>e.Lr()))}),s.registerCommand(e.ie,(c,L)=>(x.current=L,!1),e.zi),s.registerCommand(e.se,c=>{const L=c;return L.target===I.current?(L.shiftKey?p(!h):(k(),p(!0)),!0):!1},e.zi),s.registerCommand(e.Ie,c=>c.target===I.current?(c.preventDefault(),!0):!1,e.zi),s.registerCommand(e.Oe,o,e.zi),s.registerCommand(e.we,o,e.zi),s.registerCommand(e.Ne,_,e.zi),s.registerCommand(e.Ee,m,e.zi));return()=>{i=!1,C()}},[k,s,h,r,o,_,m,p]);const N=h;return n.jsxs(a.Suspense,{fallback:null,children:[n.jsxs(n.Fragment,{children:[n.jsxs("div",{draggable:!1,children:[n.jsx("button",{className:"image-edit-button",ref:E,onClick:()=>{w("Update Inline Image",i=>n.jsx(R,{activeEditor:s,nodeKey:r,onClose:i}))},children:"Edit"}),n.jsx(O,{className:N?`focused ${e.xr(S)?"draggable":""}`:null,src:t,altText:u,imageRef:I,width:b,height:d,position:v})]}),f&&n.jsx("div",{className:"image-caption-container",children:n.jsxs(D,{initialEditor:l,children:[n.jsx(e.LinkPlugin,{}),n.jsx(e.FloatingTextFormatToolbarPlugin,{}),n.jsx(e.L,{contentEditable:n.jsx(e.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:n.jsx(T,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:e.n})]})})]}),g]})}exports.UpdateInlineImageDialog=R;exports.default=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),e=require("./layers.94hwidA2.js"),y=require("@mantine/core");function D({initialEditor:t,children:u,initialNodes:r,initialTheme:b,skipCollabChecks:d,skipEditableListener:f}){const l=a.useRef(!1),v=a.useContext(e.r);v==null&&(function(s,...S){const j=new URL("https://lexical.dev/docs/error"),x=new URLSearchParams;x.append("code",s);for(const o of S)x.append("v",o);throw j.search=x.toString(),Error(`Minified Lexical error #${s}; visit ${j.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)})(9);const[g,{getTheme:w}]=v,I=a.useMemo(()=>{const s=b||w()||void 0,S=e.t(v,s);s!==void 0&&(t._config.theme=s),t._parentEditor=t._parentEditor||g;const j=t._createEditorArgs,x=j&&j.namespace;if(r){x||(t._config.namespace=g._config.namespace);for(let o of r){let _=null,m=null;if(typeof o!="function"){const i=o;o=i.replace,_=i.with,m=i.withKlass||null}const N=e.Xi(t,o.getType());t._nodes.set(o.getType(),{exportDOM:N?N.exportDOM:void 0,klass:o,replace:_,replaceWithKlass:m,sharedNodeState:e.at(o),transforms:e.ji(o)})}}else if(j&&j.nodes)x||(t._config.namespace=g._config.namespace);else{const o=t._nodes=new Map(g._nodes);x||(t._config.namespace=g._config.namespace);for(const[_,m]of o)t._nodes.set(_,{exportDOM:m.exportDOM,klass:m.klass,replace:m.replace,replaceWithKlass:m.replaceWithKlass,sharedNodeState:e.at(m.klass),transforms:e.ji(m.klass)})}return[t,S]},[]),E=a.useContext(e.l),{isCollabActive:h,yjsDocMap:p}=E??{},k=d||l.current||p&&p.has(t.getKey());return a.useEffect(()=>{k&&(l.current=!0)},[k]),a.useEffect(()=>{if(!f){const s=S=>t.setEditable(S);return s(g.isEditable()),g.registerEditableListener(s)}},[t,g,f]),n.jsx(e.r.Provider,{value:I,children:!h||k?u:null})}function T({children:t,className:u}){return n.jsx("div",{className:u||"Placeholder__root",children:t})}function P({label:t,value:u,onChange:r,placeholder:b="","data-test-id":d,type:f="text"}){return n.jsx(y.TextInput,{type:f,placeholder:b,value:u,onChange:l=>{r(l.target.value)},label:t,"data-test-id":d,mb:10})}const M=new Set;function z(t){if(!M.has(t))throw new Promise(u=>{const r=new Image;r.src=t,r.onload=()=>{M.add(t),u(null)}})}function O({altText:t,className:u,imageRef:r,src:b,width:d,height:f,position:l}){return z(b),n.jsx("img",{className:u||void 0,src:b,alt:t,ref:r,"data-position":l,style:{display:"block",height:f,width:d},draggable:"false"})}function R({activeEditor:t,nodeKey:u,onClose:r}){const d=t.getEditorState().read(()=>e.xo(u)),[f,l]=a.useState(d.getAltText()),[v,g]=a.useState(d.getShowCaption()),[w,I]=a.useState(d.getPosition()),E=p=>{g(p.target.checked)},h=()=>{const p={altText:f,position:w,showCaption:v};d&&t.update(()=>{d.update(p)}),r()};return n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{marginBottom:"1em"},children:n.jsx(P,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:l,value:f,"data-test-id":"image-modal-alt-text-input"})}),n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("input",{id:"caption",type:"checkbox",checked:v,onChange:E}),n.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),n.jsx(e.Button,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>h(),children:"Применить"})]})}function U({src:t,altText:u,nodeKey:r,width:b,height:d,showCaption:f,caption:l,position:v}){const[g,w]=e.useModal(),I=a.useRef(null),E=a.useRef(null),[h,p,k]=e.u(r),[s]=e.o(),[S,j]=a.useState(null),x=a.useRef(null),o=a.useCallback(i=>{if(h&&e.xr(e.Lr())){i.preventDefault();const c=e.xo(r);e.$isInlineImageNode(c)&&c.remove()}return!1},[h,r]),_=a.useCallback(i=>{const C=e.Lr(),c=E.current;if(h&&e.xr(C)&&C.getNodes().length===1){if(f)return e.wo(null),i.preventDefault(),l.focus(),!0;if(c!==null&&c!==document.activeElement)return i.preventDefault(),c.focus(),!0}return!1},[l,h,f]),m=a.useCallback(i=>x.current===l||E.current===i.target?(e.wo(null),s.update(()=>{p(!0);const C=s.getRootElement();C!==null&&C.focus()}),!0):!1,[l,s,p]);a.useEffect(()=>{let i=!0;const C=e.U(s.registerUpdateListener(({editorState:c})=>{i&&j(c.read(()=>e.Lr()))}),s.registerCommand(e.ie,(c,L)=>(x.current=L,!1),e.zi),s.registerCommand(e.se,c=>{const L=c;return L.target===I.current?(L.shiftKey?p(!h):(k(),p(!0)),!0):!1},e.zi),s.registerCommand(e.Ie,c=>c.target===I.current?(c.preventDefault(),!0):!1,e.zi),s.registerCommand(e.Oe,o,e.zi),s.registerCommand(e.we,o,e.zi),s.registerCommand(e.Ne,_,e.zi),s.registerCommand(e.Ee,m,e.zi));return()=>{i=!1,C()}},[k,s,h,r,o,_,m,p]);const N=h;return n.jsxs(a.Suspense,{fallback:null,children:[n.jsxs(n.Fragment,{children:[n.jsxs("div",{draggable:!1,children:[n.jsx("button",{className:"image-edit-button",ref:E,onClick:()=>{w("Update Inline Image",i=>n.jsx(R,{activeEditor:s,nodeKey:r,onClose:i}))},children:"Edit"}),n.jsx(O,{className:N?`focused ${e.xr(S)?"draggable":""}`:null,src:t,altText:u,imageRef:I,width:b,height:d,position:v})]}),f&&n.jsx("div",{className:"image-caption-container",children:n.jsxs(D,{initialEditor:l,children:[n.jsx(e.LinkPlugin,{}),n.jsx(e.FloatingTextFormatToolbarPlugin,{}),n.jsx(e.L,{contentEditable:n.jsx(e.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:n.jsx(T,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:e.n})]})})]}),g]})}exports.UpdateInlineImageDialog=R;exports.default=U;