66 lines
1.4 KiB
TypeScript
66 lines
1.4 KiB
TypeScript
|
import { WorkflowParameterType } from "@/api/types";
|
||
|
|
import { FileInputValue, FileUpload } from "@/components/FileUpload";
|
||
|
|
import { Checkbox } from "@/components/ui/checkbox";
|
||
|
|
import { Input } from "@/components/ui/input";
|
||
|
|
import { Textarea } from "@/components/ui/textarea";
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
type: WorkflowParameterType;
|
||
|
|
value: unknown;
|
||
|
|
onChange: (value: unknown) => void;
|
||
|
|
};
|
||
|
|
|
||
|
|
function WorkflowParameterInput({ type, value, onChange }: Props) {
|
||
|
|
if (type === "json" || type === "string") {
|
||
|
|
return (
|
||
|
|
<Textarea
|
||
|
|
value={value as string}
|
||
|
|
onChange={(e) => onChange(e.target.value)}
|
||
|
|
rows={5}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type === "integer") {
|
||
|
|
return (
|
||
|
|
<Input
|
||
|
|
value={value as number}
|
||
|
|
onChange={(e) => onChange(parseInt(e.target.value))}
|
||
|
|
type="number"
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type === "float") {
|
||
|
|
return (
|
||
|
|
<Input
|
||
|
|
value={value as number}
|
||
|
|
onChange={(e) => onChange(parseFloat(e.target.value))}
|
||
|
|
type="number"
|
||
|
|
step="any"
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type === "boolean") {
|
||
|
|
return (
|
||
|
|
<Checkbox
|
||
|
|
checked={value as boolean}
|
||
|
|
onCheckedChange={(checked) => onChange(checked)}
|
||
|
|
className="block"
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type === "file_url") {
|
||
|
|
return (
|
||
|
|
<FileUpload
|
||
|
|
value={value as FileInputValue}
|
||
|
|
onChange={(value) => onChange(value)}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export { WorkflowParameterInput };
|