AutoTable types + footer element

go/jsruntime/uikit/AutoTable.tsx

@@ -372,16 +372,17 @@ export interface AutoTableProps {
     options?: AutoTableOptions;
     initialFilter?: Partial<AutoTableFilter>;
     accordionKey?: string;
-    searchFields?: (ctx: SearchFieldsContext) => any;
-    aboveTable?: any;
-    belowTable?: any;
+    searchFields?: (ctx: SearchFieldsContext) => JSXElement;
+    aboveTable?: JSXElement;
+    footer?: JSXElement;
+    belowTable?: JSXElement;
     emptyMessage?: string | (() => string);
-    rowRenderer?: (item: any, position: number, rowIdx: number) => any;
-    cellRenderer?: (item: any, col: AutoTableColumn, colIdx: number, position: number, rowIdx: number) => any;
-    accordionRenderer?: (item: any, accordionData: any) => any;
-    toolbarActions?: (ctx: ToolbarActionsContext) => any;
+    rowRenderer?: (item: any, position: number, rowIdx: number) => JSXElement;
+    cellRenderer?: (item: any, col: AutoTableColumn, colIdx: number, position: number, rowIdx: number) => JSXElement;
+    accordionRenderer?: (item: any, accordionData: any) => JSXElement;
+    toolbarActions?: (ctx: ToolbarActionsContext) => JSXElement;
     /** Extra items rendered inside the Export dropdown (e.g. QuickBooks CSV). */
-    exportMenuItems?: (ctx: ToolbarActionsContext) => any;
+    exportMenuItems?: (ctx: ToolbarActionsContext) => JSXElement;
     // Predicate that flags one or more rows for highlighting. When the
     // returned predicate matches an item that lives on a different page than
     // the one currently displayed, the table jumps to that page so the row is
@@ -3995,6 +3996,7 @@ export function AutoTable(props: AutoTableProps) {
                                     ];
                                 }}
                             </For>
+                            <Show when={props.footer}><tr>{props.footer}</tr></Show>
                         </Show>
                     </tbody>
                     <Show when={opts().summaryRows && userSummaryRows().length > 0}>

go/jsruntime/uikit/Forms.tsx

@@ -97,6 +97,15 @@ type CommonInputAttrs =
 // Subsets valid for <select> (excludes input-only attrs)
 type CommonSelectAttrs = Exclude<CommonInputAttrs, "maxlength" | "inputmode" | "placeholder" | "readonly" | "maxLength" | "inputMode">;
 
+interface FormLabelProps {
+    inline?: boolean;
+    for?: string;
+    title?: string;
+    class?: string;
+    onDark?: boolean;
+    children?: JSXElement;
+}
+
 export interface FormInputCommonProps {
     passwordManagerIgnore?: boolean;
     error?: string;
@@ -843,7 +852,7 @@ export function FormTextarea(props: FormTextareaProps) {
     </div>;
 }
 
-export function FormLabel(props: {inline?: boolean; for?: string; title?: string; class?: string; onDark?: boolean; children?: JSXElement}) {
+export function FormLabel(props: FormLabelProps) {
     return <label
             for={props.for}
             title={props.title}