rich-text-table-support

Author: dhairyadwivedi

package.json

@@ -1,11 +1,12 @@
 {
     "name": "@crystallize/reactjs-components",
     "license": "MIT",
-    "version": "1.4.0",
+    "version": "1.4.1",
     "author": "Crystallize <[email protected]> (https://crystallize.com)",
     "contributors": [
         "Håkon Krogh <[email protected]>",
-        "Sébastien Morel <[email protected]>"
+        "Sébastien Morel <[email protected]>",
+        "Dhairya Dwivedi <[email protected]>"
     ],
     "scripts": {
         "watch": "tsc -W",

src/content-transformer/component.tsx

@@ -111,7 +111,27 @@ export const Renderers: Record<keyof Overrides, (props: NodeProps) => JSX.Elemen
             <NodeContent {...props} />
         </sup>
     ),
-    'horizontal-line': (props) => <hr />,
+    'horizontal-line': () => <hr />,
+    table: (props) => (
+        <table>
+            <NodeContent {...props} />
+        </table>
+    ),
+    'table-row': (props) => (
+        <tr>
+            <NodeContent {...props} />
+        </tr>
+    ),
+    'table-cell': (props) => (
+        <td>
+            <NodeContent {...props} />
+        </td>
+    ),
+    'table-head-cell': (props) => (
+        <th>
+            <NodeContent {...props} />
+        </th>
+    ),
 };
 
 export interface Props {

src/content-transformer/types.ts

@@ -35,4 +35,8 @@ export interface Overrides {
     subscripted?: Override;
     superscripted?: Override;
     'horizontal-line'?: Override;
+    table?: Override;
+    'table-row'?: Override;
+    'table-cell'?: Override;
+    'table-head-cell'?: Override;
 }