support for new text editor

Author: dhairyadwivedi

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@crystallize/reactjs-components",
     "license": "MIT",
-    "version": "1.3.2",
+    "version": "1.3.3",
     "author": "Crystallize <[email protected]> (https://crystallize.com)",
     "contributors": [
         "Håkon Krogh <[email protected]>",

src/content-transformer/component.tsx

@@ -81,6 +81,37 @@ export const Renderers: Record<keyof Overrides, (props: NodeProps) => JSX.Elemen
     ),
     span: (props) => <NodeContent {...props} />,
     'line-break': () => <br />,
+    heading1: (props) => (
+        <h1>
+            <NodeContent {...props} />
+        </h1>
+    ),
+    heading2: (props) => (
+        <h2>
+            <NodeContent {...props} />
+        </h2>
+    ),
+    heading3: (props) => (
+        <h3>
+            <NodeContent {...props} />
+        </h3>
+    ),
+    deleted: (props) => (
+        <del>
+            <NodeContent {...props} />
+        </del>
+    ),
+    subscripted: (props) => (
+        <sub>
+            <NodeContent {...props} />
+        </sub>
+    ),
+    superscripted: (props) => (
+        <sup>
+            <NodeContent {...props} />
+        </sup>
+    ),
+    'horizontal-line': (props) => <hr />,
 };
 
 export interface Props {

src/content-transformer/types.ts

@@ -28,4 +28,11 @@ export interface Overrides {
     div?: Override;
     span?: Override;
     'line-break'?: Override;
+    heading1?: Override;
+    heading2?: Override;
+    heading3?: Override;
+    deleted?: Override;
+    subscripted?: Override;
+    superscripted?: Override;
+    'horizontal-line'?: Override;
 }