Merge pull request #232 from CrystallizeAPI/feat-more-header-levels

feat(react-js-components): enable h4,5,6 in the content transformers

Author: Plopix

.github/workflows/release.yaml

@@ -16,7 +16,7 @@ jobs:
             - name: ⎔ Setup node
               uses: actions/setup-node@v3
               with:
-                  node-version: 16
+                  node-version: 18
                   always-auth: true
                   registry-url: 'https://registry.npmjs.org'
                   scope: '@crystallize'

package.json

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

src/content-transformer/component.tsx

@@ -96,6 +96,21 @@ export const Renderers: Record<keyof Overrides, (props: NodeProps) => JSX.Elemen
             <NodeContent {...props} />
         </h3>
     ),
+    heading4: (props) => (
+        <h4>
+            <NodeContent {...props} />
+        </h4>
+    ),
+    heading5: (props) => (
+        <h5>
+            <NodeContent {...props} />
+        </h5>
+    ),
+    heading6: (props) => (
+        <h6>
+            <NodeContent {...props} />
+        </h6>
+    ),
     deleted: (props) => (
         <del>
             <NodeContent {...props} />

src/content-transformer/types.ts

@@ -31,6 +31,9 @@ export interface Overrides {
     heading1?: Override;
     heading2?: Override;
     heading3?: Override;
+    heading4?: Override;
+    heading5?: Override;
+    heading6?: Override;
     deleted?: Override;
     subscripted?: Override;
     superscripted?: Override;