add indentation feature for the example of checkableList, and remove

mergeEntityData func

Author: freedomlang

examples/checkable-list-example/src/CheckableList.js

@@ -15,6 +15,7 @@ import {
   CheckableListItemBlock,
   CHECKABLE_LIST_ITEM,
   blockRenderMap,
+  CheckableListItemUtils,
 } from 'draft-js-checkable-list-item'
 
 class CheckableList extends Component<PluginProps> {
@@ -50,6 +51,27 @@ class CheckableList extends Component<PluginProps> {
     setEditorState(newEditorState)
   }
 
+  handleTab = (event: SyntheticKeyboardEvent): ?boolean => {
+    if (this.adjustBlockDepth(event)) {
+      return true
+    }
+    const { editorState, setEditorState } = this.props
+    const newEditorState = RichUtils.onTab(event, editorState, 4)
+    if (newEditorState !== editorState) {
+      setEditorState(newEditorState)
+    }
+  }
+
+  adjustBlockDepth(event: SyntheticKeyboardEvent): boolean {
+    const { editorState, setEditorState } = this.props
+    const newEditorState = CheckableListItemUtils.onTab(event, editorState, 4)
+    if (newEditorState !== editorState) {
+      setEditorState(newEditorState)
+      return true
+    }
+    return false
+  }
+
   componentDidMount() {
     const { registerPlugin } = this.props
 
@@ -71,6 +93,7 @@ class CheckableList extends Component<PluginProps> {
           return CHECKABLE_LIST_ITEM
         }
       },
+      // handleTab: this.handleTab
     })
   }
 

packages/utils/README.md

@@ -143,12 +143,6 @@ getLineCount(editorState: EditorState): number
 getWordCount(editorState: EditorState): number
 ```
 
-### mergeEntityData
-
-```javascript
-mergeEntityData(editorState: EditorState, entityKey: string, data: Object): EditorState
-```
-
 ## License
 
 MIT © [juliankrispel](https://github.com/juliankrispel)

packages/utils/src/index.js

@@ -266,15 +266,3 @@ export function getWordCount(editorState: EditorState): number {
   const wordArray = cleanString.match(/\S+/g) // matches words according to whitespace
   return wordArray ? wordArray.length : 0
 }
-
-export function mergeEntityData(
-  editorState: EditorState,
-  entityKey: string,
-  data: Object
-): EditorState {
-  const newContentState = editorState
-    .getCurrentContent()
-    .mergeEntityData(entityKey, data)
-
-  return EditorState.push(editorState, newContentState, 'apply-entity')
-}