fix: handle null LiteralMap in RemoteLiteralMapViewer

src/components/Executions/ExecutionDetails/test/RelaunchExecutionForm.test.tsx

@@ -84,7 +84,9 @@ describe('RelaunchExecutionForm', () => {
         task = createMockTask('MyTask');
         executionData = {
             inputs: { url: 'http://somePath', bytes: long(1000) },
-            outputs: {}
+            outputs: {},
+            fullInputs: null,
+            fullOutputs: null
         };
 
         mockGetWorkflow = jest.fn().mockResolvedValue(workflow);

src/components/Executions/Tables/__stories__/NodeExecutionsTable.stories.tsx

@@ -47,7 +47,13 @@ const nodeRetryAttempts = {
 
 const apiContext = mockAPIContextValue({
     getExecution: () => Promise.resolve(workflowExecution),
-    getNodeExecutionData: () => Promise.resolve({ inputs: {}, outputs: {} }),
+    getNodeExecutionData: () =>
+        Promise.resolve({
+            inputs: {},
+            outputs: {},
+            fullInputs: null,
+            fullOutputs: null
+        }),
     listTaskExecutions: nodeExecutionId => {
         const length = nodeRetryAttempts[nodeExecutionId.nodeId] || 1;
         const entities = Array.from({ length }, (_, retryAttempt) =>

src/components/Launch/LaunchForm/__stories__/LaunchForm.stories.tsx

@@ -67,7 +67,9 @@ const generateMocks = (variables: Record<string, Variable>) => {
 
     const mockExecutionData: ExecutionData = {
         inputs: { url: 'inputsUrl', bytes: Long.fromNumber(1000) },
-        outputs: { url: 'outputsUrl', bytes: Long.fromNumber(1000) }
+        outputs: { url: 'outputsUrl', bytes: Long.fromNumber(1000) },
+        fullInputs: null,
+        fullOutputs: null
     };
 
     const mockExecutionInputs: LiteralMap = Object.keys(

src/components/Literals/RemoteLiteralMapViewer.tsx

@@ -28,7 +28,7 @@ const BlobTooLarge: React.FC<{ url: string }> = ({ url }) => (
  */
 export const RemoteLiteralMapViewer: React.FC<{
     blob: UrlBlob;
-    map?: LiteralMap;
+    map: LiteralMap | null;
 }> = ({ blob, map }) => {
     if (!blob.url || !blob.bytes) {
         return (
@@ -38,7 +38,7 @@ export const RemoteLiteralMapViewer: React.FC<{
         );
     }
 
-    if (map !== undefined) {
+    if (map != null) {
         return <LiteralMapViewer map={map} />;
     }
 

src/components/Literals/test/RemoteLiteralMapViewer.test.tsx

@@ -18,7 +18,7 @@ describe('RemoteLiteralMapViewer', () => {
         };
 
         const { getAllByText } = render(
-            <RemoteLiteralMapViewer map={undefined} blob={blob} />
+            <RemoteLiteralMapViewer map={null} blob={blob} />
         );
 
         const items = getAllByText('No data is available.');
@@ -45,7 +45,7 @@ describe('RemoteLiteralMapViewer', () => {
         expect(items.length).toBe(1);
     });
 
-    it('fetches blob if map is undefined', () => {
+    it('fetches blob if map is null', () => {
         const map: LiteralMap = {
             literals: {
                 input1: {}
@@ -65,7 +65,7 @@ describe('RemoteLiteralMapViewer', () => {
         };
 
         const { getAllByText } = render(
-            <RemoteLiteralMapViewer map={undefined} blob={blob} />
+            <RemoteLiteralMapViewer map={null} blob={blob} />
         );
 
         const items = getAllByText('input1:');

src/models/Execution/api.ts

@@ -65,7 +65,9 @@ export const getExecution = (
 
 const emptyExecutionData: ExecutionData = {
     inputs: {},
-    outputs: {}
+    outputs: {},
+    fullInputs: null,
+    fullOutputs: null
 };
 /** Fetches data URLs for an `Execution` record */
 export const getExecutionData = (

src/models/Execution/types.ts

@@ -132,6 +132,6 @@ export interface TaskExecutionClosure extends Admin.ITaskExecutionClosure {
 export interface ExecutionData {
     inputs: UrlBlob;
     outputs: UrlBlob;
-    fullInputs?: LiteralMap;
-    fullOutputs?: LiteralMap;
+    fullInputs: LiteralMap | null;
+    fullOutputs: LiteralMap | null;
 }