113 lines
2.8 KiB
TypeScript
113 lines
2.8 KiB
TypeScript
import { FileInputValue, FileUpload } from "@/components/FileUpload";
|
|
import { Input } from "@/components/ui/input";
|
|
import {
|
|
Select,
|
|
SelectContent,
|
|
SelectItem,
|
|
SelectTrigger,
|
|
SelectValue,
|
|
} from "@/components/ui/select";
|
|
import { CodeEditor } from "./components/CodeEditor";
|
|
import { AutoResizingTextarea } from "@/components/AutoResizingTextarea/AutoResizingTextarea";
|
|
import { WorkflowParameterValueType } from "./types/workflowTypes";
|
|
import { CredentialSelector } from "./components/CredentialSelector";
|
|
|
|
type Props = {
|
|
type: WorkflowParameterValueType;
|
|
value: unknown;
|
|
onChange: (value: unknown) => void;
|
|
};
|
|
|
|
function WorkflowParameterInput({ type, value, onChange }: Props) {
|
|
if (type === "json") {
|
|
return (
|
|
<CodeEditor
|
|
className="w-full"
|
|
language="json"
|
|
onChange={(value) => onChange(value)}
|
|
value={
|
|
typeof value === "string" ? value : JSON.stringify(value, null, 2)
|
|
}
|
|
minHeight="96px"
|
|
maxHeight="500px"
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (type === "string") {
|
|
return (
|
|
<AutoResizingTextarea
|
|
value={value as string}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (type === "integer") {
|
|
return (
|
|
<Input
|
|
value={value === null ? "" : Number(value)}
|
|
onChange={(e) => {
|
|
const val = e.target.value;
|
|
// Return null for empty input, otherwise parse as integer
|
|
onChange(val === "" ? null : parseInt(val, 10));
|
|
}}
|
|
type="number"
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (type === "float") {
|
|
return (
|
|
<Input
|
|
value={value === null ? "" : Number(value)}
|
|
onChange={(e) => {
|
|
const val = e.target.value;
|
|
// Return null for empty input, otherwise parse as float
|
|
onChange(val === "" ? null : parseFloat(val));
|
|
}}
|
|
type="number"
|
|
step="any"
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (type === "boolean") {
|
|
return (
|
|
<Select
|
|
value={value === null ? "" : String(value)}
|
|
onValueChange={(v) => onChange(v === "true")}
|
|
>
|
|
<SelectTrigger className="w-48">
|
|
<SelectValue placeholder="Select value..." />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
<SelectItem value="true">True</SelectItem>
|
|
<SelectItem value="false">False</SelectItem>
|
|
</SelectContent>
|
|
</Select>
|
|
);
|
|
}
|
|
|
|
if (type === "file_url") {
|
|
return (
|
|
<FileUpload
|
|
value={value as FileInputValue}
|
|
onChange={(value) => onChange(value)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (type === "credential_id") {
|
|
const credentialId = value as string | null;
|
|
return (
|
|
<CredentialSelector
|
|
value={credentialId ?? ""}
|
|
onChange={(value) => onChange(value)}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
export { WorkflowParameterInput };
|