97 lines
2.4 KiB
TypeScript
97 lines
2.4 KiB
TypeScript
import { FileInputValue, FileUpload } from "@/components/FileUpload";
|
|
import { Checkbox } from "@/components/ui/checkbox";
|
|
import { Input } from "@/components/ui/input";
|
|
import { CodeEditor } from "./components/CodeEditor";
|
|
import { AutoResizingTextarea } from "@/components/AutoResizingTextarea/AutoResizingTextarea";
|
|
import { Label } from "@/components/ui/label";
|
|
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) => onChange(parseInt(e.target.value))}
|
|
type="number"
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (type === "float") {
|
|
return (
|
|
<Input
|
|
value={value === null ? "" : Number(value)}
|
|
onChange={(e) => onChange(parseFloat(e.target.value))}
|
|
type="number"
|
|
step="any"
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (type === "boolean") {
|
|
const checked = typeof value === "boolean" ? value : Boolean(value);
|
|
return (
|
|
<div className="flex items-center gap-2">
|
|
<Checkbox
|
|
checked={checked}
|
|
onCheckedChange={(checked) => onChange(checked)}
|
|
className="block"
|
|
/>
|
|
<Label>{value ? "True" : "False"}</Label>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
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 };
|