Depend on latest draft-js

Author: ngs

package.json

@@ -55,7 +55,7 @@
     "css-loader": "^0.26.0",
     "css-modules-require-hook": "^4.0.5",
     "dirty-chai": "^1.2.2",
-    "draft-js-plugins-editor": "2.0.4",
+    "draft-js-plugins-editor": "3.0.0",
     "draft-js-prism": "^1.0.5",
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
@@ -104,7 +104,7 @@
   "contributors": ["Atsushi Nagase <a@ngs.io>"],
   "dependencies": {
     "decorate-component-with-props": "^1.1.0",
-    "draft-js": "~0.10.5",
+    "draft-js": "~0.11.5",
     "draft-js-checkable-list-item": "^2.0.5",
     "draft-js-prism-plugin": "^0.1.1",
     "immutable": "~3.7.4",

src/index.js

@@ -105,13 +105,14 @@ const createMarkdownShortcutsPlugin = (config = { insertEmptyBlockOnReturnWithMo
       return null;
     },
 
-    blockRendererFn(block, { setEditorState, getEditorState }) {
+    blockRendererFn(block) {
       switch (block.getType()) {
         case CHECKABLE_LIST_ITEM: {
           return {
             component: CheckableListItem,
             props: {
-              onChangeChecked: () => setEditorState(CheckableListItemUtils.toggleChecked(getEditorState(), block)),
+              onChangeChecked: () =>
+                store.setEditorState(CheckableListItemUtils.toggleChecked(getEditorState(), block)),
               checked: !!block.getData().get('checked'),
             },
           };
@@ -120,35 +121,35 @@ const createMarkdownShortcutsPlugin = (config = { insertEmptyBlockOnReturnWithMo
           return null;
       }
     },
-    onTab(ev, { getEditorState, setEditorState }) {
-      const editorState = getEditorState();
+    onTab(ev) {
+      const editorState = store.getEditorState();
       const newEditorState = adjustBlockDepth(editorState, ev);
       if (newEditorState !== editorState) {
-        setEditorState(newEditorState);
+        store.setEditorState(newEditorState);
         return 'handled';
       }
       return 'not-handled';
     },
-    handleReturn(ev, editorState, { setEditorState }) {
+    handleReturn(ev, editorState) {
       const newEditorState = checkReturnForState(editorState, ev, config);
       if (editorState !== newEditorState) {
-        setEditorState(newEditorState);
+        store.setEditorState(newEditorState);
         return 'handled';
       }
       return 'not-handled';
     },
-    handleBeforeInput(character, editorState, eventTimeStamp, { setEditorState }) {
+    handleBeforeInput(character, editorState) {
       if (character.match(/[A-z0-9_*~`]/)) {
         return 'not-handled';
       }
       const newEditorState = checkCharacterForState(editorState, character);
       if (editorState !== newEditorState) {
-        setEditorState(newEditorState);
+        store.setEditorState(newEditorState);
         return 'handled';
       }
       return 'not-handled';
     },
-    handlePastedText(text, html, editorState, { setEditorState }) {
+    handlePastedText(text, html, editorState) {
       if (html) {
         return 'not-handled';
       }
@@ -183,7 +184,7 @@ const createMarkdownShortcutsPlugin = (config = { insertEmptyBlockOnReturnWithMo
       }
 
       if (editorState !== newEditorState) {
-        setEditorState(newEditorState);
+        store.setEditorState(newEditorState);
         return 'handled';
       }
       return 'not-handled';