make draft-js dependency for utils

Author: juliankrispel

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,5 +33,13 @@ 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)

packages/utils/package-lock.json

@@ -23,7 +23,6 @@
   },
   "devDependencies": {
     "cross-env": "^5.1.4",
-    "draft-js": "^0.10.5",
     "flow-bin": "^0.81.0",
     "flow-typed": "^2.5.1",
     "react": "^16.2.0",
@@ -36,7 +35,7 @@
   "files": [
     "dist"
   ],
-  "peerDependencies": {
+  "dependencies": {
     "draft-js": "^0.10.5"
   }
 }