78 lines
1.7 KiB
TypeScript
78 lines
1.7 KiB
TypeScript
import { WorkflowParameterValueType } from "@/api/types";
|
|
import { FileInputValue, FileUpload } from "@/components/FileUpload";
|
|
import { Checkbox } from "@/components/ui/checkbox";
|
|
import { Input } from "@/components/ui/input";
|
|
import { CodeEditor } from "./components/CodeEditor";
|
|
|
|
type Props = {
|
|
type: WorkflowParameterValueType;
|
|
value: unknown;
|
|
onChange: (value: unknown) => void;
|
|
};
|
|
|
|
function WorkflowParameterInput({ type, value, onChange }: Props) {
|
|
if (type === "json") {
|
|
return (
|
|
<CodeEditor
|
|
language="json"
|
|
onChange={(value) => onChange(value)}
|
|
value={
|
|
typeof value === "string" ? value : JSON.stringify(value, null, 2)
|
|
}
|
|
fontSize={12}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (type === "string") {
|
|
return (
|
|
<Input
|
|
value={value as string}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
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 };
|