Merge branch 'master' into example/divider

Author: juliankrispel

.travis.yml

@@ -7,4 +7,3 @@ script:
   - ./node_modules/.bin/lerna bootstrap --hoist
   - npm run build
   - npm run lint
-  - npm run flow

README.md

@@ -1,6 +1,7 @@
 # draft-js-plugins@next
 [![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors)
 ![Build Status](https://travis-ci.org/draft-js-plugins/next.svg?branch=master)
+![codeship](https://img.shields.io/codeship/julian-little-haze-31/master.svg)
 
 # DISCLAIMER: This project isn't usable yet
 

package.json

@@ -47,7 +47,8 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "yarn format && yarn lint"
+      "pre-commit": "npm run format",
+      "pre-push": "npm run lint && npm test && npm run flow"
     }
   },
   "dependencies": {}

packages/atomic-block/README.md

@@ -3,12 +3,16 @@
 ![file size](http://img.badgesize.io/https://unpkg.com/@djsp/atomic-block/dist/index.js?label=size&style=flat-square)
 [![NPM](https://img.shields.io/npm/v/@djsp/atomic-block.svg)](https://www.npmjs.com/package/@djsp/atomic-block) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 
-## Installation
+[Atomic blocks](https://draftjs.org/docs/advanced-topics-block-components#defining-custom-block-components) are draft-js's abstraction for displaying media that isn't text. Like images or embedded videos.
+
+The Atomic block plugin solves two common problems:
+- Focusing atomic blocks.
+- Keyboard interaction with atomic blocks.
 
-`@djsp/atomic-block` depends on `@djsp/utils` which must also be installed.
+## Installation
 
 ```sh
-npm install --save @djsp/utils @djsp/atomic-block
+npm install --save @djsp/utils @djsp/core @djsp/atomic-block
 # or alternately
 yarn add @djsp/utils @djsp/atomic-block
 ```
@@ -29,6 +33,14 @@ yarn add @djsp/utils @djsp/atomic-block
 </EditorContainer>
 ```
 
+## API Props
+
+- `type` - A `string`. Entity type of the atomic block. e.g. `IMAGE`, `VIDEO`, `EMBED` or whatever you want to call your block type :)
+- `children` - Render Prop. 
+
+
+
+
 ## Examples
 - [Editor with image](https://codesandbox.io/s/github/draft-js-plugins/next/tree/master/examples/atomic-block)
 - [Editor with divider](https://codesandbox.io/s/github/draft-js-plugins/next/tree/master/examples/divider-example)

packages/atomic-block/src/index.js

@@ -72,7 +72,7 @@ const setSelection = (
   )
 }
 
-class AtomicBlockPlugin extends Component<Props, State> {
+class AtomicBlockPlugin extends Component<Props> {
   unregister: () => void
 
   constructor(props) {

packages/utils/package-lock.json

@@ -35,7 +35,7 @@
   "files": [
     "dist"
   ],
-  "peerDependencies": {
+  "dependencies": {
     "draft-js": "^0.10.5"
   }
 }