Add HorizontalRuleNode to LexicalRichText Component. (#31)

This PR enables a new Lexical Node-type for our `LexicalRichText` Component.
This Node-type, `HorizontalRuleNode` allows for people to easily change
alignment (left, right, center) of text.

TEST=manual

Ensured that I could parse and render an AST with the new Node-type.

.github/workflows/main.yml

@@ -10,7 +10,7 @@ on:
       - .github/workflows/semgrep.yml
   schedule:
     # random HH:MM to avoid a load spike on GitHub Actions at 00:00
-    - cron: '50 2 * * *'
+    - cron: "50 2 * * *"
 jobs:
   semgrep:
     name: semgrep/ci

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yext/react-components",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "",
   "author": "[email protected]",
   "types": "./lib/esm/index.d.ts",

src/components/richText/LexicalRichText.tsx

@@ -11,6 +11,7 @@ import { ListPlugin } from "@lexical/react/LexicalListPlugin";
 import { CodeHighlightNode, CodeNode } from "@lexical/code";
 import { AutoLinkNode, LinkNode } from "@lexical/link";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
+import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
 import { HashtagNode } from "@lexical/hashtag";
 import { EditorThemeClasses } from "lexical";
 import DefaultNodeStyling from "./DefaultStyling";
@@ -79,6 +80,7 @@ function generateConfig(
       TableRowNode,
       AutoLinkNode,
       LinkNode,
+      HorizontalRuleNode,
     ],
   };
 }