// Copyright (C) The Arvados Authors. All rights reserved. // // SPDX-License-Identifier: AGPL-3.0 import * as React from 'react'; import { Stepper, Step, StepLabel, StepContent } from '@material-ui/core'; import { RunProcessFirstStepDataProps, RunProcessFirstStepActionProps, RunProcessFirstStep } from '~/views/run-process-panel/run-process-first-step'; import { RunProcessSecondStepForm } from './run-process-second-step'; export type RunProcessPanelRootDataProps = { currentStep: number; } & RunProcessFirstStepDataProps; export type RunProcessPanelRootActionProps = RunProcessFirstStepActionProps & { runProcess: () => void; }; type RunProcessPanelRootProps = RunProcessPanelRootDataProps & RunProcessPanelRootActionProps; export const RunProcessPanelRoot = ({ runProcess, currentStep, onSearch, onSetStep, onSetWorkflow, workflows, selectedWorkflow }: RunProcessPanelRootProps) => <Stepper activeStep={currentStep} orientation="vertical" elevation={2}> <Step> <StepLabel>Choose a workflow</StepLabel> <StepContent> <RunProcessFirstStep workflows={workflows} selectedWorkflow={selectedWorkflow} onSearch={onSearch} onSetStep={onSetStep} onSetWorkflow={onSetWorkflow} /> </StepContent> </Step> <Step> <StepLabel>Select inputs</StepLabel> <StepContent> <RunProcessSecondStepForm goBack={() => onSetStep(0)} runProcess={runProcess} /> </StepContent> </Step> </Stepper>;