Prep pre-release

.eslintignore

@@ -4,3 +4,4 @@ coverage/
 dist/
 *.bundle.js
 public/storybook
+storybook-static

.prettierignore

@@ -6,3 +6,4 @@ dist/
 webpack-stats.json
 public/webpack-stats.html
 public/storybook
+storybook-static

examples/components/PrismDecorator.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import type { Node } from "react";
 import Prism from "prismjs";
 import type { ContentBlock } from "draft-js";
 
@@ -15,6 +14,23 @@ type Options = {
  * to use the CompositeDecorator strategy API.
  */
 class PrismDecorator {
+  options: Options;
+
+  highlighted: Record<string, Record<string, { type: string }>> = {};
+
+  component: ({
+    children,
+    offsetKey,
+  }: {
+    children: React.ReactNode;
+    offsetKey: string;
+  }) => JSX.Element;
+
+  strategy: (
+    block: ContentBlock,
+    callback: (start: number, end: number) => void,
+  ) => void;
+
   constructor(options: Options) {
     this.options = options;
     this.highlighted = {};
@@ -24,7 +40,13 @@ class PrismDecorator {
   }
 
   // Renders the decorated tokens.
-  renderToken({ children, offsetKey }: { children: Node; offsetKey: string }) {
+  renderToken({
+    children,
+    offsetKey,
+  }: {
+    children: React.ReactNode;
+    offsetKey: string;
+  }) {
     const type = this.getTokenTypeForKey(offsetKey);
     return <span className={`token ${type}`}>{children}</span>;
   }
@@ -69,7 +91,7 @@ class PrismDecorator {
     this.highlighted[blockKey] = {};
 
     let tokenCount = 0;
-    tokens.reduce((startOffset, token) => {
+    tokens.reduce((startOffset: number, token: string) => {
       const endOffset = startOffset + token.length;
 
       if (typeof token !== "string") {

examples/entities/Document.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import type { Node } from "react";
 import { ContentState } from "draft-js";
 
 import FontIcon from "../components/FontIcon";
@@ -10,7 +9,7 @@ export const DOCUMENT_ICON = <FontIcon icon="document" />;
 type Props = {
   entityKey: string;
   contentState: ContentState;
-  children: Node;
+  children: React.ReactNode;
   onEdit: (entityType: string) => void;
   onRemove: (entityType: string) => void;
   textDirectionality: "LTR" | "RTL";

package.json

@@ -60,6 +60,7 @@
     "@types/enzyme": "^3.10.12",
     "@types/jest": "^28.1.1",
     "@types/jest-axe": "^3.5.3",
+    "@types/prismjs": "^1.26.0",
     "@types/react": "^16.14.26",
     "@types/react-dom": "^16.9.16",
     "coveralls": "^3.1.1",

src/api/behavior.ts

@@ -4,8 +4,8 @@ import {
   getDefaultKeyBinding,
   KeyBindingUtil,
   EditorState,
+  ContentBlock,
 } from "draft-js";
-import type { ContentBlock } from "draft-js";
 import { filterEditorState } from "draftjs-filters";
 import { blockDepthStyleFn } from "draftjs-conductor";
 

src/components/Toolbar/MetaToolbar.tsx

@@ -45,7 +45,7 @@ const MetaToolbar = ({
           ))}
       </ToolbarGroup>
     ) : null}
-    <ToolbarGroup>
+    <ToolbarGroup name="controls">
       {controls.map((control, i) => {
         if (control.inline || control.block) {
           return null;