@layers-app/editor 0.7.45 → 0.7.46

package/dist/{layers.dO_EcGnI.js → layers.B88sQYuh.js}

@@ -5,7 +5,7 @@ import { useLexicalComposerContext as te } from "@lexical/react/LexicalComposerC
 import { LoadingOverlay as ie } from "@mantine/core";
 import { $getNodeByKey as S, COMMAND_PRIORITY_LOW as oe, $setSelection as ae } from "lexical";
 import { showErrorNotification as ne } from "@layers-app/shared";
-import { u as se, C as re, m as P, a as le, b as de, $ as y, t as he, U as ge, I as ue, E as me, R as fe, p as T } from "./layers.BNRMPVpZ.js";
+import { u as se, C as re, m as P, a as le, b as de, $ as y, t as he, U as ge, I as ue, E as me, R as fe, p as T } from "./layers.BtvuN20E.js";
 const F = (t) => {
   const {
     width: m,

package/dist/layers.BgMykHnn.js

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