@scalar/api-client 2.38.3 → 2.39.0

package/dist/v2/blocks/request-block/components/RequestParams.vue.script.js

@@ -0,0 +1,97 @@
+import RequestTable_default from "./RequestTable.vue.js";
+import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { ScalarButton, ScalarTooltip } from "@scalar/components";
+//#region src/v2/blocks/request-block/components/RequestParams.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" };
+var _hoisted_2 = { class: "sr-only" };
+var RequestParams_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestParams",
+	props: {
+		rows: {},
+		exampleKey: {},
+		title: {},
+		label: {},
+		invalidParams: {},
+		globalRoute: {},
+		showAddRowPlaceholder: {
+			type: Boolean,
+			default: true
+		},
+		environment: {},
+		eventBus: {}
+	},
+	emits: [
+		"upsert",
+		"delete",
+		"deleteAll"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const showTooltip = computed(() => __props.rows.length > 1);
+		/** Needed for type guard */
+		const handleUpserRow = (index, payload) => {
+			const { value, ...rest } = payload;
+			if (value instanceof File) return;
+			emit("upsert", index, {
+				...rest,
+				value: value ?? ""
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsibleSection_default), {
+				class: "group/params",
+				itemCount: __props.rows.length
+			}, {
+				title: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+				actions: withCtx(() => [createElementVNode("div", _hoisted_1, [showTooltip.value ? (openBlock(), createBlock(unref(ScalarTooltip), {
+					key: 0,
+					content: "Clear optional parameters",
+					placement: "left"
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "pr-0.75 pl-1 transition-none",
+						size: "sm",
+						variant: "ghost",
+						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("deleteAll"), ["stop"]))
+					}, {
+						default: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(" Clear ", -1)), createElementVNode("span", _hoisted_2, "All " + toDisplayString(__props.title), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})) : createCommentVNode("", true)])]),
+				default: withCtx(() => [createVNode(RequestTable_default, {
+					class: "flex-1",
+					columns: [
+						"32px",
+						"",
+						""
+					],
+					data: __props.rows,
+					environment: __props.environment,
+					exampleKey: __props.exampleKey,
+					globalRoute: __props.globalRoute,
+					invalidParams: __props.invalidParams,
+					label: __props.label,
+					showAddRowPlaceholder: __props.showAddRowPlaceholder,
+					onDeleteRow: _cache[1] || (_cache[1] = (index) => emit("delete", { index })),
+					onNavigate: _cache[2] || (_cache[2] = (route) => __props.eventBus.emit("ui:navigate", route)),
+					onUpsertRow: handleUpserRow
+				}, null, 8, [
+					"data",
+					"environment",
+					"exampleKey",
+					"globalRoute",
+					"invalidParams",
+					"label",
+					"showAddRowPlaceholder"
+				])]),
+				_: 1
+			}, 8, ["itemCount"]);
+		};
+	}
+});
+//#endregion
+export { RequestParams_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestParams.vue.script.js.map

package/dist/v2/blocks/request-block/components/RequestParams.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestParams.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestParams.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarTooltip } from '@scalar/components'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport RequestTable from './RequestTable.vue'\nimport type { TableRow } from './RequestTableRow.vue'\n\nconst {\n  rows,\n  exampleKey,\n  environment,\n  title,\n  globalRoute,\n  showAddRowPlaceholder = true,\n  eventBus,\n} = defineProps<{\n  rows: TableRow[]\n  exampleKey: string\n  title: string\n  label?: string\n  invalidParams?: Set<string>\n  globalRoute?: string\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'upsert',\n    index: number,\n    payload: ApiReferenceEvents['operation:upsert:parameter']['payload'],\n  ): void\n  (e: 'delete', payload: { index: number }): void\n  (e: 'deleteAll'): void\n}>()\n\nconst showTooltip = computed(() => rows.length > 1)\n\n/** Needed for type guard */\nconst handleUpserRow = (\n  index: number,\n  payload: {\n    name: string\n    value: string | File | undefined\n    isDisabled: boolean\n  },\n) => {\n  const { value, ...rest } = payload\n\n  // Type guard here as we cannot add files to params\n  if (value instanceof File) {\n    return\n  }\n\n  emit('upsert', index, { ...rest, value: value ?? '' })\n}\n</script>\n<template>\n  <CollapsibleSection\n    class=\"group/params\"\n    :itemCount=\"rows.length\">\n    <template #title>{{ title }}</template>\n    <template #actions>\n      <div\n        class=\"text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100\">\n        <ScalarTooltip\n          v-if=\"showTooltip\"\n          content=\"Clear optional parameters\"\n          placement=\"left\">\n          <ScalarButton\n            class=\"pr-0.75 pl-1 transition-none\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click.stop=\"emit('deleteAll')\">\n            Clear\n            <span class=\"sr-only\">All {{ title }}</span>\n          </ScalarButton>\n        </ScalarTooltip>\n      </div>\n    </template>\n    <RequestTable\n      class=\"flex-1\"\n      :columns=\"['32px', '', '']\"\n      :data=\"rows\"\n      :environment=\"environment\"\n      :exampleKey=\"exampleKey\"\n      :globalRoute=\"globalRoute\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showAddRowPlaceholder=\"showAddRowPlaceholder\"\n      @deleteRow=\"(index) => emit('delete', { index })\"\n      @navigate=\"(route) => eventBus.emit('ui:navigate', route)\"\n      @upsertRow=\"handleUpserRow\" />\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,OAAO;EAUb,MAAM,cAAc,eAAe,QAAA,KAAK,SAAS,EAAC;;EAGlD,MAAM,kBACJ,OACA,YAKG;GACH,MAAM,EAAE,OAAO,GAAG,SAAS;AAG3B,OAAI,iBAAiB,KACnB;AAGF,QAAK,UAAU,OAAO;IAAE,GAAG;IAAM,OAAO,SAAS;IAAI,CAAA;;;uBAIrD,YAmCqB,MAAA,2BAAA,EAAA;IAlCnB,OAAM;IACL,WAAW,QAAA,KAAK;;IACN,OAAK,cAAY,CAAA,gBAAA,gBAAR,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA;IACd,SAAO,cAgBV,CAfN,mBAeM,OAfN,YAeM,CAZI,YAAA,SAAA,WAAA,EADR,YAYgB,MAAA,cAAA,EAAA;;KAVd,SAAQ;KACR,WAAU;;4BAQK,CAPf,YAOe,MAAA,aAAA,EAAA;MANb,OAAM;MACN,MAAK;MACL,SAAQ;MACP,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAO,KAAI,YAAA,EAAA,CAAA,OAAA,CAAA;;6BAEjB,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFgC,WAEhC,GAAA,GAAA,mBAA4C,QAA5C,YAAsB,SAAI,gBAAG,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;2BAiBV,CAZhC,YAYgC,sBAAA;KAX9B,OAAM;KACL,SAAS;MAAA;MAAA;MAAA;MAAgB;KACzB,MAAM,QAAA;KACN,aAAa,QAAA;KACb,YAAY,QAAA;KACZ,aAAa,QAAA;KACb,eAAe,QAAA;KACf,OAAO,QAAA;KACP,uBAAuB,QAAA;KACvB,aAAS,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,UAAA,EAAa,OAAK,CAAA;KAC5C,YAAQ,OAAA,OAAA,OAAA,MAAG,UAAU,QAAA,SAAS,KAAI,eAAgB,MAAK;KACvD,aAAW"}

package/dist/v2/blocks/request-block/components/RequestTable.vue.d.ts

@@ -1,5 +1,5 @@
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
-import { type TableRow } from '@/v2/blocks/request-block/components/RequestTableRow.vue';
+import { type TableRow } from '../../../../v2/blocks/request-block/components/RequestTableRow.vue.js';
 type __VLS_Props = {
     data: TableRow[];
     /** Hide the enabled column */

package/dist/v2/blocks/request-block/components/RequestTable.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import RequestTable_vue_vue_type_script_setup_true_lang_default from "./RequestTable.vue.script.js";
+/* empty css                           */
+//#region src/v2/blocks/request-block/components/RequestTable.vue
+var RequestTable_default = /* @__PURE__ */ _plugin_vue_export_helper_default(RequestTable_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-36811e28"]]);
+//#endregion
+export { RequestTable_default as default };
+
+//# sourceMappingURL=RequestTable.vue.js.map

package/dist/v2/blocks/request-block/components/RequestTable.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestTable.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport RequestTableRow, {\n  type TableRow,\n} from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst {\n  data,\n  hasCheckboxDisabled,\n  showUploadButton,\n  showAddRowPlaceholder = true,\n  environment,\n} = defineProps<{\n  data: TableRow[]\n  /** Hide the enabled column */\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  showUploadButton?: boolean\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n}>()\n\n/**\n * Make this component more generic that can be used also for the operation body\n */\nconst emit = defineEmits<{\n  (\n    e: 'upsertRow',\n    index: number,\n    payload: {\n      name: string\n      value: string | File | undefined\n      isDisabled: boolean\n    },\n  ): void\n  (e: 'deleteRow', index: number): void\n\n  /**\n   * File upload events\n   *\n   * Each row has its own upload button, so we need to know which row to update\n   * when the file is selected.\n   */\n  (e: 'uploadFile', index: number): void\n  (e: 'removeFile', index: number): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n}>()\n\nconst columns = computed(() => {\n  if (showUploadButton) {\n    return ['36px', '', '', 'auto']\n  }\n  return ['36px', '', '']\n})\n\n/** Add the last empty row (for ui purposes only) */\nconst displayData = computed(() => {\n  if (!showAddRowPlaceholder) {\n    return data\n  }\n\n  const last = data.at(-1)\n\n  if (!last || last.name !== '' || last.value !== '') {\n    return [...data, { name: '', value: '', isDisabled: true }]\n  }\n\n  return data\n})\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>{{ label }} Enabled</DataTableHeader>\n      <DataTableHeader>{{ label }} Key</DataTableHeader>\n      <DataTableHeader>{{ label }} Value</DataTableHeader>\n    </DataTableRow>\n\n    <RequestTableRow\n      v-for=\"(row, index) in displayData\"\n      :key=\"index\"\n      :data=\"row\"\n      :environment=\"environment\"\n      :hasCheckboxDisabled=\"hasCheckboxDisabled\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showUploadButton=\"showUploadButton\"\n      @deleteRow=\"emit('deleteRow', index)\"\n      @navigate=\"(route) => emit('navigate', route)\"\n      @removeFile=\"emit('removeFile', index)\"\n      @uploadFile=\"emit('uploadFile', index)\"\n      @upsertRow=\"(payload) => emit('upsertRow', index, payload)\" />\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n.filemask {\n  mask-image: linear-gradient(\n    to right,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/request-block/components/RequestTable.vue.script.js

@@ -0,0 +1,113 @@
+import DataTable_default from "../../../components/data-table/DataTable.vue.js";
+import DataTableHeader_default from "../../../components/data-table/DataTableHeader.vue.js";
+import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
+import RequestTableRow_default from "./RequestTableRow.vue.js";
+import { Fragment, computed, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/v2/blocks/request-block/components/RequestTable.vue?vue&type=script&setup=true&lang.ts
+var RequestTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestTable",
+	props: {
+		data: {},
+		hasCheckboxDisabled: { type: Boolean },
+		invalidParams: {},
+		label: {},
+		showUploadButton: { type: Boolean },
+		showAddRowPlaceholder: {
+			type: Boolean,
+			default: true
+		},
+		environment: {}
+	},
+	emits: [
+		"upsertRow",
+		"deleteRow",
+		"uploadFile",
+		"removeFile",
+		"navigate"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Make this component more generic that can be used also for the operation body
+		*/
+		const emit = __emit;
+		const columns = computed(() => {
+			if (__props.showUploadButton) return [
+				"36px",
+				"",
+				"",
+				"auto"
+			];
+			return [
+				"36px",
+				"",
+				""
+			];
+		});
+		/** Add the last empty row (for ui purposes only) */
+		const displayData = computed(() => {
+			if (!__props.showAddRowPlaceholder) return __props.data;
+			const last = __props.data.at(-1);
+			if (!last || last.name !== "" || last.value !== "") return [...__props.data, {
+				name: "",
+				value: "",
+				isDisabled: true
+			}];
+			return __props.data;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DataTable_default), {
+				class: "group/table flex-1",
+				columns: columns.value
+			}, {
+				default: withCtx(() => [createVNode(unref(DataTableRow_default), { class: "sr-only !block" }, {
+					default: withCtx(() => [
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Enabled", 1)]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Key", 1)]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Value", 1)]),
+							_: 1
+						})
+					]),
+					_: 1
+				}), (openBlock(true), createElementBlock(Fragment, null, renderList(displayData.value, (row, index) => {
+					return openBlock(), createBlock(RequestTableRow_default, {
+						key: index,
+						data: row,
+						environment: __props.environment,
+						hasCheckboxDisabled: __props.hasCheckboxDisabled,
+						invalidParams: __props.invalidParams,
+						label: __props.label,
+						showUploadButton: __props.showUploadButton,
+						onDeleteRow: ($event) => emit("deleteRow", index),
+						onNavigate: _cache[0] || (_cache[0] = (route) => emit("navigate", route)),
+						onRemoveFile: ($event) => emit("removeFile", index),
+						onUploadFile: ($event) => emit("uploadFile", index),
+						onUpsertRow: (payload) => emit("upsertRow", index, payload)
+					}, null, 8, [
+						"data",
+						"environment",
+						"hasCheckboxDisabled",
+						"invalidParams",
+						"label",
+						"showUploadButton",
+						"onDeleteRow",
+						"onRemoveFile",
+						"onUploadFile",
+						"onUpsertRow"
+					]);
+				}), 128))]),
+				_: 1
+			}, 8, ["columns"]);
+		};
+	}
+});
+//#endregion
+export { RequestTable_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestTable.vue.script.js.map

package/dist/v2/blocks/request-block/components/RequestTable.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestTable.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport RequestTableRow, {\n  type TableRow,\n} from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst {\n  data,\n  hasCheckboxDisabled,\n  showUploadButton,\n  showAddRowPlaceholder = true,\n  environment,\n} = defineProps<{\n  data: TableRow[]\n  /** Hide the enabled column */\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  showUploadButton?: boolean\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n}>()\n\n/**\n * Make this component more generic that can be used also for the operation body\n */\nconst emit = defineEmits<{\n  (\n    e: 'upsertRow',\n    index: number,\n    payload: {\n      name: string\n      value: string | File | undefined\n      isDisabled: boolean\n    },\n  ): void\n  (e: 'deleteRow', index: number): void\n\n  /**\n   * File upload events\n   *\n   * Each row has its own upload button, so we need to know which row to update\n   * when the file is selected.\n   */\n  (e: 'uploadFile', index: number): void\n  (e: 'removeFile', index: number): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n}>()\n\nconst columns = computed(() => {\n  if (showUploadButton) {\n    return ['36px', '', '', 'auto']\n  }\n  return ['36px', '', '']\n})\n\n/** Add the last empty row (for ui purposes only) */\nconst displayData = computed(() => {\n  if (!showAddRowPlaceholder) {\n    return data\n  }\n\n  const last = data.at(-1)\n\n  if (!last || last.name !== '' || last.value !== '') {\n    return [...data, { name: '', value: '', isDisabled: true }]\n  }\n\n  return data\n})\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>{{ label }} Enabled</DataTableHeader>\n      <DataTableHeader>{{ label }} Key</DataTableHeader>\n      <DataTableHeader>{{ label }} Value</DataTableHeader>\n    </DataTableRow>\n\n    <RequestTableRow\n      v-for=\"(row, index) in displayData\"\n      :key=\"index\"\n      :data=\"row\"\n      :environment=\"environment\"\n      :hasCheckboxDisabled=\"hasCheckboxDisabled\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showUploadButton=\"showUploadButton\"\n      @deleteRow=\"emit('deleteRow', index)\"\n      @navigate=\"(route) => emit('navigate', route)\"\n      @removeFile=\"emit('removeFile', index)\"\n      @uploadFile=\"emit('uploadFile', index)\"\n      @upsertRow=\"(payload) => emit('upsertRow', index, payload)\" />\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n.filemask {\n  mask-image: linear-gradient(\n    to right,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,OAAO;EAuBb,MAAM,UAAU,eAAe;AAC7B,OAAI,QAAA,iBACF,QAAO;IAAC;IAAQ;IAAI;IAAI;IAAM;AAEhC,UAAO;IAAC;IAAQ;IAAI;IAAE;IACvB;;EAGD,MAAM,cAAc,eAAe;AACjC,OAAI,CAAC,QAAA,sBACH,QAAO,QAAA;GAGT,MAAM,OAAO,QAAA,KAAK,GAAG,GAAE;AAEvB,OAAI,CAAC,QAAQ,KAAK,SAAS,MAAM,KAAK,UAAU,GAC9C,QAAO,CAAC,GAAG,QAAA,MAAM;IAAE,MAAM;IAAI,OAAO;IAAI,YAAY;IAAM,CAAA;AAG5D,UAAO,QAAA;IACR;;uBAGC,YAuBY,MAAA,kBAAA,EAAA;IAtBV,OAAM;IACL,SAAS,QAAA;;2BAKK,CAJf,YAIe,MAAA,qBAAA,EAAA,EAJD,OAAM,kBAAgB,EAAA;4BACoB;MAAtD,YAAsD,MAAA,wBAAA,EAAA,MAAA;8BAA1B,CAAA,gBAAA,gBAAR,QAAA,MAAK,GAAG,YAAQ,EAAA,CAAA,CAAA;;;MACpC,YAAkD,MAAA,wBAAA,EAAA,MAAA;8BAAtB,CAAA,gBAAA,gBAAR,QAAA,MAAK,GAAG,QAAI,EAAA,CAAA,CAAA;;;MAChC,YAAoD,MAAA,wBAAA,EAAA,MAAA;8BAAxB,CAAA,gBAAA,gBAAR,QAAA,MAAK,GAAG,UAAM,EAAA,CAAA,CAAA;;;;;0BAGpC,mBAagE,UAAA,MAAA,WAZvC,YAAA,QAAf,KAAK,UAAK;yBADpB,YAagE,yBAAA;MAX7D,KAAK;MACL,MAAM;MACN,aAAa,QAAA;MACb,qBAAqB,QAAA;MACrB,eAAe,QAAA;MACf,OAAO,QAAA;MACP,kBAAkB,QAAA;MAClB,cAAS,WAAE,KAAI,aAAc,MAAK;MAClC,YAAQ,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,YAAa,MAAK;MAC3C,eAAU,WAAE,KAAI,cAAe,MAAK;MACpC,eAAU,WAAE,KAAI,cAAe,MAAK;MACpC,cAAY,YAAY,KAAI,aAAc,OAAO,QAAO"}

package/dist/v2/blocks/request-block/components/RequestTableRow.vue.js

@@ -0,0 +1,7 @@
+import RequestTableRow_vue_vue_type_script_setup_true_lang_default from "./RequestTableRow.vue.script.js";
+//#region src/v2/blocks/request-block/components/RequestTableRow.vue
+var RequestTableRow_default = RequestTableRow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RequestTableRow_default as default };
+
+//# sourceMappingURL=RequestTableRow.vue.js.map

package/dist/v2/blocks/request-block/components/RequestTableRow.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestTableRow.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarIconButton } from '@scalar/components'\nimport { ScalarIconGlobe, ScalarIconTrash } from '@scalar/icons'\nimport type { ApiReferenceEvents } from '@scalar/workspace-store/events'\nimport { unpackProxyObject } from '@scalar/workspace-store/helpers/unpack-proxy'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  ParameterObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport { getFileName } from '@/v2/blocks/request-block/helpers/files'\nimport { validateParameter } from '@/v2/blocks/request-block/helpers/validate-parameter'\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTableCell,\n  DataTableCheckbox,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nimport RequestTableTooltip from './RequestTableTooltip.vue'\n\nexport type TableRow = {\n  /** The parameter or field name/key */\n  name: string\n  /** The parameter value, can be a string, file, or null */\n  value: string | File | null\n  /** Optional description for the parameter */\n  description?: string\n  /** Optional route for global parameters (e.g., cookies shared across workspace) */\n  globalRoute?: ApiReferenceEvents['ui:navigate']\n  /** Whether the parameter is disabled/inactive */\n  isDisabled?: boolean\n  /** OpenAPI schema object with type, validation rules, examples, etc. */\n  schema?: SchemaObject\n  /** Whether the parameter is required */\n  isRequired?: boolean\n  /**\n   * Whether the parameter is readonly and can not be modifies directly\n   * User can still override the parameter which is going to show up with the linethrough style\n   */\n  isReadonly?: boolean\n  /** Whether the parameter is overridden later on */\n  isOverridden?: boolean\n  /** Track the original parameter so we can update it */\n  originalParameter?: ParameterObject\n}\n\nconst {\n  data,\n  environment,\n  hasCheckboxDisabled,\n  invalidParams,\n  showUploadButton,\n} = defineProps<{\n  data: TableRow\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  environment: XScalarEnvironment\n  showUploadButton?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'upsertRow',\n    payload: { name: string; value: string | File; isDisabled: boolean },\n  ): void\n  (e: 'deleteRow'): void\n  (e: 'uploadFile'): void\n  (e: 'removeFile'): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n}>()\n\n/**\n * Track local state for the row\n *\n * Now this is required because of the way we get default values from the schema.\n * If we have a default value in data.value, then we update isDisabled to true. We lose the default value since now\n * we have an example where value: ''. This is why we need to track the local state and update all of the params at the\n * same time.\n */\nconst name = ref<string>(data.name ?? '')\nconst value = ref<string | File>(unpackProxyObject(data.value) ?? '')\nconst isDisabled = ref<boolean>(data.isDisabled ?? false)\n\n// Keep the above state synced with the data prop\nwatch(\n  () => data.name,\n  (newName) => (name.value = newName ?? ''),\n)\nwatch(\n  () => data.value,\n  (newValue) => (value.value = unpackProxyObject(newValue) ?? ''),\n)\nwatch(\n  () => data.isDisabled,\n  (newIsDisabled) => (isDisabled.value = newIsDisabled ?? false),\n)\n\n/** Check if the value is a File instance */\nconst isFile = computed(() => value.value instanceof File)\n\n/** Display value handles File instances and shows filename instead */\nconst displayValue = computed(\n  () =>\n    (isFile.value\n      ? getFileName(value.value as File)\n      : (value.value as string)) ?? '',\n)\n\nconst defaultValue = computed(() => data.schema?.default as string)\n\n/** See if we can extract enum values from the schema */\nconst enumValue = computed<string[]>(() => {\n  if (!data.schema) {\n    return []\n  }\n\n  // Grab the enum from the schema\n  if (data.schema.enum) {\n    return data.schema.enum.map((item) => String(item))\n  }\n\n  // Grab the enum from the items schema\n  if ('items' in data.schema) {\n    const resolved = resolve.schema(data.schema.items)\n    if (resolved?.enum) {\n      return resolved.enum.map((item) => String(item))\n    }\n  }\n\n  return []\n})\n\nconst minimumValue = computed(() =>\n  data.schema && 'minimum' in data.schema ? data.schema.minimum : undefined,\n)\nconst maximumValue = computed(() =>\n  data.schema && 'maximum' in data.schema ? data.schema.maximum : undefined,\n)\nconst typeValue = computed(() =>\n  data.schema && 'type' in data.schema ? data.schema.type : undefined,\n)\n\nconst validationResult = computed(() =>\n  validateParameter(data.schema, value.value),\n)\n\n/** Handle row updates while preserving existing properties */\nconst handleUpdateRow = (\n  payload: Partial<{ name: string; value: string; isDisabled: boolean }>,\n): void => {\n  // Update our local state\n  if (payload.name !== undefined) {\n    name.value = payload.name\n  }\n  if (payload.value !== undefined) {\n    value.value = payload.value\n  }\n\n  // Is disabled should always be false unless you explicitly set it to true\n  isDisabled.value = payload.isDisabled ?? false\n\n  // Emit all of the local state\n  emit('upsertRow', {\n    name: name.value,\n    value: value.value,\n    isDisabled: isDisabled.value,\n  })\n}\n</script>\n\n<template>\n  <DataTableRow\n    :id=\"data.name\"\n    :class=\"{\n      alert: validationResult.ok === false,\n      error: validationResult.ok === false && invalidParams?.has(data.name),\n    }\">\n    <DataTableCheckbox\n      class=\"!border-r\"\n      :disabled=\"hasCheckboxDisabled ?? false\"\n      :modelValue=\"!isDisabled\"\n      @update:modelValue=\"(v) => handleUpdateRow({ isDisabled: !v })\" />\n\n    <!-- Name -->\n    <DataTableCell>\n      <CodeInput\n        :aria-label=\"`${label} Key`\"\n        disableCloseBrackets\n        :disabled=\"data.isReadonly\"\n        disableEnter\n        disableTabIndent\n        :environment=\"environment\"\n        lineWrapping\n        :modelValue=\"name\"\n        placeholder=\"Key\"\n        :required=\"Boolean(data.isRequired)\"\n        @selectVariable=\"(v: string) => handleUpdateRow({ name: v })\"\n        @update:modelValue=\"(v) => handleUpdateRow({ name: v })\" />\n    </DataTableCell>\n\n    <!-- Value -->\n    <DataTableCell>\n      <CodeInput\n        :aria-label=\"`${label} Value`\"\n        class=\"pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10\"\n        :default=\"defaultValue\"\n        disableCloseBrackets\n        :disabled=\"data.isReadonly\"\n        disableEnter\n        disableTabIndent\n        :enum=\"enumValue\"\n        :environment=\"environment\"\n        :examples=\"\n          data.schema?.examples?.map((example) => String(example)) ?? []\n        \"\n        :linethrough=\"data.isOverridden\"\n        lineWrapping\n        :max=\"maximumValue\"\n        :min=\"minimumValue\"\n        :modelValue=\"displayValue\"\n        placeholder=\"Value\"\n        :type=\"typeValue\"\n        @update:modelValue=\"(v) => handleUpdateRow({ value: v })\">\n        <template #icon>\n          <ScalarButton\n            v-if=\"\n              Boolean(data.name || value) &&\n              !data.isRequired &&\n              data.isReadonly !== true\n            \"\n            class=\"text-c-2 hover:text-c-1 hover:bg-b-2 z-context -mr-0.5 hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click=\"emit('deleteRow')\">\n            <ScalarIconTrash class=\"size-3.5\" />\n          </ScalarButton>\n\n          <ScalarIconButton\n            v-if=\"data.globalRoute !== undefined\"\n            class=\"text-c-2 hover:text-c-1 hover:bg-b-2 z-context -mr-0.5 h-fit\"\n            :icon=\"ScalarIconGlobe\"\n            label=\"Global cookies are shared across the whole workspace. Click to navigate.\"\n            size=\"xs\"\n            tooltip=\"top\"\n            variant=\"ghost\"\n            @click=\"emit('navigate', data.globalRoute)\" />\n\n          <RequestTableTooltip\n            v-if=\"data.isReadonly\"\n            description=\"This is a readonly property and you can not modify it! If you want to change it you have to override it or disable it using the checkbox\"\n            :value=\"null\" />\n          <RequestTableTooltip\n            v-else-if=\"data.schema\"\n            :description=\"data.description\"\n            :schema=\"data.schema\"\n            :value />\n        </template>\n      </CodeInput>\n    </DataTableCell>\n\n    <!-- File upload -->\n    <DataTableCell\n      v-if=\"showUploadButton\"\n      class=\"group/upload flex items-center justify-center whitespace-nowrap\">\n      <template v-if=\"isFile\">\n        <div\n          class=\"text-c-2 filemask flex w-full max-w-[100%] items-center justify-center overflow-hidden p-1\">\n          <span>{{ displayValue }}</span>\n        </div>\n        <button\n          class=\"bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block\"\n          type=\"button\"\n          @click=\"emit('removeFile')\">\n          Delete\n        </button>\n      </template>\n      <template v-else>\n        <div class=\"p-0.5\">\n          <ScalarButton\n            class=\"bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none\"\n            size=\"sm\"\n            variant=\"outlined\"\n            @click=\"emit('uploadFile')\">\n            <span>Select File</span>\n            <ScalarIcon\n              class=\"ml-1\"\n              icon=\"Upload\"\n              size=\"xs\"\n              thickness=\"2.5\" />\n          </ScalarButton>\n        </div>\n      </template>\n    </DataTableCell>\n  </DataTableRow>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/request-block/components/RequestTableRow.vue.script.js

@@ -0,0 +1,226 @@
+import { getFileName } from "../helpers/files.js";
+import { validateParameter } from "../helpers/validate-parameter.js";
+import CodeInput_default from "../../../components/code-input/CodeInput.vue.js";
+import DataTableCell_default from "../../../components/data-table/DataTableCell.vue.js";
+import DataTableCheckbox_default from "../../../components/data-table/DataTableCheckbox.vue.js";
+import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
+import RequestTableTooltip_default from "./RequestTableTooltip.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarButton, ScalarIcon, ScalarIconButton } from "@scalar/components";
+import { ScalarIconGlobe, ScalarIconTrash } from "@scalar/icons";
+import { unpackProxyObject } from "@scalar/workspace-store/helpers/unpack-proxy";
+import { resolve } from "@scalar/workspace-store/resolve";
+//#region src/v2/blocks/request-block/components/RequestTableRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center justify-center overflow-hidden p-1" };
+var _hoisted_2 = {
+	key: 1,
+	class: "p-0.5"
+};
+var RequestTableRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestTableRow",
+	props: {
+		data: {},
+		hasCheckboxDisabled: { type: Boolean },
+		invalidParams: {},
+		label: {},
+		environment: {},
+		showUploadButton: { type: Boolean }
+	},
+	emits: [
+		"upsertRow",
+		"deleteRow",
+		"uploadFile",
+		"removeFile",
+		"navigate"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/**
+		* Track local state for the row
+		*
+		* Now this is required because of the way we get default values from the schema.
+		* If we have a default value in data.value, then we update isDisabled to true. We lose the default value since now
+		* we have an example where value: ''. This is why we need to track the local state and update all of the params at the
+		* same time.
+		*/
+		const name = ref(__props.data.name ?? "");
+		const value = ref(unpackProxyObject(__props.data.value) ?? "");
+		const isDisabled = ref(__props.data.isDisabled ?? false);
+		watch(() => __props.data.name, (newName) => name.value = newName ?? "");
+		watch(() => __props.data.value, (newValue) => value.value = unpackProxyObject(newValue) ?? "");
+		watch(() => __props.data.isDisabled, (newIsDisabled) => isDisabled.value = newIsDisabled ?? false);
+		/** Check if the value is a File instance */
+		const isFile = computed(() => value.value instanceof File);
+		/** Display value handles File instances and shows filename instead */
+		const displayValue = computed(() => (isFile.value ? getFileName(value.value) : value.value) ?? "");
+		const defaultValue = computed(() => __props.data.schema?.default);
+		/** See if we can extract enum values from the schema */
+		const enumValue = computed(() => {
+			if (!__props.data.schema) return [];
+			if (__props.data.schema.enum) return __props.data.schema.enum.map((item) => String(item));
+			if ("items" in __props.data.schema) {
+				const resolved = resolve.schema(__props.data.schema.items);
+				if (resolved?.enum) return resolved.enum.map((item) => String(item));
+			}
+			return [];
+		});
+		const minimumValue = computed(() => __props.data.schema && "minimum" in __props.data.schema ? __props.data.schema.minimum : void 0);
+		const maximumValue = computed(() => __props.data.schema && "maximum" in __props.data.schema ? __props.data.schema.maximum : void 0);
+		const typeValue = computed(() => __props.data.schema && "type" in __props.data.schema ? __props.data.schema.type : void 0);
+		const validationResult = computed(() => validateParameter(__props.data.schema, value.value));
+		/** Handle row updates while preserving existing properties */
+		const handleUpdateRow = (payload) => {
+			if (payload.name !== void 0) name.value = payload.name;
+			if (payload.value !== void 0) value.value = payload.value;
+			isDisabled.value = payload.isDisabled ?? false;
+			emit("upsertRow", {
+				name: name.value,
+				value: value.value,
+				isDisabled: isDisabled.value
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DataTableRow_default), {
+				id: __props.data.name,
+				class: normalizeClass({
+					alert: validationResult.value.ok === false,
+					error: validationResult.value.ok === false && __props.invalidParams?.has(__props.data.name)
+				})
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(DataTableCheckbox_default), {
+						class: "!border-r",
+						disabled: __props.hasCheckboxDisabled ?? false,
+						modelValue: !isDisabled.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => handleUpdateRow({ isDisabled: !v }))
+					}, null, 8, ["disabled", "modelValue"]),
+					createVNode(unref(DataTableCell_default), null, {
+						default: withCtx(() => [createVNode(unref(CodeInput_default), {
+							"aria-label": `${__props.label} Key`,
+							disableCloseBrackets: "",
+							disabled: __props.data.isReadonly,
+							disableEnter: "",
+							disableTabIndent: "",
+							environment: __props.environment,
+							lineWrapping: "",
+							modelValue: name.value,
+							placeholder: "Key",
+							required: Boolean(__props.data.isRequired),
+							onSelectVariable: _cache[1] || (_cache[1] = (v) => handleUpdateRow({ name: v })),
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = (v) => handleUpdateRow({ name: v }))
+						}, null, 8, [
+							"aria-label",
+							"disabled",
+							"environment",
+							"modelValue",
+							"required"
+						])]),
+						_: 1
+					}),
+					createVNode(unref(DataTableCell_default), null, {
+						default: withCtx(() => [createVNode(unref(CodeInput_default), {
+							"aria-label": `${__props.label} Value`,
+							class: "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10",
+							default: defaultValue.value,
+							disableCloseBrackets: "",
+							disabled: __props.data.isReadonly,
+							disableEnter: "",
+							disableTabIndent: "",
+							enum: enumValue.value,
+							environment: __props.environment,
+							examples: __props.data.schema?.examples?.map((example) => String(example)) ?? [],
+							linethrough: __props.data.isOverridden,
+							lineWrapping: "",
+							max: maximumValue.value,
+							min: minimumValue.value,
+							modelValue: displayValue.value,
+							placeholder: "Value",
+							type: typeValue.value,
+							"onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => handleUpdateRow({ value: v }))
+						}, {
+							icon: withCtx(() => [
+								Boolean(__props.data.name || value.value) && !__props.data.isRequired && __props.data.isReadonly !== true ? (openBlock(), createBlock(unref(ScalarButton), {
+									key: 0,
+									class: "text-c-2 hover:text-c-1 hover:bg-b-2 z-context -mr-0.5 hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex",
+									size: "sm",
+									variant: "ghost",
+									onClick: _cache[3] || (_cache[3] = ($event) => emit("deleteRow"))
+								}, {
+									default: withCtx(() => [createVNode(unref(ScalarIconTrash), { class: "size-3.5" })]),
+									_: 1
+								})) : createCommentVNode("", true),
+								__props.data.globalRoute !== void 0 ? (openBlock(), createBlock(unref(ScalarIconButton), {
+									key: 1,
+									class: "text-c-2 hover:text-c-1 hover:bg-b-2 z-context -mr-0.5 h-fit",
+									icon: unref(ScalarIconGlobe),
+									label: "Global cookies are shared across the whole workspace. Click to navigate.",
+									size: "xs",
+									tooltip: "top",
+									variant: "ghost",
+									onClick: _cache[4] || (_cache[4] = ($event) => emit("navigate", __props.data.globalRoute))
+								}, null, 8, ["icon"])) : createCommentVNode("", true),
+								__props.data.isReadonly ? (openBlock(), createBlock(RequestTableTooltip_default, {
+									key: 2,
+									description: "This is a readonly property and you can not modify it! If you want to change it you have to override it or disable it using the checkbox",
+									value: null
+								})) : __props.data.schema ? (openBlock(), createBlock(RequestTableTooltip_default, {
+									key: 3,
+									description: __props.data.description,
+									schema: __props.data.schema,
+									value: value.value
+								}, null, 8, [
+									"description",
+									"schema",
+									"value"
+								])) : createCommentVNode("", true)
+							]),
+							_: 1
+						}, 8, [
+							"aria-label",
+							"default",
+							"disabled",
+							"enum",
+							"environment",
+							"examples",
+							"linethrough",
+							"max",
+							"min",
+							"modelValue",
+							"type"
+						])]),
+						_: 1
+					}),
+					__props.showUploadButton ? (openBlock(), createBlock(unref(DataTableCell_default), {
+						key: 0,
+						class: "group/upload flex items-center justify-center whitespace-nowrap"
+					}, {
+						default: withCtx(() => [isFile.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", _hoisted_1, [createElementVNode("span", null, toDisplayString(displayValue.value), 1)]), createElementVNode("button", {
+							class: "bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block",
+							type: "button",
+							onClick: _cache[6] || (_cache[6] = ($event) => emit("removeFile"))
+						}, " Delete ")], 64)) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(ScalarButton), {
+							class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
+							size: "sm",
+							variant: "outlined",
+							onClick: _cache[7] || (_cache[7] = ($event) => emit("uploadFile"))
+						}, {
+							default: withCtx(() => [_cache[8] || (_cache[8] = createElementVNode("span", null, "Select File", -1)), createVNode(unref(ScalarIcon), {
+								class: "ml-1",
+								icon: "Upload",
+								size: "xs",
+								thickness: "2.5"
+							})]),
+							_: 1
+						})]))]),
+						_: 1
+					})) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["id", "class"]);
+		};
+	}
+});
+//#endregion
+export { RequestTableRow_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestTableRow.vue.script.js.map

package/dist/v2/blocks/request-block/components/RequestTableRow.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestTableRow.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarIconButton } from '@scalar/components'\nimport { ScalarIconGlobe, ScalarIconTrash } from '@scalar/icons'\nimport type { ApiReferenceEvents } from '@scalar/workspace-store/events'\nimport { unpackProxyObject } from '@scalar/workspace-store/helpers/unpack-proxy'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  ParameterObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport { getFileName } from '@/v2/blocks/request-block/helpers/files'\nimport { validateParameter } from '@/v2/blocks/request-block/helpers/validate-parameter'\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTableCell,\n  DataTableCheckbox,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nimport RequestTableTooltip from './RequestTableTooltip.vue'\n\nexport type TableRow = {\n  /** The parameter or field name/key */\n  name: string\n  /** The parameter value, can be a string, file, or null */\n  value: string | File | null\n  /** Optional description for the parameter */\n  description?: string\n  /** Optional route for global parameters (e.g., cookies shared across workspace) */\n  globalRoute?: ApiReferenceEvents['ui:navigate']\n  /** Whether the parameter is disabled/inactive */\n  isDisabled?: boolean\n  /** OpenAPI schema object with type, validation rules, examples, etc. */\n  schema?: SchemaObject\n  /** Whether the parameter is required */\n  isRequired?: boolean\n  /**\n   * Whether the parameter is readonly and can not be modifies directly\n   * User can still override the parameter which is going to show up with the linethrough style\n   */\n  isReadonly?: boolean\n  /** Whether the parameter is overridden later on */\n  isOverridden?: boolean\n  /** Track the original parameter so we can update it */\n  originalParameter?: ParameterObject\n}\n\nconst {\n  data,\n  environment,\n  hasCheckboxDisabled,\n  invalidParams,\n  showUploadButton,\n} = defineProps<{\n  data: TableRow\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  environment: XScalarEnvironment\n  showUploadButton?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'upsertRow',\n    payload: { name: string; value: string | File; isDisabled: boolean },\n  ): void\n  (e: 'deleteRow'): void\n  (e: 'uploadFile'): void\n  (e: 'removeFile'): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n}>()\n\n/**\n * Track local state for the row\n *\n * Now this is required because of the way we get default values from the schema.\n * If we have a default value in data.value, then we update isDisabled to true. We lose the default value since now\n * we have an example where value: ''. This is why we need to track the local state and update all of the params at the\n * same time.\n */\nconst name = ref<string>(data.name ?? '')\nconst value = ref<string | File>(unpackProxyObject(data.value) ?? '')\nconst isDisabled = ref<boolean>(data.isDisabled ?? false)\n\n// Keep the above state synced with the data prop\nwatch(\n  () => data.name,\n  (newName) => (name.value = newName ?? ''),\n)\nwatch(\n  () => data.value,\n  (newValue) => (value.value = unpackProxyObject(newValue) ?? ''),\n)\nwatch(\n  () => data.isDisabled,\n  (newIsDisabled) => (isDisabled.value = newIsDisabled ?? false),\n)\n\n/** Check if the value is a File instance */\nconst isFile = computed(() => value.value instanceof File)\n\n/** Display value handles File instances and shows filename instead */\nconst displayValue = computed(\n  () =>\n    (isFile.value\n      ? getFileName(value.value as File)\n      : (value.value as string)) ?? '',\n)\n\nconst defaultValue = computed(() => data.schema?.default as string)\n\n/** See if we can extract enum values from the schema */\nconst enumValue = computed<string[]>(() => {\n  if (!data.schema) {\n    return []\n  }\n\n  // Grab the enum from the schema\n  if (data.schema.enum) {\n    return data.schema.enum.map((item) => String(item))\n  }\n\n  // Grab the enum from the items schema\n  if ('items' in data.schema) {\n    const resolved = resolve.schema(data.schema.items)\n    if (resolved?.enum) {\n      return resolved.enum.map((item) => String(item))\n    }\n  }\n\n  return []\n})\n\nconst minimumValue = computed(() =>\n  data.schema && 'minimum' in data.schema ? data.schema.minimum : undefined,\n)\nconst maximumValue = computed(() =>\n  data.schema && 'maximum' in data.schema ? data.schema.maximum : undefined,\n)\nconst typeValue = computed(() =>\n  data.schema && 'type' in data.schema ? data.schema.type : undefined,\n)\n\nconst validationResult = computed(() =>\n  validateParameter(data.schema, value.value),\n)\n\n/** Handle row updates while preserving existing properties */\nconst handleUpdateRow = (\n  payload: Partial<{ name: string; value: string; isDisabled: boolean }>,\n): void => {\n  // Update our local state\n  if (payload.name !== undefined) {\n    name.value = payload.name\n  }\n  if (payload.value !== undefined) {\n    value.value = payload.value\n  }\n\n  // Is disabled should always be false unless you explicitly set it to true\n  isDisabled.value = payload.isDisabled ?? false\n\n  // Emit all of the local state\n  emit('upsertRow', {\n    name: name.value,\n    value: value.value,\n    isDisabled: isDisabled.value,\n  })\n}\n</script>\n\n<template>\n  <DataTableRow\n    :id=\"data.name\"\n    :class=\"{\n      alert: validationResult.ok === false,\n      error: validationResult.ok === false && invalidParams?.has(data.name),\n    }\">\n    <DataTableCheckbox\n      class=\"!border-r\"\n      :disabled=\"hasCheckboxDisabled ?? false\"\n      :modelValue=\"!isDisabled\"\n      @update:modelValue=\"(v) => handleUpdateRow({ isDisabled: !v })\" />\n\n    <!-- Name -->\n    <DataTableCell>\n      <CodeInput\n        :aria-label=\"`${label} Key`\"\n        disableCloseBrackets\n        :disabled=\"data.isReadonly\"\n        disableEnter\n        disableTabIndent\n        :environment=\"environment\"\n        lineWrapping\n        :modelValue=\"name\"\n        placeholder=\"Key\"\n        :required=\"Boolean(data.isRequired)\"\n        @selectVariable=\"(v: string) => handleUpdateRow({ name: v })\"\n        @update:modelValue=\"(v) => handleUpdateRow({ name: v })\" />\n    </DataTableCell>\n\n    <!-- Value -->\n    <DataTableCell>\n      <CodeInput\n        :aria-label=\"`${label} Value`\"\n        class=\"pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10\"\n        :default=\"defaultValue\"\n        disableCloseBrackets\n        :disabled=\"data.isReadonly\"\n        disableEnter\n        disableTabIndent\n        :enum=\"enumValue\"\n        :environment=\"environment\"\n        :examples=\"\n          data.schema?.examples?.map((example) => String(example)) ?? []\n        \"\n        :linethrough=\"data.isOverridden\"\n        lineWrapping\n        :max=\"maximumValue\"\n        :min=\"minimumValue\"\n        :modelValue=\"displayValue\"\n        placeholder=\"Value\"\n        :type=\"typeValue\"\n        @update:modelValue=\"(v) => handleUpdateRow({ value: v })\">\n        <template #icon>\n          <ScalarButton\n            v-if=\"\n              Boolean(data.name || value) &&\n              !data.isRequired &&\n              data.isReadonly !== true\n            \"\n            class=\"text-c-2 hover:text-c-1 hover:bg-b-2 z-context -mr-0.5 hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click=\"emit('deleteRow')\">\n            <ScalarIconTrash class=\"size-3.5\" />\n          </ScalarButton>\n\n          <ScalarIconButton\n            v-if=\"data.globalRoute !== undefined\"\n            class=\"text-c-2 hover:text-c-1 hover:bg-b-2 z-context -mr-0.5 h-fit\"\n            :icon=\"ScalarIconGlobe\"\n            label=\"Global cookies are shared across the whole workspace. Click to navigate.\"\n            size=\"xs\"\n            tooltip=\"top\"\n            variant=\"ghost\"\n            @click=\"emit('navigate', data.globalRoute)\" />\n\n          <RequestTableTooltip\n            v-if=\"data.isReadonly\"\n            description=\"This is a readonly property and you can not modify it! If you want to change it you have to override it or disable it using the checkbox\"\n            :value=\"null\" />\n          <RequestTableTooltip\n            v-else-if=\"data.schema\"\n            :description=\"data.description\"\n            :schema=\"data.schema\"\n            :value />\n        </template>\n      </CodeInput>\n    </DataTableCell>\n\n    <!-- File upload -->\n    <DataTableCell\n      v-if=\"showUploadButton\"\n      class=\"group/upload flex items-center justify-center whitespace-nowrap\">\n      <template v-if=\"isFile\">\n        <div\n          class=\"text-c-2 filemask flex w-full max-w-[100%] items-center justify-center overflow-hidden p-1\">\n          <span>{{ displayValue }}</span>\n        </div>\n        <button\n          class=\"bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block\"\n          type=\"button\"\n          @click=\"emit('removeFile')\">\n          Delete\n        </button>\n      </template>\n      <template v-else>\n        <div class=\"p-0.5\">\n          <ScalarButton\n            class=\"bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none\"\n            size=\"sm\"\n            variant=\"outlined\"\n            @click=\"emit('uploadFile')\">\n            <span>Select File</span>\n            <ScalarIcon\n              class=\"ml-1\"\n              icon=\"Upload\"\n              size=\"xs\"\n              thickness=\"2.5\" />\n          </ScalarButton>\n        </div>\n      </template>\n    </DataTableCell>\n  </DataTableRow>\n</template>\n"],"mappings":"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"}

package/dist/v2/blocks/request-block/components/RequestTableTooltip.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import RequestTableTooltip_vue_vue_type_script_setup_true_lang_default from "./RequestTableTooltip.vue.script.js";
+/* empty css                                  */
+//#region src/v2/blocks/request-block/components/RequestTableTooltip.vue
+var RequestTableTooltip_default = /* @__PURE__ */ _plugin_vue_export_helper_default(RequestTableTooltip_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f2ab7aa3"]]);
+//#endregion
+export { RequestTableTooltip_default as default };
+
+//# sourceMappingURL=RequestTableTooltip.vue.js.map

package/dist/v2/blocks/request-block/components/RequestTableTooltip.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestTableTooltip.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTableTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown, ScalarPopover } from '@scalar/components'\nimport { ScalarIconInfo, ScalarIconWarning } from '@scalar/icons'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { validateParameter } from '@/v2/blocks/request-block/helpers/validate-parameter'\n\nconst { schema, value, description } = defineProps<{\n  schema?: SchemaObject\n  value: string | File | null\n  description?: string\n}>()\n\nconst invalidParameterMessage = computed(() => validateParameter(schema, value))\nconst isInvalid = computed(() => invalidParameterMessage.value.ok === false)\n</script>\n<template>\n  <ScalarPopover\n    :offset=\"4\"\n    placement=\"left\"\n    teleport>\n    <button\n      :aria-label=\"isInvalid ? 'Input is invalid' : 'More Information'\"\n      class=\"text-c-2 hover:text-c-1 hover:bg-b-2 rounded p-1\"\n      :role=\"isInvalid ? 'alert' : 'none'\"\n      type=\"button\">\n      <ScalarIconWarning\n        v-if=\"isInvalid\"\n        class=\"text-orange size-3.5 brightness-90 hover:brightness-75\" />\n      <ScalarIconInfo\n        v-else\n        class=\"text-c-2 hover:text-c-1 size-3.5\" />\n    </button>\n    <template #popover>\n      <div\n        class=\"w-content text-xxs text-c-1 grid min-w-48 gap-1.5 rounded px-1.5 pt-2 pb-1.5 leading-none\">\n        <div\n          v-if=\"invalidParameterMessage.ok === false\"\n          class=\"text-error-1\">\n          {{ invalidParameterMessage.message }}\n        </div>\n        <div\n          v-else-if=\"\n            schema &&\n            ('type' in schema ||\n              'format' in schema ||\n              'minimum' in schema ||\n              'maximum' in schema ||\n              'default' in schema)\n          \"\n          class=\"schema text-c-2 flex items-center\">\n          <span v-if=\"'type' in schema\">{{ schema.type }}</span>\n          <span v-if=\"'format' in schema\">{{ schema.format }}</span>\n          <span v-if=\"'minimum' in schema\">min: {{ schema.minimum }}</span>\n          <span v-if=\"'maximum' in schema\">max: {{ schema.maximum }}</span>\n          <span v-if=\"'default' in schema\">default: {{ schema.default }}</span>\n        </div>\n        <ScalarMarkdown\n          v-if=\"description && !isInvalid\"\n          class=\"max-w-[16rem]\"\n          :value=\"description\" />\n      </div>\n    </template>\n  </ScalarPopover>\n</template>\n<style scoped>\n.schema > span:not(:first-child)::before {\n  content: '·';\n  display: block;\n  margin: 0 0.5ch;\n}\n\n.schema > span {\n  display: flex;\n  white-space: nowrap;\n}\n</style>\n"],"mappings":""}