- ({ process, auth, processLogsPanel, fetchOutputs, ...props }: ProcessPanelRootProps) => {
-
- const [outputDetails, setOutputs] = useState<OutputDetails | undefined>(undefined);
- const [rawInputs, setInputs] = useState<CommandInputParameter[] | undefined>(undefined);
-
- const [processedOutputs, setProcessedOutputs] = useState<ProcessIOParameter[] | undefined>(undefined);
- const [processedInputs, setProcessedInputs] = useState<ProcessIOParameter[] | undefined>(undefined);
-
- const outputUuid = process?.containerRequest.outputUuid;
- const requestUuid = process?.containerRequest.uuid;
-
- const containerRequest = process?.containerRequest;
-
- const inputMounts = getInputCollectionMounts(process?.containerRequest);
-
- // Resets state when changing processes
- React.useEffect(() => {
- setOutputs(undefined);
- setInputs(undefined);
- setProcessedOutputs(undefined);
- setProcessedInputs(undefined);
- }, [requestUuid]);
-
- // Fetch raw output (async for fetching from keep)
- React.useEffect(() => {
- if (containerRequest) {
- fetchOutputs(containerRequest, setOutputs);
- }
- }, [containerRequest, fetchOutputs]);
-
- // Format raw output into ProcessIOParameter[] when it changes
- React.useEffect(() => {
- if (outputDetails !== undefined && outputDetails.rawOutputs && containerRequest) {
- const outputDefinitions = getOutputParameters(containerRequest);
- setProcessedOutputs(formatOutputData(outputDefinitions, outputDetails.rawOutputs, outputDetails.pdh, auth));
- }
- }, [outputDetails, auth, containerRequest]);
-
- // Fetch raw inputs and format into ProcessIOParameter[]
- // Can be sync because inputs are either already in containerRequest mounts or props
- React.useEffect(() => {
- if (containerRequest) {
- // Since mounts can disappear and reappear, only set inputs if raw / processed inputs is undefined or new inputs has content
- const newRawInputs = getRawInputs(containerRequest);
- if (rawInputs === undefined || newRawInputs && newRawInputs.length) {
- setInputs(newRawInputs);
+ ({
+ process,
+ auth,
+ processLogsPanel,
+ inputRaw,
+ inputParams,
+ outputRaw,
+ outputDefinitions,
+ outputParams,
+ nodeInfo,
+ loadInputs,
+ loadOutputs,
+ loadNodeJson,
+ loadOutputDefinitions,
+ updateOutputParams,
+ ...props
+ }: ProcessPanelRootProps) => {
+ const outputUuid = process?.containerRequest.outputUuid;
+ const containerRequest = process?.containerRequest;
+ const inputMounts = getInputCollectionMounts(process?.containerRequest);
+
+ React.useEffect(() => {
+ if (containerRequest) {
+ // Load inputs from mounts or props
+ loadInputs(containerRequest);
+ // Fetch raw output (loads from props or keep)
+ loadOutputs(containerRequest);
+ // Loads output definitions from mounts into store
+ loadOutputDefinitions(containerRequest);
+ // load the assigned instance type from node.json in
+ // the log collection
+ loadNodeJson(containerRequest);