@layers-app/editor 0.7.44 → 0.7.46

package/dist/layers.Ct1ojjl3.js

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

package/dist/{layers.BPwGnx6H.js → layers.Hq0pIRX3.js}

@@ -6,8 +6,8 @@ import { LexicalNestedComposer as U } from "@lexical/react/LexicalNestedComposer
 import { RichTextPlugin as j } from "@lexical/react/LexicalRichTextPlugin";
 import { useLexicalNodeSelection as G } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister as z } from "@lexical/utils";
-import { $isNodeSelection as v, $getSelection as A, $getNodeByKey as w, $setSelection as O, SELECTION_CHANGE_COMMAND as H, COMMAND_PRIORITY_LOW as g, CLICK_COMMAND as W, DRAGSTART_COMMAND as q, KEY_DELETE_COMMAND as J, KEY_BACKSPACE_COMMAND as Q, KEY_ENTER_COMMAND as V, KEY_ESCAPE_COMMAND as X } from "lexical";
-import { r as Z, s as ee, L as te, F as ne, v as oe, B as re } from "./layers.CsTbIH2o.js";
+import { $isNodeSelection as A, $getSelection as v, $getNodeByKey as w, $setSelection as O, SELECTION_CHANGE_COMMAND as H, COMMAND_PRIORITY_LOW as g, CLICK_COMMAND as W, DRAGSTART_COMMAND as q, KEY_DELETE_COMMAND as J, KEY_BACKSPACE_COMMAND as Q, KEY_ENTER_COMMAND as V, KEY_ESCAPE_COMMAND as X } from "lexical";
+import { c as Z, d as ee, L as te, F as ne, e as oe, B as re } from "./layers.BtvuN20E.js";
 import { TextInput as ae } from "@mantine/core";
 function le({
   children: t,
@@ -74,19 +74,19 @@ function ce({
     }
   );
 }
-function ue({
+function de({
   activeEditor: t,
   nodeKey: a,
   onClose: n
 }) {
   const l = t.getEditorState().read(
     () => w(a)
-  ), [c, i] = S(l.getAltText()), [h, I] = S(l.getShowCaption()), [_, E] = S(l.getPosition()), C = (d) => {
-    I(d.target.checked);
-  }, u = () => {
-    const d = { altText: c, position: _, showCaption: h };
+  ), [c, i] = S(l.getAltText()), [h, I] = S(l.getShowCaption()), [_, E] = S(l.getPosition()), C = (u) => {
+    I(u.target.checked);
+  }, d = () => {
+    const u = { altText: c, position: _, showCaption: h };
     l && t.update(() => {
-      l.update(d);
+      l.update(u);
     }), n();
   };
   return /* @__PURE__ */ p(k, { children: [
@@ -116,7 +116,7 @@ function ue({
       re,
       {
         "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => u(),
+        onClick: () => d(),
         children: "Применить"
       }
     )
@@ -132,20 +132,20 @@ function xe({
   caption: i,
   position: h
 }) {
-  const [I, _] = Z(), E = b(null), C = b(null), [u, d, D] = G(n), [r] = Y(), [y, B] = S(null), T = b(null), x = M(
+  const [I, _] = Z(), E = b(null), C = b(null), [d, u, D] = G(n), [r] = Y(), [y, B] = S(null), T = b(null), x = M(
     (s) => {
-      if (u && v(A())) {
+      if (d && A(v())) {
         s.preventDefault();
         const o = w(n);
         ee(o) && o.remove();
       }
       return !1;
     },
-    [u, n]
+    [d, n]
   ), L = M(
     (s) => {
-      const m = A(), o = C.current;
-      if (u && v(m) && m.getNodes().length === 1) {
+      const m = v(), o = C.current;
+      if (d && A(m) && m.getNodes().length === 1) {
         if (c)
           return O(null), s.preventDefault(), i.focus(), !0;
         if (o !== null && o !== document.activeElement)
@@ -153,20 +153,20 @@ function xe({
       }
       return !1;
     },
-    [i, u, c]
+    [i, d, c]
   ), R = M(
     (s) => T.current === i || C.current === s.target ? (O(null), r.update(() => {
-      d(!0);
+      u(!0);
       const m = r.getRootElement();
       m !== null && m.focus();
     }), !0) : !1,
-    [i, r, d]
+    [i, r, u]
   );
   return F(() => {
     let s = !0;
     const m = z(
       r.registerUpdateListener(({ editorState: o }) => {
-        s && B(o.read(() => A()));
+        s && B(o.read(() => v()));
       }),
       r.registerCommand(
         H,
@@ -177,7 +177,7 @@ function xe({
         W,
         (o) => {
           const N = o;
-          return N.target === E.current ? (N.shiftKey ? d(!u) : (D(), d(!0)), !0) : !1;
+          return N.target === E.current ? (N.shiftKey ? u(!d) : (D(), u(!0)), !0) : !1;
         },
         g
       ),
@@ -209,12 +209,12 @@ function xe({
   }, [
     D,
     r,
-    u,
+    d,
     n,
     x,
     L,
     R,
-    d
+    u
   ]), /* @__PURE__ */ p($, { fallback: null, children: [
     /* @__PURE__ */ p(k, { children: [
       /* @__PURE__ */ p("div", { draggable: !1, children: [
@@ -225,7 +225,7 @@ function xe({
             ref: C,
             onClick: () => {
               _("Update Inline Image", (s) => /* @__PURE__ */ e(
-                ue,
+                de,
                 {
                   activeEditor: r,
                   nodeKey: n,
@@ -239,7 +239,7 @@ function xe({
         /* @__PURE__ */ e(
           ce,
           {
-            className: u ? `focused ${v(y) ? "draggable" : ""}` : null,
+            className: d ? `focused ${A(y) ? "draggable" : ""}` : null,
             src: t,
             altText: a,
             imageRef: E,
@@ -266,6 +266,6 @@ function xe({
   ] });
 }
 export {
-  ue as UpdateInlineImageDialog,
+  de as UpdateInlineImageDialog,
   xe as default
 };