@scalar/api-client 2.0.4 → 2.0.6

package/dist/components/DataTable/DataTableInput.vue2.js

@@ -1,11 +1,12 @@
-import { defineComponent as q, ref as l, computed as V, openBlock as n, createBlock as d, normalizeClass as i, withCtx as $, createElementBlock as x, renderSlot as p, createCommentVNode as c, createElementVNode as f, mergeProps as C, unref as S, createVNode as D } from "vue";
+import { defineComponent as B, ref as s, computed as q, openBlock as r, createBlock as d, normalizeClass as p, withCtx as $, createElementBlock as m, renderSlot as f, createCommentVNode as c, createElementVNode as x, mergeProps as C, unref as S, createVNode as D } from "vue";
 import I from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
 import { ScalarIconButton as M } from "@scalar/components";
 import O from "./DataTableCell.vue.js";
-const F = {
+import F from "./DataTableInputEnumSelect.vue.js";
+const N = {
   key: 0,
   class: "text-c-2 flex min-w-[100px] items-center border-r-1/2 pl-2 pr-0"
-}, N = ["id", "readOnly", "required", "type", "value"], T = /* @__PURE__ */ q({
+}, P = ["id", "readOnly", "required", "type", "value"], z = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -14,37 +15,43 @@ const F = {
     containerClass: {},
     required: { type: Boolean, default: !1 },
     modelValue: {},
-    readOnly: { type: Boolean, default: !1 }
+    readOnly: { type: Boolean, default: !1 },
+    enum: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(m, { emit: v }) {
-    const s = m, a = v, o = l(!0), u = l(""), r = l(!1), w = () => {
-      r.value || a("inputBlur");
-    }, y = V(
-      () => s.type === "password" ? o.value ? "password" : "text" : s.type ?? "text"
-    ), h = (e) => {
+  setup(v, { emit: y }) {
+    const o = v, l = y, a = s(!0), i = s(""), n = s(!1), w = () => {
+      n.value || l("inputBlur");
+    }, h = q(
+      () => o.type === "password" ? a.value ? "password" : "text" : o.type ?? "text"
+    ), V = (e) => {
       const t = e.target;
-      u.value = t.value, a("update:modelValue", t.value);
-    }, b = (e) => {
-      a("update:modelValue", e);
-    }, B = () => {
-      r.value = !0;
+      i.value = t.value, l("update:modelValue", t.value);
+    }, k = (e) => {
+      l("update:modelValue", e);
+    }, b = () => {
+      n.value = !0;
     }, g = () => {
-      r.value = !1;
+      n.value = !1;
     };
-    return (e, t) => (n(), d(O, {
-      class: i(["relative row", e.containerClass])
+    return (e, t) => (r(), d(O, {
+      class: p(["relative row", e.containerClass])
     }, {
       default: $(() => [
-        e.$slots.default ? (n(), x("div", F, [
-          p(e.$slots, "default", {}, void 0, !0)
+        e.$slots.default ? (r(), m("div", N, [
+          f(e.$slots, "default", {}, void 0, !0)
         ])) : c("", !0),
-        f("div", {
-          class: i(["group row-1", {
-            "relative after:absolute after:content-['Required'] after:centered-y after:right-0 after:pt-px after:pr-2 after:text-xxs after:font-medium after:text-c-3 after:bg-b-1 after:shadow-[-8px_0_4px_var(--scalar-background-1)] group-has-[:focus]:after:hidden": e.required
+        x("div", {
+          class: p(["group row-1", {
+            "relative required after:absolute after:centered-y after:right-0 after:pt-px after:pr-2 after:text-xxs after:font-medium after:text-c-3 after:bg-b-1 after:shadow-[-8px_0_4px_var(--scalar-background-1)] group-has-[:focus]:after:hidden": e.required
           }])
         }, [
-          f("input", C(e.$attrs, {
+          o.enum && o.enum.length ? (r(), d(F, {
+            key: 0,
+            enum: o.enum,
+            modelValue: o.modelValue,
+            "onUpdate:modelValue": t[0] || (t[0] = (u) => l("update:modelValue", u))
+          }, null, 8, ["enum", "modelValue"])) : (r(), m("input", C({ key: 1 }, e.$attrs, {
             id: e.id,
             autocomplete: "off",
             class: "border-none focus:text-c-1 text-c-2 min-w-0 w-full px-2 py-1.5 outline-none",
@@ -52,26 +59,26 @@ const F = {
             readOnly: e.readOnly,
             required: e.required,
             spellcheck: "false",
-            type: y.value,
+            type: h.value,
             value: e.modelValue,
             onBlur: w,
-            onFocus: t[0] || (t[0] = (k) => a("inputFocus")),
-            onInput: h
-          }), null, 16, N)
+            onFocus: t[1] || (t[1] = (u) => l("inputFocus")),
+            onInput: V
+          }), null, 16, P))
         ], 2),
-        p(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (n(), d(S(M), {
+        f(e.$slots, "icon", {}, void 0, !0),
+        e.type === "password" ? (r(), d(S(M), {
           key: 1,
           class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
-          icon: o.value ? "Show" : "Hide",
-          label: o.value ? "Show Password" : "Hide Password",
-          onClick: t[1] || (t[1] = (k) => o.value = !o.value)
+          icon: a.value ? "Show" : "Hide",
+          label: a.value ? "Show Password" : "Hide Password",
+          onClick: t[2] || (t[2] = (u) => a.value = !a.value)
         }, null, 8, ["icon", "label"])) : c("", !0),
         D(I, {
-          query: u.value,
-          onMousedown: B,
+          query: i.value,
+          onMousedown: b,
           onMouseup: g,
-          onSelect: b
+          onSelect: k
         }, null, 8, ["query"])
       ]),
       _: 3
@@ -79,5 +86,5 @@ const F = {
   }
 });
 export {
-  T as default
+  z as default
 };

package/dist/components/DataTable/DataTableInputEnumSelect.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    modelValue: string | number;
+    enum?: string[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    modelValue: string | number;
+    enum?: string[];
+}>>> & {
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=DataTableInputEnumSelect.vue.d.ts.map

package/dist/components/DataTable/DataTableInputEnumSelect.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableInputEnumSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputEnumSelect.vue"],"names":[],"mappings":";gBA+Hc,MAAM,GAAG,MAAM;WACpB,MAAM,EAAE;;;;gBADH,MAAM,GAAG,MAAM;WACpB,MAAM,EAAE;;;;AA4SjB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/DataTable/DataTableInputEnumSelect.vue.js

@@ -0,0 +1,102 @@
+import { defineComponent as D, computed as b, ref as d, watch as B, openBlock as o, createElementBlock as m, withDirectives as z, withKeys as N, vModelText as j, createBlock as p, unref as t, withCtx as u, Fragment as E, renderList as I, createElementVNode as i, normalizeClass as T, createVNode as s, createTextVNode as A, toDisplayString as w, createCommentVNode as K } from "vue";
+import { ScalarDropdown as $, ScalarDropdownItem as V, ScalarIcon as v, ScalarDropdownDivider as F, ScalarButton as L } from "@scalar/components";
+const M = { class: "w-full" }, U = { class: "flex items-center justify-center h-4 w-4" }, W = /* @__PURE__ */ i("span", null, "Add value", -1), J = /* @__PURE__ */ D({
+  __name: "DataTableInputEnumSelect",
+  props: {
+    modelValue: {},
+    enum: {}
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: y }) {
+    const f = k, x = y, _ = b(() => f.enum ?? []), n = d(f.modelValue.toString()), r = d(!1), l = d("");
+    B(l, (a) => {
+      x("update:modelValue", a);
+    });
+    const h = (a) => {
+      n.value = a, x("update:modelValue", a), r.value = !1;
+    }, g = () => {
+      l.value.trim() && (h(l.value), l.value = "");
+    }, C = () => {
+      l.value.trim() || (n.value = "", r.value = !1);
+    }, S = (a) => n.value === a;
+    return (a, c) => (o(), m("div", M, [
+      r.value ? z((o(), m("input", {
+        key: 0,
+        "onUpdate:modelValue": c[0] || (c[0] = (e) => l.value = e),
+        class: "border-none focus:text-c-1 text-c-2 min-w-0 w-full px-2 py-1.5 outline-none",
+        placeholder: "Value",
+        type: "text",
+        onBlur: C,
+        onKeyup: N(g, ["enter"])
+      }, null, 544)), [
+        [j, l.value]
+      ]) : (o(), p(t($), {
+        key: 1,
+        resize: "",
+        value: n.value
+      }, {
+        items: u(() => [
+          (o(!0), m(E, null, I(_.value, (e) => (o(), p(t(V), {
+            key: e,
+            class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
+            value: e,
+            onClick: (q) => h(e)
+          }, {
+            default: u(() => [
+              i("div", {
+                class: T([
+                  "flex items-center justify-center rounded-full p-[3px] group-hover/item:shadow-border",
+                  S(e) ? "bg-blue text-b-1" : "text-transparent"
+                ])
+              }, [
+                s(t(v), {
+                  class: "size-2.5 stroke-[1.75]",
+                  icon: "Checkmark"
+                })
+              ], 2),
+              A(" " + w(e), 1)
+            ]),
+            _: 2
+          }, 1032, ["value", "onClick"]))), 128)),
+          s(t(F)),
+          s(t(V), {
+            class: "flex items-center gap-1.5",
+            onClick: c[1] || (c[1] = (e) => r.value = !0)
+          }, {
+            default: u(() => [
+              i("div", U, [
+                s(t(v), {
+                  class: "h-2.5",
+                  icon: "Add"
+                })
+              ]),
+              W
+            ]),
+            _: 1
+          })
+        ]),
+        default: u(() => [
+          s(t(L), {
+            class: "gap-1.5 font-normal h-full justify-start px-2 py-1.5",
+            fullWidth: "",
+            variant: "ghost"
+          }, {
+            default: u(() => [
+              i("span", null, w(n.value || "Select a value"), 1),
+              n.value ? K("", !0) : (o(), p(t(v), {
+                key: 0,
+                icon: "ChevronDown",
+                size: "xs"
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"]))
+    ]));
+  }
+});
+export {
+  J as default
+};

package/dist/components/DataTable/DataTableInputEnumSelect.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DataTableInputEnumSelect.vue.js";
+export {
+  f as default
+};

package/dist/components/SideNav/SideNavLink.vue.js

@@ -12,12 +12,12 @@ const d = { class: "sr-only" }, k = /* @__PURE__ */ t({
       const o = n("router-link");
       return r(), s(o, {
         activeClass: "active-link",
-        class: a(["w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-2", { "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active }]),
+        class: a(["w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-[7px]", { "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active }]),
         to: e.path
       }, {
         default: c(() => [
           l(i(m), {
-            class: "stroke-[0.75]",
+            class: "stroke-[1.5]",
             icon: e.icon
           }, null, 8, ["icon"]),
           p("span", d, [

package/dist/constants.js

@@ -2,7 +2,7 @@ const e = [
   { label: "Requests", icon: "ExternalLink", path: "/request" },
   { label: "Cookies", icon: "Cookie", path: "/cookies" },
   { label: "Environment", icon: "Brackets", path: "/environment" },
-  { label: "Servers", icon: "CodeFolder", path: "/servers" }
+  { label: "Servers", icon: "Server", path: "/servers" }
   // { label: 'Git Sync', icon: 'Branch', path: '/git-sync' },
 ];
 export {