feature/COMPASS-9433 Allow react node in node type prop (#79)

Author: Anemy

src/components/node/node.stories.tsx

@@ -221,6 +221,27 @@ export const DisabledWithHoverVariant: Story = {
   },
 };
 
+export const NodeWithCustomTypeField: Story = {
+  args: {
+    ...INTERNAL_NODE,
+    data: {
+      title: 'orders',
+      fields: [
+        {
+          name: 'customerId',
+          type: (
+            <span>
+              <strong>custom type display</strong>
+            </span>
+          ),
+          variant: 'default',
+          glyphs: ['key'],
+        },
+      ],
+    },
+  },
+};
+
 export const NodeWithPrimaryField: Story = {
   args: {
     ...INTERNAL_NODE,

src/types/node.ts

@@ -138,7 +138,7 @@ export interface NodeField {
   /**
    * The type of the field, for example "objectId".
    */
-  type?: string;
+  type?: string | React.ReactNode;
 
   /**
    * The depth of the field.