@layers-app/editor 0.7.16 → 0.7.18

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.usKC_Id5.js

@@ -0,0 +1 @@
+"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;