component-input-single-reference.tsx
No OneTemporary
Actions

Size

906 B

Referenced Files

None

Subscribers

None

component-input-single-reference.tsx
View Options

	import type { BaseContext } from "koa";
	import type { SingleReference } from "@sealcode/jdd";
	import { TempstreamJSX } from "tempstream";
	import { makeJDDContext } from "../../jdd-context.js";
	import { printArgPath } from "./print-arg-path.js";

	export async function ComponentInputSingleReference<
	State,
	// eslint-disable-next-line @typescript-eslint/no-explicit-any
	T extends SingleReference<any>
	>({
	ctx,
	arg_path,
	arg,
	value,
	onchange,
	}: {
	ctx: BaseContext;
	state: State;
	arg_path: string[];
	arg: T;
	value: string;
	onchange?: string;
	}): Promise<string> {
	return (
	<div>
	<label>
	{arg_path.at(-1) \|\| ""}
	<select name={`$${printArgPath(arg_path)}`} onchange={onchange}>
	{(await arg.getValues(makeJDDContext(ctx))).map((v) => (
	<option value={v.value} selected={value == v.value}>
	{v.label}
	</option>
	))}
	</select>
	</label>
	</div>
	);
	}