fix table element validators being too strict

Author: mProjectsCode

jsEngine/api/MarkdownAPI.ts

@@ -187,7 +187,7 @@ export class MarkdownAPI {
 	 * @param body the table body
 	 */
 	public createTable(header: string[], body: string[][]): TableElement {
-		validateAPIArgs(z.object({ header: z.array(z.string()), body: z.array(z.array(z.string())) }), { header, body });
+		validateAPIArgs(z.object({ header: z.array(z.string()), body: this.apiInstance.validators.tableElementBody }), { header, body });
 
 		return new TableElement(this.apiInstance, header, body);
 	}

jsEngine/api/markdown/AbstractMarkdownElementContainer.ts

@@ -136,8 +136,8 @@ export abstract class AbstractMarkdownElementContainer extends AbstractMarkdownE
 		return element;
 	}
 
-	createTable(header: string[], body: string[][]): TableElement {
-		validateAPIArgs(z.object({ header: z.array(z.string()), body: z.array(z.array(z.string())) }), { header, body });
+	createTable(header: string[], body: TableElementType[][]): TableElement {
+		validateAPIArgs(z.object({ header: z.array(z.string()), body: this.apiInstance.validators.tableElementBody }), { header, body });
 
 		const element = new TableElement(this.apiInstance, header, body);
 		this.addElement(element);
@@ -228,18 +228,20 @@ export class CodeElement extends AbstractMarkdownLiteral {
 	}
 }
 
+export type TableElementType = string | number | boolean | null | undefined;
+
 /**
  * Represents a markdown table.
  */
 export class TableElement extends AbstractMarkdownLiteral {
 	header: string[];
 	body: string[][];
 
-	constructor(apiInstance: API, header: string[], body: string[][]) {
+	constructor(apiInstance: API, header: string[], body: TableElementType[][]) {
 		super(apiInstance);
 
 		this.header = header;
-		this.body = body;
+		this.body = body.map(row => row.map(cell => (cell === null || cell === undefined ? '' : cell.toString())));
 	}
 
 	public toString(): string {

jsEngine/utils/Validators.ts

@@ -2,6 +2,7 @@
 
 import { API } from 'jsEngine/api/API';
 import { AbstractMarkdownElement } from 'jsEngine/api/markdown/AbstractMarkdownElement';
+import type { TableElementType } from 'jsEngine/api/markdown/AbstractMarkdownElementContainer';
 import type {
 	ButtonPromptButtonOptions,
 	ButtonPromptOptions,
@@ -46,6 +47,8 @@ export class Validators {
 	tFile: z.ZodType<TFile, any, any>;
 	cachedMetadata: z.ZodType<CachedMetadata, any, any>;
 	block: z.ZodType<Block, any, any>;
+	tableElementType: z.ZodType<TableElementType, any, any>;
+	tableElementBody: z.ZodType<TableElementType[][], any, any>;
 	jsExecutionContext: z.ZodType<JsExecutionContext, any, any>;
 	engineExecutionParams: z.ZodType<EngineExecutionParams, any, any>;
 	engineExecutionParamsNoCode: z.ZodType<Omit<EngineExecutionParams, 'code'>, any, any>;
@@ -75,6 +78,8 @@ export class Validators {
 				to: z.number(),
 			}),
 		);
+		this.tableElementType = schemaForType<TableElementType>()(z.union([z.string(), z.number(), z.boolean(), z.null(), z.undefined()]));
+		this.tableElementBody = schemaForType<TableElementType[][]>()(z.array(z.array(this.tableElementType)));
 		this.jsExecutionContext = schemaForType<JsExecutionContext>()(
 			z.object({
 				file: this.tFile.optional(),