@scalar/api-client 2.9.0 → 2.10.0

package/dist/v2/blocks/scalar-operation-block/components/OperationBody.vue2.js

@@ -1,37 +1,37 @@
-import { defineComponent as j, computed as g, createBlock as u, openBlock as i, withCtx as a, createVNode as r, unref as l, createElementVNode as m, toDisplayString as f, createElementBlock as c, Fragment as F, createTextVNode as T } from "vue";
-import { ScalarListbox as h, ScalarButton as y, ScalarIcon as x } from "@scalar/components";
-import N from "../../../../components/CodeInput/CodeInput.vue.js";
-import O from "../../../../components/DataTable/DataTable.vue.js";
-import U from "../../../../components/DataTable/DataTableHeader.vue.js";
-import D from "../../../../components/DataTable/DataTableRow.vue.js";
-import R from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import V from "./OperationTable.vue.js";
-import { getFileName as C } from "../helpers/files.js";
-import { getExampleFromBody as S } from "../helpers/get-request-body-example.js";
-import { useFileDialog as E } from "../../../../hooks/useFileDialog.js";
-const L = {
+import { defineComponent as O, computed as m, createBlock as v, openBlock as u, withCtx as i, createVNode as d, unref as l, createElementVNode as f, toDisplayString as c, createElementBlock as w, Fragment as D, createTextVNode as g } from "vue";
+import { ScalarListbox as S, ScalarButton as b, ScalarIcon as V } from "@scalar/components";
+import { unpackProxyObject as k } from "@scalar/workspace-store/helpers/unpack-proxy";
+import q from "../../../../components/CodeInput/CodeInput.vue.js";
+import A from "../../../../components/DataTable/DataTable.vue.js";
+import E from "../../../../components/DataTable/DataTableHeader.vue.js";
+import L from "../../../../components/DataTable/DataTableRow.vue.js";
+import M from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import B from "./OperationTable.vue.js";
+import { getFileName as F } from "../helpers/files.js";
+import { getExampleFromBody as z } from "../helpers/get-request-body-example.js";
+import { useFileDialog as $ } from "../../../../hooks/useFileDialog.js";
+const K = {
   key: 0,
   class: "text-c-3 flex min-h-10 w-full items-center justify-center border-t p-2 text-sm"
-}, M = {
+}, I = {
   key: 1,
   class: "flex items-center justify-center overflow-hidden border-t p-1.5"
-}, z = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, Q = /* @__PURE__ */ j({
+}, J = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, oe = /* @__PURE__ */ O({
   __name: "OperationBody",
   props: {
     requestBody: {},
-    selectedContentType: {},
     exampleKey: {},
     title: {},
     environment: {},
     envVariables: {}
   },
-  emits: ["update:contentType", "update:value", "add:formRow", "update:formRow"],
-  setup(d, { emit: k }) {
-    const p = k, B = {
+  emits: ["update:contentType", "update:value", "add:formRow", "update:formRow", "delete:fromRow"],
+  setup(s, { emit: N }) {
+    const a = N, U = {
       "application/json": "json",
       "application/xml": "xml",
       "application/yaml": "yaml"
-    }, v = Object.entries({
+    }, j = {
       "multipart/form-data": "Multipart Form",
       "application/x-www-form-urlencoded": "Form URL Encoded",
       "application/octet-stream": "Binary File",
@@ -41,56 +41,63 @@ const L = {
       "application/edn": "EDN",
       other: "Other",
       none: "None"
-    }).map(([t, e]) => ({
-      id: t,
+    }, o = m(() => s.requestBody?.["x-scalar-selected-content-type"]?.[s.exampleKey] ?? Object.keys(s.requestBody?.content ?? {})[0] ?? "other"), y = Object.entries(j).map(([n, e]) => ({
+      id: n,
       label: e
-    })), b = g({
-      get: () => v.find((e) => e.id === d.selectedContentType) ?? v.at(-1),
-      set: (t) => {
-        p("update:contentType", { value: t.id });
+    })), x = m({
+      get: () => y.find(
+        (e) => e.id === o.value
+      ) ?? y.at(-1),
+      set: (n) => {
+        a("update:contentType", { value: n.id });
       }
     });
-    function w(t) {
-      const { open: e } = E({
-        onChange: (n) => {
-          const o = n?.[0];
-          o && t(o);
+    function T(n) {
+      const { open: e } = $({
+        onChange: (t) => {
+          const r = t?.[0];
+          r && n(r);
         },
         multiple: !1,
         accept: "*/*"
       });
       e();
     }
-    const s = g(
-      () => d.requestBody && S(d.requestBody, d.selectedContentType, d.exampleKey)
-    );
-    return (t, e) => (i(), u(R, null, {
-      title: a(() => [
-        T(f(t.title), 1)
+    const p = m(
+      () => s.requestBody && z(s.requestBody, o.value, s.exampleKey)
+    ), C = m(() => {
+      if (!p.value)
+        return "";
+      const n = p.value.value;
+      return typeof n == "string" ? n : JSON.stringify(n, null, 2);
+    }), R = m(() => p.value ? Array.isArray(p.value.value) ? p.value.value : [] : []);
+    return (n, e) => (u(), v(M, null, {
+      title: i(() => [
+        g(c(n.title), 1)
       ]),
-      default: a(() => [
-        r(O, {
+      default: i(() => [
+        d(A, {
           columns: [""],
           presentational: ""
         }, {
-          default: a(() => [
-            r(U, { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between !p-0" }, {
-              default: a(() => [
-                r(l(h), {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (n) => b.value = n),
-                  options: l(v),
+          default: i(() => [
+            d(E, { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between !p-0" }, {
+              default: i(() => [
+                d(l(S), {
+                  modelValue: x.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (t) => x.value = t),
+                  options: l(y),
                   teleport: ""
                 }, {
-                  default: a(() => [
-                    r(l(y), {
+                  default: i(() => [
+                    d(l(b), {
                       class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-3 font-normal",
                       fullWidth: "",
                       variant: "ghost"
                     }, {
-                      default: a(() => [
-                        m("span", null, f(t.selectedContentType), 1),
-                        r(l(x), {
+                      default: i(() => [
+                        f("span", null, c(o.value), 1),
+                        d(l(V), {
                           icon: "ChevronDown",
                           size: "md"
                         })
@@ -103,36 +110,42 @@ const L = {
               ]),
               _: 1
             }),
-            r(D, null, {
-              default: a(() => [
-                t.selectedContentType === "none" ? (i(), c("div", L, [...e[5] || (e[5] = [
-                  m("span", null, "No Body", -1)
-                ])])) : t.selectedContentType === "application/octet-stream" ? (i(), c("div", M, [
-                  l(C)(s.value?.value) !== void 0 ? (i(), c(F, { key: 0 }, [
-                    m("span", z, f(l(C)(s.value?.value)), 1),
-                    r(l(y), {
+            d(L, null, {
+              default: i(() => [
+                o.value === "none" ? (u(), w("div", K, [...e[12] || (e[12] = [
+                  f("span", null, "No Body", -1)
+                ])])) : o.value === "application/octet-stream" ? (u(), w("div", I, [
+                  l(F)(l(k)(p.value?.value)) !== void 0 ? (u(), w(D, { key: 0 }, [
+                    f("span", J, c(l(F)(l(k)(p.value?.value))), 1),
+                    d(l(b), {
                       class: "bg-b-2 hover:bg-b-3 text-c-2 ml-1 border-0 shadow-none",
                       size: "sm",
                       variant: "outlined",
-                      onClick: e[1] || (e[1] = (n) => p("update:value", { value: void 0 }))
+                      onClick: e[1] || (e[1] = (t) => a("update:value", {
+                        value: void 0,
+                        contentType: o.value
+                      }))
                     }, {
-                      default: a(() => [...e[6] || (e[6] = [
-                        T(" Delete ", -1)
+                      default: i(() => [...e[13] || (e[13] = [
+                        g(" Delete ", -1)
                       ])]),
                       _: 1
                     })
-                  ], 64)) : (i(), u(l(y), {
+                  ], 64)) : (u(), v(l(b), {
                     key: 1,
                     class: "bg-b-2 hover:bg-b-3 text-c-2 border-0 shadow-none",
                     size: "sm",
                     variant: "outlined",
-                    onClick: e[2] || (e[2] = () => w(
-                      (n) => p("update:value", { value: n })
+                    onClick: e[2] || (e[2] = () => T(
+                      (t) => a("update:value", {
+                        value: t,
+                        contentType: o.value
+                      })
                     ))
                   }, {
-                    default: a(() => [
-                      e[7] || (e[7] = m("span", null, "Upload File", -1)),
-                      r(l(x), {
+                    default: i(() => [
+                      e[14] || (e[14] = f("span", null, "Upload File", -1)),
+                      d(l(V), {
                         class: "ml-1",
                         icon: "Upload",
                         size: "xs",
@@ -141,46 +154,76 @@ const L = {
                     ]),
                     _: 1
                   }))
-                ])) : t.selectedContentType === "multipart/form-data" ? (i(), u(V, {
+                ])) : o.value === "multipart/form-data" ? (u(), v(B, {
                   key: 2,
-                  data: Object.entries(
-                    typeof s.value?.value == "object" ? s.value.value ?? {} : {}
-                  ).map(([n, o]) => ({
-                    name: n,
-                    value: o
-                  })),
-                  envVariables: t.envVariables,
-                  environment: t.environment,
+                  data: R.value,
+                  envVariables: n.envVariables,
+                  environment: n.environment,
                   showUploadButton: "",
-                  onUploadFile: e[3] || (e[3] = (n) => w((o) => {
-                    if (n !== void 0)
-                      return p("update:formRow", {
-                        index: n,
-                        payload: { value: o ?? void 0 }
+                  onAddRow: e[3] || (e[3] = (t) => a("add:formRow", {
+                    data: t,
+                    contentType: o.value
+                  })),
+                  onUpdateRow: e[4] || (e[4] = (t, r) => a("update:formRow", {
+                    index: t,
+                    data: r,
+                    contentType: o.value
+                  })),
+                  onUploadFile: e[5] || (e[5] = (t) => T((r) => {
+                    if (t !== void 0)
+                      return a("update:formRow", {
+                        index: t,
+                        data: { value: r ?? void 0 },
+                        contentType: o.value
                       });
-                    p("add:formRow", { value: o ?? void 0 });
+                    a("add:formRow", {
+                      data: { value: r ?? void 0 },
+                      contentType: o.value
+                    });
+                  })),
+                  onRemoveFile: e[6] || (e[6] = (t) => a("update:formRow", {
+                    contentType: o.value,
+                    index: t,
+                    data: {
+                      value: null
+                    }
+                  })),
+                  onDeleteRow: e[7] || (e[7] = (t) => a("delete:fromRow", {
+                    contentType: o.value,
+                    index: t
                   }))
-                }, null, 8, ["data", "envVariables", "environment"])) : t.selectedContentType === "application/x-www-form-urlencoded" ? (i(), u(V, {
+                }, null, 8, ["data", "envVariables", "environment"])) : o.value === "application/x-www-form-urlencoded" ? (u(), v(B, {
                   key: 3,
-                  data: Object.entries(
-                    typeof s.value?.value == "object" ? s.value.value : {}
-                  ).map(([n, o]) => ({
-                    name: n,
-                    value: String(o)
+                  data: R.value,
+                  onAddRow: e[8] || (e[8] = (t) => a("add:formRow", {
+                    data: t,
+                    contentType: o.value
+                  })),
+                  onUpdateRow: e[9] || (e[9] = (t, r) => a("update:formRow", {
+                    index: t,
+                    data: r,
+                    contentType: o.value
                   })),
-                  envVariables: t.envVariables,
-                  environment: t.environment
-                }, null, 8, ["data", "envVariables", "environment"])) : (i(), u(N, {
+                  onDeleteRow: e[10] || (e[10] = (t) => a("delete:fromRow", {
+                    contentType: o.value,
+                    index: t
+                  })),
+                  envVariables: n.envVariables,
+                  environment: n.environment
+                }, null, 8, ["data", "envVariables", "environment"])) : (u(), v(q, {
                   key: 4,
                   class: "border-t px-3",
                   content: "",
-                  envVariables: t.envVariables,
-                  environment: t.environment,
-                  language: B[t.selectedContentType] ?? "plaintext",
+                  envVariables: n.envVariables,
+                  environment: n.environment,
+                  language: U[o.value] ?? "plaintext",
                   lineNumbers: "",
                   lint: "",
-                  modelValue: s.value?.value ?? "",
-                  "onUpdate:modelValue": e[4] || (e[4] = (n) => p("update:value", { value: n }))
+                  modelValue: C.value,
+                  "onUpdate:modelValue": e[11] || (e[11] = (t) => a("update:value", {
+                    value: t,
+                    contentType: o.value
+                  }))
                 }, null, 8, ["envVariables", "environment", "language", "modelValue"]))
               ]),
               _: 1
@@ -194,5 +237,5 @@ const L = {
   }
 });
 export {
-  Q as default
+  oe as default
 };

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.vue.d.ts

@@ -8,6 +8,7 @@ type __VLS_Props = {
     label?: string;
     invalidParams?: Set<string>;
     globalRoute?: string;
+    showAddRowPlaceholder?: boolean;
     /** TODO: remove as soon as we migrate to everything to the new store */
     environment: Environment;
     envVariables: EnvVariable[];

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationParams.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationParams.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAInG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAM1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wEAAwE;IACxE,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;eAmBgC,MAAM;;;aARH,MAAM;eAAS,MAAM;;;eAI7C,MAAM;iBACJ,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,OAAO,CAAA;SAAE,CAAC;;;;;eAGxC,MAAM;;;aARH,MAAM;eAAS,MAAM;;;eAI7C,MAAM;iBACJ,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,OAAO,CAAA;SAAE,CAAC;;;;AAoL1E,wBAOG"}
+{"version":3,"file":"OperationParams.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationParams.vue"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAInG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAM1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,wEAAwE;IACxE,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;eAoBgC,MAAM;;;aARH,MAAM;eAAS,MAAM;;;eAI7C,MAAM;iBACJ,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,OAAO,CAAA;SAAE,CAAC;;;;;eAGxC,MAAM;;;aARH,MAAM;eAAS,MAAM;;;eAI7C,MAAM;iBACJ,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,OAAO,CAAA;SAAE,CAAC;;;;AAsL1E,wBAOG"}

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as y, computed as r, createBlock as i, openBlock as s, withCtx as l, createVNode as m, createElementVNode as p, createCommentVNode as R, unref as d, withModifiers as w, createTextVNode as u, toDisplayString as v } from "vue";
-import { ScalarTooltip as C, ScalarButton as V } from "@scalar/components";
-import x from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import P from "./OperationTable.vue.js";
-import { getParameterExample as K } from "../helpers/get-parameter-example.js";
-import { getParameterSchema as h } from "../helpers/get-parameter-schema.js";
-const k = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" }, A = { class: "sr-only" }, E = /* @__PURE__ */ y({
+import { defineComponent as c, computed as n, createBlock as s, openBlock as i, withCtx as l, createVNode as m, createElementVNode as d, createCommentVNode as g, unref as p, withModifiers as h, createTextVNode as u, toDisplayString as f } from "vue";
+import { ScalarTooltip as y, ScalarButton as P } from "@scalar/components";
+import A from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import C from "./OperationTable.vue.js";
+import { getParameterExample as V } from "../helpers/get-parameter-example.js";
+import { getParameterSchema as x } from "../helpers/get-parameter-schema.js";
+const K = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" }, k = { class: "sr-only" }, E = /* @__PURE__ */ c({
   __name: "OperationParams",
   props: {
     parameters: {},
@@ -13,71 +13,73 @@ const k = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
     label: {},
     invalidParams: {},
     globalRoute: {},
+    showAddRowPlaceholder: { type: Boolean, default: !0 },
     environment: {},
     envVariables: {}
   },
   emits: ["add", "update", "delete", "deleteAll"],
-  setup(o, { emit: b }) {
-    const n = b, f = r(
+  setup(o, { emit: v }) {
+    const r = v, b = n(
       () => o.parameters.map((e) => {
-        const t = K(e, o.exampleKey);
+        const a = V(e, o.exampleKey);
         return {
           name: e.name,
-          value: t?.value ?? "",
+          value: a?.value ?? "",
           globalRoute: o.globalRoute,
-          schema: h(e),
+          schema: x(e),
           isRequired: e.required,
-          isDisabled: t?.["x-disabled"] ?? !1
+          isDisabled: a?.["x-disabled"] ?? !1
         };
       })
-    ), g = r(() => o.parameters.length > 1);
-    return (e, t) => (s(), i(x, {
+    ), w = n(() => o.parameters.length > 1);
+    return (e, a) => (i(), s(A, {
       class: "group/params",
       itemCount: e.parameters.length
     }, {
       title: l(() => [
-        u(v(e.title), 1)
+        u(f(e.title), 1)
       ]),
       actions: l(() => [
-        p("div", k, [
-          g.value ? (s(), i(d(C), {
+        d("div", K, [
+          w.value ? (i(), s(p(y), {
             key: 0,
             content: "Clear optional parameters",
             placement: "left"
           }, {
             default: l(() => [
-              m(d(V), {
+              m(p(P), {
                 class: "pr-0.75 pl-1 transition-none",
                 size: "sm",
                 variant: "ghost",
-                onClick: t[0] || (t[0] = w((a) => n("deleteAll"), ["stop"]))
+                onClick: a[0] || (a[0] = h((t) => r("deleteAll"), ["stop"]))
               }, {
                 default: l(() => [
-                  t[4] || (t[4] = u(" Clear ", -1)),
-                  p("span", A, "All " + v(e.title), 1)
+                  a[4] || (a[4] = u(" Clear ", -1)),
+                  d("span", k, "All " + f(e.title), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
-          })) : R("", !0)
+          })) : g("", !0)
         ])
       ]),
       default: l(() => [
-        m(P, {
+        m(C, {
           class: "flex-1",
           columns: ["32px", "", ""],
-          data: f.value,
+          data: b.value,
           envVariables: e.envVariables,
           environment: e.environment,
           exampleKey: e.exampleKey,
           globalRoute: e.globalRoute,
           invalidParams: e.invalidParams,
           label: e.label,
-          onAddRow: t[1] || (t[1] = (a) => n("add", a)),
-          onDeleteRow: t[2] || (t[2] = (a) => n("delete", { index: a })),
-          onUpdateRow: t[3] || (t[3] = (a, c) => n("update", { index: a, payload: c }))
-        }, null, 8, ["data", "envVariables", "environment", "exampleKey", "globalRoute", "invalidParams", "label"])
+          showAddRowPlaceholder: e.showAddRowPlaceholder,
+          onAddRow: a[1] || (a[1] = (t) => r("add", t)),
+          onDeleteRow: a[2] || (a[2] = (t) => r("delete", { index: t })),
+          onUpdateRow: a[3] || (a[3] = (t, R) => r("update", { index: t, payload: R }))
+        }, null, 8, ["data", "envVariables", "environment", "exampleKey", "globalRoute", "invalidParams", "label", "showAddRowPlaceholder"])
       ]),
       _: 1
     }, 8, ["itemCount"]));

package/dist/v2/blocks/scalar-operation-block/components/OperationTable.vue.d.ts

@@ -9,6 +9,7 @@ type __VLS_Props = {
     invalidParams?: Set<string>;
     label?: string;
     showUploadButton?: boolean;
+    showAddRowPlaceholder?: boolean;
     /** TODO: remove once we migrate */
     environment: Environment;
     envVariables: EnvVariable[];

package/dist/v2/blocks/scalar-operation-block/components/OperationTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationTable.vue"],"names":[],"mappings":"AA2JA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAMzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAA0B,EACxB,KAAK,QAAQ,EACd,MAAM,qEAAqE,CAAA;AAE5E,KAAK,WAAW,GAAG;IACf,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8BAA8B;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;aAgBwB,MAAM;eAAS,MAAM;mBAAa,OAAO;;;aALzC,MAAM;eAAS,MAAM;mBAAa,OAAO;;;;;;;aAKzC,MAAM;eAAS,MAAM;mBAAa,OAAO;;;aALzC,MAAM;eAAS,MAAM;mBAAa,OAAO;;;;;;AAoNrE,wBAOG"}
+{"version":3,"file":"OperationTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationTable.vue"],"names":[],"mappings":"AA2KA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAMzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAA0B,EACxB,KAAK,QAAQ,EACd,MAAM,qEAAqE,CAAA;AAE5E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8BAA8B;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;aAqB0B,MAAM;eAAS,MAAM;mBAAa,OAAO;;;aALzC,MAAM;eAAS,MAAM;mBAAa,OAAO;;;;;;;aAKzC,MAAM;eAAS,MAAM;mBAAa,OAAO;;;aALzC,MAAM;eAAS,MAAM;mBAAa,OAAO;;;;;;AA6NrE,wBAOG"}

package/dist/v2/blocks/scalar-operation-block/components/OperationTable.vue.js

@@ -1,7 +1,7 @@
 import o from "./OperationTable.vue2.js";
 /* empty css                    */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ef78e55"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8f9602b0"]]);
 export {
-  p as default
+  e as default
 };

package/dist/v2/blocks/scalar-operation-block/components/OperationTable.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as h, computed as y, createBlock as p, openBlock as r, withCtx as o, createVNode as t, createElementBlock as B, createTextVNode as s, toDisplayString as u, Fragment as D, renderList as F } from "vue";
+import { defineComponent as y, computed as b, createBlock as c, openBlock as i, withCtx as n, createVNode as t, createElementBlock as B, createTextVNode as s, toDisplayString as u, Fragment as D, renderList as F } from "vue";
 import k from "../../../../components/DataTable/DataTable.vue.js";
 import m from "../../../../components/DataTable/DataTableHeader.vue.js";
 import U from "../../../../components/DataTable/DataTableRow.vue.js";
 import V from "./OperationTableRow.vue.js";
-const T = /* @__PURE__ */ h({
+const A = /* @__PURE__ */ y({
   __name: "OperationTable",
   props: {
     data: {},
@@ -12,47 +12,50 @@ const T = /* @__PURE__ */ h({
     invalidParams: {},
     label: {},
     showUploadButton: { type: Boolean },
+    showAddRowPlaceholder: { type: Boolean, default: !0 },
     environment: {},
     envVariables: {}
   },
   emits: ["addRow", "updateRow", "deleteRow", "uploadFile", "removeFile"],
-  setup(n, { emit: b }) {
-    const a = b, v = (e) => {
-      a("uploadFile", e);
-    }, c = ["36px", "", "", "auto"], f = y(() => {
-      const e = n.data.at(-1);
-      return !e || e.name !== "" && e.value !== "" ? [...n.data, { name: "", value: "", isDisabled: !0 }] : n.data;
-    }), R = ({
+  setup(a, { emit: p }) {
+    const l = p, f = (e) => {
+      l("uploadFile", e);
+    }, v = b(() => a.showUploadButton ? ["36px", "", "", "auto"] : ["36px", "", ""]), w = b(() => {
+      if (!a.showAddRowPlaceholder)
+        return a.data;
+      const e = a.data.at(-1);
+      return !e || e.name !== "" || e.value !== "" ? [...a.data, { name: "", value: "", isDisabled: !0 }] : a.data;
+    }), h = ({
       index: e,
-      payload: i
+      payload: d
     }) => {
-      if (e >= n.data.length) {
-        a("addRow", i);
+      if (e >= a.data.length) {
+        l("addRow", d);
         return;
       }
-      a("updateRow", e, i);
+      l("updateRow", e, d);
     };
-    return (e, i) => (r(), p(k, {
+    return (e, d) => (i(), c(k, {
       class: "group/table flex-1",
-      columns: c
+      columns: v.value
     }, {
-      default: o(() => [
+      default: n(() => [
         t(U, { class: "sr-only !block" }, {
-          default: o(() => [
+          default: n(() => [
             t(m, null, {
-              default: o(() => [
+              default: n(() => [
                 s(u(e.label) + " Enabled", 1)
               ]),
               _: 1
             }),
             t(m, null, {
-              default: o(() => [
+              default: n(() => [
                 s(u(e.label) + " Key", 1)
               ]),
               _: 1
             }),
             t(m, null, {
-              default: o(() => [
+              default: n(() => [
                 s(u(e.label) + " Value", 1)
               ]),
               _: 1
@@ -60,9 +63,9 @@ const T = /* @__PURE__ */ h({
           ]),
           _: 1
         }),
-        (r(!0), B(D, null, F(f.value, (w, l) => (r(), p(V, {
-          key: l,
-          data: w,
+        (i(!0), B(D, null, F(w.value, (R, o) => (i(), c(V, {
+          key: o,
+          data: R,
           envVariables: e.envVariables,
           environment: e.environment,
           hasCheckboxDisabled: e.hasCheckboxDisabled,
@@ -70,16 +73,16 @@ const T = /* @__PURE__ */ h({
           isReadOnly: e.isReadOnly,
           label: e.label,
           showUploadButton: e.showUploadButton,
-          onDeleteRow: (d) => a("deleteRow", l),
-          onRemoveFile: (d) => a("removeFile", l),
-          onUpdateRow: (d) => R({ index: l, payload: d }),
-          onUploadFile: () => v(l)
+          onDeleteRow: (r) => l("deleteRow", o),
+          onRemoveFile: (r) => l("removeFile", o),
+          onUpdateRow: (r) => h({ index: o, payload: r }),
+          onUploadFile: () => f(o)
         }, null, 8, ["data", "envVariables", "environment", "hasCheckboxDisabled", "invalidParams", "isReadOnly", "label", "showUploadButton", "onDeleteRow", "onRemoveFile", "onUpdateRow", "onUploadFile"]))), 128))
       ]),
       _: 1
-    }));
+    }, 8, ["columns"]));
   }
 });
 export {
-  T as default
+  A as default
 };

package/dist/v2/blocks/scalar-operation-block/components/OperationTableRow.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationTableRow.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationTableRow.vue"],"names":[],"mappings":"AAwNA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAShG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAC;AAoBF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;;;aAf2B,MAAM;eAAS,MAAM;mBAAa,OAAO;;;;;;;aAAzC,MAAM;eAAS,MAAM;mBAAa,OAAO;;;;;;AA2erE,wBAOG"}
+{"version":3,"file":"OperationTableRow.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationTableRow.vue"],"names":[],"mappings":"AA4NA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAShG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAC;AAoBF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;;;aAf2B,MAAM;eAAS,MAAM;mBAAa,OAAO;;;;;;;aAAzC,MAAM;eAAS,MAAM;mBAAa,OAAO;;;;;;AA+erE,wBAOG"}