fix: fix data dictionary basiccell component to render boolean values as string (#474) (#475)

* fix: fix data dictionary basiccell component to render boolean values as string (#474)

* fix: linting (#474)

---------

Co-authored-by: Fran McDade <franmcdade@Frans-MacBook-Pro.local>

Author: frano-m

src/components/DataDictionary/components/Table/components/BasicCell/basicCell.tsx

@@ -2,15 +2,19 @@ import { Typography } from "@mui/material";
 import { CellContext, RowData } from "@tanstack/react-table";
 import React, { ReactNode } from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../../styles/common/mui/typography";
+import { parseValue } from "./utils";
 
-export const BasicCell = <T extends RowData, TValue>({
+export const BasicCell = <
+  T extends RowData,
+  TValue extends ReactNode = ReactNode
+>({
   getValue,
 }: CellContext<T, TValue>): JSX.Element | null => {
   const value = getValue();
   if (value === undefined || value === null) return null;
   return (
     <Typography variant={TYPOGRAPHY_PROPS.VARIANT.INHERIT}>
-      {value as ReactNode}
+      {parseValue(value)}
     </Typography>
   );
 };

src/components/DataDictionary/components/Table/components/BasicCell/utils.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+
+/**
+ * Returns a parsed value based on the original value.
+ * If the value is a boolean, it is converted to its string representation ("true" or "false").
+ * For all other types of ReactNode, the value is returned unchanged.
+ * @param value - The original value.
+ * @returns Parsed value or original value.
+ */
+export function parseValue(value: ReactNode): ReactNode {
+  if (typeof value === "boolean") return value.toString();
+  return value;
+}