fix: ts errors

Author: mscolnick

packages/runnable-app/app/api/context.ts

@@ -1,5 +1,3 @@
-import { User } from '../models/user';
-
 export interface RunnableAppContext {
   /**
    * Authentication
@@ -13,3 +11,9 @@ export interface RunnableAppContext {
 export interface RunnableContext {
   user: User;
 }
+
+export interface User {
+  id: string;
+  name?: string;
+  email: string;
+}

packages/runnable-app/app/components/forms/TableInput.tsx

@@ -12,6 +12,7 @@ import {
   RadioGroup,
 } from '@chakra-ui/react';
 import React from 'react';
+import { TableCellValue } from '../../api/io';
 import { TableCell } from './TableCell';
 
 interface Props {
@@ -20,7 +21,7 @@ interface Props {
   headers: string[];
   isMultiSelect: boolean;
   initialSelection?: string[];
-  rows: { key: string; cells: string[] }[];
+  rows: { key: string; cells: TableCellValue[] }[];
 }
 
 export const TableInput: React.FC<Props> = ({ name, headers, isMultiSelect, initialSelection, helperText, rows }) => {

packages/runnable-app/app/models/user.ts

@@ -191,7 +191,18 @@ export class Workflow {
               return found;
             })
             .validate(opts.validation)
-            .formatBreadcrumbs((value) => [{ key: opts.label, value: opts.getColumns(value)[0] }])
+            .formatBreadcrumbs((value) => [
+              {
+                key: opts.label,
+                value:
+                  opts
+                    .getColumns(value)
+                    .find((v) => typeof v === 'string')
+                    ?.toString() ||
+                  opts.getColumns(value)[0]?.toString() ||
+                  '',
+              },
+            ])
             .build();
 
           return this.asFormPromise(input);

packages/runnable-app/app/models/workflows/workflow.server.ts

@@ -14,7 +14,7 @@ import {
   Tr,
   VStack,
 } from '@chakra-ui/react';
-import { ActionFunction, LoaderFunction, MetaFunction, redirect , json } from '@remix-run/node';
+import { ActionFunction, LoaderFunction, MetaFunction, json } from '@remix-run/node';
 import { Form, useActionData, useLoaderData, useLocation, useTransition } from '@remix-run/react';
 import invariant from 'tiny-invariant';
 

packages/runnable-app/app/routes/actions/$actionId.workflows.$workflowId.tsx

@@ -76,7 +76,7 @@ export type IOForm<T = any> =
       headers: string[];
       isMultiSelect: boolean;
       initialSelection?: string[];
-      rows: { key: string; cells: string[] }[];
+      rows: { key: string; cells: TableCellValue[] }[];
     };
 
 export interface ActionResponse<T = any> extends ActionViewResponse<T> {

packages/runnable-app/app/types/response.ts

@@ -1,7 +1,6 @@
 import { useMatches } from '@remix-run/react';
 import { useMemo } from 'react';
-
-import type { User } from '~/models/user';
+import { User } from '../api/context';
 
 const DEFAULT_REDIRECT = '/';