fix(ts): widens type for RawNodeDatum["attributes"] (#350)

`attributes` was made unintentionally restrictive during the v2 refactor to
Typescript, by moving from a loose implicit `object` type to `Record<string,
string>`.
This commit widens the used `Record` type to additionally accept `number`
and `boolean` primitives as possible values.

Author: bkrem

README.md

@@ -129,7 +129,7 @@ By default, `Tree` expects each node object in `data` to implement the [`RawNode
 ```ts
 interface RawNodeDatum {
   name: string;
-  attributes?: Record<string, string>;
+  attributes?: Record<string, string | number | boolean>;
   children?: RawNodeDatum[];
 }
 ```

src/Node/DefaultNodeElement.tsx

@@ -45,7 +45,7 @@ const DefaultNodeElement: React.FunctionComponent<DefaultNodeElementProps> = ({
         {nodeDatum.attributes &&
           Object.entries(nodeDatum.attributes).map(([labelKey, labelValue], i) => (
             <tspan key={`${labelKey}-${i}`} {...textLayout.attribute}>
-              {labelKey}: {labelValue}
+              {labelKey}: {typeof labelValue === 'boolean' ? labelValue.toString() : labelValue}
             </tspan>
           ))}
       </text>

src/types/common.ts

@@ -10,7 +10,7 @@ export interface Point {
 
 export interface RawNodeDatum {
   name: string;
-  attributes?: Record<string, string>;
+  attributes?: Record<string, string | number | boolean>;
   children?: RawNodeDatum[];
 }