@scalar/api-client 2.1.2 → 2.1.5

package/dist/views/Request/RequestSidebarItemMenu.vue2.js

@@ -1,95 +1,145 @@
-import { defineComponent as _, computed as g, openBlock as u, createBlock as f, unref as e, withCtx as o, createVNode as t, createCommentVNode as C, pushScopeId as S, popScopeId as v, createElementVNode as r } from "vue";
-import { ScalarDropdown as E, ScalarDropdownItem as c, ScalarIcon as i, ScalarButton as y } from "@scalar/components";
-import { commandPaletteBus as z } from "../../libs/event-busses/command-palette-bus.js";
-const m = (l) => (S("data-v-d6fc1c6f"), l = l(), v(), l), I = /* @__PURE__ */ m(() => /* @__PURE__ */ r("span", null, "Add Example", -1)), B = /* @__PURE__ */ m(() => /* @__PURE__ */ r("span", null, "Rename", -1)), D = /* @__PURE__ */ m(() => /* @__PURE__ */ r("span", null, "Delete", -1)), q = /* @__PURE__ */ _({
+import { defineComponent as A, ref as y, watch as L, onMounted as P, onBeforeUnmount as V, openBlock as p, createElementBlock as K, Fragment as T, createBlock as E, unref as n, withKeys as U, withCtx as i, createVNode as a, createCommentVNode as C, pushScopeId as W, popScopeId as F, createElementVNode as v } from "vue";
+import j from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import G from "../../components/Sidebar/Actions/RenameSidebarListElement.vue.js";
+import { PathId as x } from "../../router.js";
+import { useModal as D, ScalarDropdown as H, ScalarDropdownItem as f, ScalarIcon as I, ScalarModal as S } from "@scalar/components";
+import { useRouter as J } from "vue-router";
+import { useWorkspace as O } from "../../store/store.js";
+import { commandPaletteBus as Q } from "../../libs/event-busses/command-palette-bus.js";
+const k = (s) => (W("data-v-59cf3dad"), s = s(), F(), s), X = /* @__PURE__ */ k(() => /* @__PURE__ */ v("span", null, "Add Example", -1)), Y = /* @__PURE__ */ k(() => /* @__PURE__ */ v("span", null, "Rename", -1)), Z = /* @__PURE__ */ k(() => /* @__PURE__ */ v("span", null, "Delete", -1)), re = /* @__PURE__ */ A({
   __name: "RequestSidebarItemMenu",
   props: {
-    item: {},
-    resourceTitle: {},
-    static: { type: Boolean, default: !1 }
+    menuItem: {}
   },
-  emits: ["delete", "rename"],
-  setup(l, { emit: x }) {
-    const a = l, d = x, h = () => z.emit({
-      commandName: "Add Example",
-      metaData: {
-        itemUid: a.item.uid
-      }
-    }), k = g(() => "summary" in a.item);
-    return (p, s) => (u(), f(e(E), {
-      static: p.static,
-      teleport: !p.static
-    }, {
-      items: o(() => [
-        k.value ? (u(), f(e(c), {
+  emits: ["closeMenu"],
+  setup(s, { emit: N }) {
+    const o = s, _ = N, { replace: w } = J(), { activeWorkspace: R, activeRouterParams: $ } = O(), g = y(""), r = D(), c = D(), q = () => {
+      var e;
+      return Q.emit({
+        commandName: "Add Example",
+        metaData: {
+          itemUid: (e = o.menuItem.item) == null ? void 0 : e.entity.uid
+        }
+      });
+    }, z = () => {
+      var e;
+      g.value = ((e = o.menuItem.item) == null ? void 0 : e.title) || "", r.show();
+    }, B = (e) => {
+      var t;
+      g.value = e, (t = o.menuItem.item) == null || t.rename(e), r.hide();
+    }, b = () => {
+      var e, t, l;
+      (e = o.menuItem.item) == null || e.delete(), $.value[x.Request] === ((t = o.menuItem.item) == null ? void 0 : t.entity.uid) && w(`/workspace/${R.value.uid}/request/default`), $.value[x.Examples] === ((l = o.menuItem.item) == null ? void 0 : l.entity.uid) && w(`/workspace/${R.value}/request/default`);
+    }, u = y(null);
+    L([() => o.menuItem.open, u], async ([e]) => {
+      var t, l;
+      e && ((l = (t = u.value) == null ? void 0 : t.$parent) != null && l.$el) && u.value.$parent.$el.focus();
+    });
+    const h = () => o.menuItem.open && _("closeMenu");
+    return P(() => window.addEventListener("click", h)), V(() => window.removeEventListener("click", h)), (e, t) => {
+      var l, M;
+      return p(), K(T, null, [
+        e.menuItem.targetRef && e.menuItem.open ? (p(), E(n(H), {
           key: 0,
-          class: "flex gap-2",
-          onClick: h
+          static: "",
+          targetRef: e.menuItem.targetRef,
+          teleport: "",
+          onKeydown: t[1] || (t[1] = U((m) => e.$emit("closeMenu"), ["escape"]))
         }, {
-          default: o(() => [
-            t(e(i), {
-              class: "inline-flex",
-              icon: "Example",
-              size: "md",
-              thickness: "1.5"
-            }),
-            I
-          ]),
+          items: i(() => {
+            var m;
+            return [
+              ((m = e.menuItem.item) == null ? void 0 : m.entity.type) === "request" ? (p(), E(n(f), {
+                key: 0,
+                class: "flex gap-2",
+                onClick: q
+              }, {
+                default: i(() => [
+                  a(n(I), {
+                    class: "inline-flex",
+                    icon: "Example",
+                    size: "md",
+                    thickness: "1.5"
+                  }),
+                  X
+                ]),
+                _: 1
+              })) : C("", !0),
+              a(n(f), {
+                ref_key: "menuRef",
+                ref: u,
+                class: "flex gap-2",
+                onClick: z
+              }, {
+                default: i(() => [
+                  a(n(I), {
+                    class: "inline-flex",
+                    icon: "Edit",
+                    size: "md",
+                    thickness: "1.5"
+                  }),
+                  Y
+                ]),
+                _: 1
+              }, 512),
+              a(n(f), {
+                class: "flex gap-2",
+                onClick: t[0] || (t[0] = (d) => n(c).show())
+              }, {
+                default: i(() => [
+                  a(n(I), {
+                    class: "inline-flex",
+                    icon: "Delete",
+                    size: "md",
+                    thickness: "1.5"
+                  }),
+                  Z
+                ]),
+                _: 1
+              })
+            ];
+          }),
           _: 1
-        })) : C("", !0),
-        t(e(c), {
-          class: "flex gap-2",
-          onClick: s[1] || (s[1] = (n) => d("rename"))
+        }, 8, ["targetRef"])) : C("", !0),
+        a(n(S), {
+          size: "xxs",
+          state: n(c),
+          title: `Delete ${(l = e.menuItem.item) == null ? void 0 : l.resourceTitle}`
         }, {
-          default: o(() => [
-            t(e(i), {
-              class: "inline-flex",
-              icon: "Edit",
-              size: "md",
-              thickness: "1.5"
-            }),
-            B
-          ]),
+          default: i(() => {
+            var m, d;
+            return [
+              a(j, {
+                variableName: ((m = e.menuItem.item) == null ? void 0 : m.title) ?? "",
+                warningMessage: (d = e.menuItem.item) == null ? void 0 : d.warning,
+                onClose: t[2] || (t[2] = (ee) => n(c).hide()),
+                onDelete: b
+              }, null, 8, ["variableName", "warningMessage"])
+            ];
+          }),
           _: 1
-        }),
-        t(e(c), {
-          class: "flex gap-2",
-          onClick: s[2] || (s[2] = (n) => d("delete"))
+        }, 8, ["state", "title"]),
+        a(n(S), {
+          size: "xxs",
+          state: n(r),
+          title: `Rename ${(M = e.menuItem.item) == null ? void 0 : M.resourceTitle}`
         }, {
-          default: o(() => [
-            t(e(i), {
-              class: "inline-flex",
-              icon: "Delete",
-              size: "md",
-              thickness: "1.5"
-            }),
-            D
-          ]),
+          default: i(() => {
+            var m;
+            return [
+              a(G, {
+                name: ((m = e.menuItem.item) == null ? void 0 : m.title) ?? "",
+                onClose: t[3] || (t[3] = (d) => n(r).hide()),
+                onRename: B
+              }, null, 8, ["name"])
+            ];
+          }),
           _: 1
-        })
-      ]),
-      default: o(() => [
-        t(e(y), {
-          class: "px-0.5 py-0 z-10 hover:bg-b-3 hidden group-hover:flex ui-open:flex absolute -translate-y-1/2 right-0 aspect-square inset-y-2/4 h-fit",
-          size: "sm",
-          variant: "ghost",
-          onClick: s[0] || (s[0] = (n) => {
-            (a.resourceTitle === "Collection" || a.resourceTitle === "Folder") && n.stopPropagation();
-          })
-        }, {
-          default: o(() => [
-            t(e(i), {
-              icon: "Ellipses",
-              size: "sm"
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["static", "teleport"]));
+        }, 8, ["state", "title"])
+      ], 64);
+    };
   }
 });
 export {
-  q as default
+  re as default
 };

package/dist/views/Request/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sidebar-item';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Request/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/views/Request/types/index.js

@@ -0,0 +1 @@
+

package/dist/views/Request/types/sidebar-item.d.ts

@@ -0,0 +1,23 @@
+import type { Collection, Request, RequestExample, RequestMethod, Tag } from '@scalar/oas-utils/entities/spec';
+export type SidebarItem = {
+    title: string;
+    entity: Collection | Tag | Request | RequestExample;
+    resourceTitle: string;
+    children: string[];
+    method?: RequestMethod;
+    link?: string;
+    warning?: string;
+    rename: (name: string) => void;
+    delete: () => void;
+};
+export type SidebarMenuItem = {
+    /** The resource which we are opening the menu for */
+    item?: SidebarItem;
+    /** Array of parentUids used when nesting in the sidemenu */
+    parentUids?: string[];
+    /** Target ref from the button which triggered the menu for positioning */
+    targetRef?: HTMLButtonElement;
+    /** Controls wether the menu is open or not */
+    open: boolean;
+};
+//# sourceMappingURL=sidebar-item.d.ts.map

package/dist/views/Request/types/sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/types/sidebar-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,EACP,cAAc,EACd,aAAa,EACb,GAAG,EACJ,MAAM,iCAAiC,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,UAAU,GAAG,GAAG,GAAG,OAAO,GAAG,cAAc,CAAA;IACnD,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,qDAAqD;IACrD,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,8CAA8C;IAC9C,IAAI,EAAE,OAAO,CAAA;CACd,CAAA"}

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.1.2",
+  "version": "2.1.5",
   "engines": {
     "node": ">=18"
   },
@@ -29,6 +29,10 @@
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
+    "./views/Request/types": {
+      "import": "./dist/views/Request/types/index.js",
+      "types": "./dist/views/Request/types/index.d.ts"
+    },
     "./views/Request/libs": {
       "import": "./dist/views/Request/libs/index.js",
       "types": "./dist/views/Request/libs/index.d.ts"
@@ -125,23 +129,24 @@
     "vue-router": "^4.3.0",
     "whatwg-mimetype": "^4.0.0",
     "zod": "^3.23.8",
-    "@scalar/components": "0.12.45",
+    "@scalar/components": "0.12.46",
     "@scalar/draggable": "0.1.5",
-    "@scalar/oas-utils": "0.2.44",
+    "@scalar/oas-utils": "0.2.46",
     "@scalar/object-utils": "1.1.8",
+    "@scalar/openapi-parser": "0.8.3",
     "@scalar/openapi-types": "0.1.1",
     "@scalar/themes": "0.9.30",
     "@scalar/types": "0.0.9",
-    "@scalar/openapi-parser": "0.8.3",
+    "@scalar/use-codemirror": "0.11.12",
     "@scalar/use-toasts": "0.7.6",
-    "@scalar/use-tooltip": "1.0.2",
-    "@scalar/use-codemirror": "0.11.11"
+    "@scalar/use-tooltip": "1.0.2"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.8",
     "@types/js-cookie": "^3.0.6",
     "@types/whatwg-mimetype": "^3.0.2",
     "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/test-utils": "^2.4.1",
     "autoprefixer": "^10.4.19",
     "jsdom": "^22.1.0",
     "postcss": "^8.4.38",