@studysync/draft-js-modifiers 0.3.0

package/README.md

@@ -0,0 +1,167 @@
+# draft-js-modifiers
+
+[![CircleCI][circleci-image]][circleci-url]
+[![Coverage Status][coveralls-image]][coveralls-url]
+[![npm version][npm-image]][npm-url]
+[![License][license-image]][license-url]
+
+Modular state modifiers for [Draft.js](https://draftjs.org/)
+
+```bash
+yarn add draft-js-modifiers
+
+# or
+
+npm i draft-js-modifiers
+```
+
+## Usage
+
+```js
+import * as Modifiers from 'draft-js-modifiers'
+
+const newEditorState = Modifiers.mergeBlockData(currentEditorState, { foo: 1 })
+```
+
+### Moduler importing
+
+```js
+import adjustBlockDepth from 'draft-js-modifiers/adjustBlockDepth'
+
+// Support Tree Shaking for webpack, rollup.js
+import { insertText } from 'draft-js-modifiers'
+```
+
+## Methods
+
+### `adjustBlockDepth`
+
+```js
+adjustBlockDepth(editorState: EditorState, adjustment: number, maxDepth: number)
+```
+
+### `insertAtomicBlock`
+
+```js
+insertAtomicBlock(
+  editorState: EditorState,
+  entityType: string,
+  mutability: 'IMMUTABLE' | 'MUTABLE' | 'SEGMENTED',
+  data?: { [id: string]: any },
+  character?: ?string = ' '
+)
+```
+
+### `insertEmptyBlock`
+
+```js
+insertEmptyBlock(editorState: EditorState, blockType?: DraftBlockType = 'unstyled')
+```
+
+### `insertNewBlock`
+
+```js
+insertNewBlock(
+  editorState: EditorState,
+  blockType?: DraftBlockType = 'unstyled',
+  text?: string = '',
+  data?: { [id: string]: any } = {}
+)
+```
+
+### `insertText`
+
+```js
+insertText(editorState: EditorState, text: string, entity?: ?string = null)
+```
+
+### `mergeBlockData`
+
+```js
+mergeBlockData(editorState: EditorState, data: { [id: string]: any })
+```
+
+### `mergeBlockDataByKey`
+
+```js
+mergeBlockDataByKey(editorState: EditorState, blockKey: string, data: { [id: string]: any })
+```
+
+### `mergeEntityData`
+
+```js
+mergeEntityData(editorState: EditorState, entityKey: string, data: { [id: string]: any })
+```
+
+### `modifyBlock`
+
+```js
+modifyBlock(editorState: EditorState, blockData: ContentBlock)
+```
+
+### `modifyBlockByKey`
+
+```js
+modifyBlockByKey(editorState: EditorState, blockKey: string, blockData: ContentBlock)
+```
+
+### `removeBlockStyle`
+
+```js
+removeBlockStyle(editorState: EditorState)
+```
+
+### `removeInlineStyles`
+
+```js
+removeInlineStyles(editorState: EditorState, inlineStyles: Array<string> = [])
+```
+
+### `resetBlock`
+
+```js
+resetBlock(editorState: EditorState, block: ContentBlock)
+```
+
+### `toggleBlockType`
+
+```js
+toggleBlockType(editorState: EditorState, blockType: string)
+```
+
+### `toggleEntity`
+
+```js
+toggleEntity(editorState: EditorState, entityKey: ?string)
+```
+
+### `toggleInlineStyle`
+
+```js
+toggleInlineStyle(editorState: EditorState, inlineStyle: string)
+```
+
+## How to add module
+
+```bash
+yarn run add -- moduleName
+
+# or
+
+npm run add -- moduleName
+```
+
+## License
+
+[MIT][license-url]
+
+© sugarshin
+
+[circleci-image]: https://circleci.com/gh/sugarshin/draft-js-modifiers/tree/master.svg?style=svg&circle-token=f80707ebb99977ec63649c41cb76202f05aa75e1
+[circleci-url]: https://circleci.com/gh/sugarshin/draft-js-modifiers/tree/master
+[coveralls-image]: https://coveralls.io/repos/github/sugarshin/draft-js-modifiers/badge.svg?branch=master
+[coveralls-url]: https://coveralls.io/github/sugarshin/draft-js-modifiers?branch=master
+[npm-image]: https://img.shields.io/npm/v/draft-js-modifiers.svg?style=flat-square
+[npm-url]: https://www.npmjs.org/package/draft-js-modifiers
+[license-image]: https://img.shields.io/:license-mit-blue.svg?style=flat-square
+[license-url]: https://sugarshin.mit-license.org/

package/adjustBlockDepth.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var _adjustBlockDepthForContentState = _interopRequireDefault(require("draft-js/lib/adjustBlockDepthForContentState"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var adjustBlockDepth = function adjustBlockDepth(editorState, adjustment, maxDepth) {
+  var content = (0, _adjustBlockDepthForContentState.default)(editorState.getCurrentContent(), editorState.getSelection(), adjustment, maxDepth);
+  return _draftJs.EditorState.push(editorState, content, 'adjust-depth');
+};
+
+var _default = adjustBlockDepth;
+exports.default = _default;

package/es/adjustBlockDepth.js

@@ -0,0 +1,9 @@
+import { EditorState } from 'draft-js';
+import adjustBlockDepthForContentState from 'draft-js/lib/adjustBlockDepthForContentState';
+
+var adjustBlockDepth = function adjustBlockDepth(editorState, adjustment, maxDepth) {
+  var content = adjustBlockDepthForContentState(editorState.getCurrentContent(), editorState.getSelection(), adjustment, maxDepth);
+  return EditorState.push(editorState, content, 'adjust-depth');
+};
+
+export default adjustBlockDepth;

package/es/index.js

@@ -0,0 +1,16 @@
+export { default as adjustBlockDepth } from './adjustBlockDepth';
+export { default as insertAtomicBlock } from './insertAtomicBlock';
+export { default as insertEmptyBlock } from './insertEmptyBlock';
+export { default as insertNewBlock } from './insertNewBlock';
+export { default as insertText } from './insertText';
+export { default as mergeBlockData } from './mergeBlockData';
+export { default as mergeBlockDataByKey } from './mergeBlockDataByKey';
+export { default as mergeEntityData } from './mergeEntityData';
+export { default as modifyBlock } from './modifyBlock';
+export { default as modifyBlockByKey } from './modifyBlockByKey';
+export { default as removeBlockStyle } from './removeBlockStyle';
+export { default as removeInlineStyles } from './removeInlineStyles';
+export { default as resetBlock } from './resetBlock';
+export { default as toggleBlockType } from './toggleBlockType';
+export { default as toggleEntity } from './toggleEntity';
+export { default as toggleInlineStyle } from './toggleInlineStyle';

package/es/insertAtomicBlock.js

@@ -0,0 +1,9 @@
+import { AtomicBlockUtils } from 'draft-js';
+
+var insertAtomicBlock = function insertAtomicBlock(editorState, entityType, mutability, data) {
+  var character = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : ' ';
+  var entityKey = editorState.getCurrentContent().createEntity(entityType, mutability, data).getLastCreatedEntityKey();
+  return AtomicBlockUtils.insertAtomicBlock(editorState, entityKey, character);
+};
+
+export default insertAtomicBlock;

package/es/insertEmptyBlock.js

@@ -0,0 +1,8 @@
+import insertNewBlock from './insertNewBlock';
+
+var insertEmptyBlock = function insertEmptyBlock(editorState) {
+  var blockType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unstyled';
+  return insertNewBlock(editorState, blockType);
+};
+
+export default insertEmptyBlock;

package/es/insertNewBlock.js

@@ -0,0 +1,45 @@
+import { EditorState, ContentBlock, CharacterMetadata, genKey } from 'draft-js';
+import { Map, List, Repeat } from 'immutable';
+import getCurrentBlock from './utils/getCurrentBlock';
+
+var insertNewBlock = function insertNewBlock(editorState) {
+  var blockType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unstyled';
+  var text = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var content = editorState.getCurrentContent();
+  var selection = editorState.getSelection();
+  var currentBlock = getCurrentBlock(editorState);
+  var emptyBlockKey = genKey();
+  var emptyBlock = new ContentBlock({
+    key: emptyBlockKey,
+    type: blockType,
+    text: text,
+    characterList: List(Repeat(CharacterMetadata.create(), text.length)),
+    data: Map().merge(data)
+  });
+  var blockMap = content.getBlockMap();
+  var blocksBefore = blockMap.toSeq().takeUntil(function (value) {
+    return value === currentBlock;
+  });
+  var blocksAfter = blockMap.toSeq().skipUntil(function (value) {
+    return value === currentBlock;
+  }).rest();
+  var augmentedBlocks = [[currentBlock.getKey(), currentBlock], [emptyBlockKey, emptyBlock]];
+  var newBlocks = blocksBefore.concat(augmentedBlocks, blocksAfter).toOrderedMap();
+  var focusKey = emptyBlockKey;
+  var newContent = content.merge({
+    blockMap: newBlocks,
+    selectionBefore: selection,
+    selectionAfter: selection.merge({
+      anchorKey: focusKey,
+      anchorOffset: 0,
+      focusKey: focusKey,
+      focusOffset: 0,
+      isBackward: false
+    })
+  });
+  var newState = EditorState.push(editorState, newContent, 'split-block');
+  return EditorState.forceSelection(newState, newContent.getSelectionAfter());
+};
+
+export default insertNewBlock;

package/es/insertText.js

@@ -0,0 +1,11 @@
+import { EditorState, Modifier } from 'draft-js';
+
+var insertText = function insertText(editorState, text) {
+  var entity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var selection = editorState.getSelection();
+  var content = editorState.getCurrentContent();
+  var newContent = Modifier[selection.isCollapsed() ? 'insertText' : 'replaceText'](content, selection, text, editorState.getCurrentInlineStyle(), entity);
+  return EditorState.push(editorState, newContent, 'insert-fragment');
+};
+
+export default insertText;

package/es/mergeBlockData.js

@@ -0,0 +1,11 @@
+import { EditorState, Modifier } from 'draft-js';
+import { Map } from 'immutable';
+
+var mergeBlockData = function mergeBlockData(editorState, data) {
+  var content = editorState.getCurrentContent();
+  var selection = editorState.getSelection();
+  var newContent = Modifier.mergeBlockData(content, selection, Map(data));
+  return EditorState.push(editorState, newContent, 'change-block-data');
+};
+
+export default mergeBlockData;

package/es/mergeBlockDataByKey.js

@@ -0,0 +1,14 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { EditorState } from 'draft-js';
+
+var mergeBlockDataByKey = function mergeBlockDataByKey(editorState, blockKey, data) {
+  var content = editorState.getCurrentContent();
+  var updatedBlock = content.getBlockForKey(blockKey).mergeIn(['data'], data);
+  var blockMap = content.getBlockMap().merge(_defineProperty({}, blockKey, updatedBlock));
+  return EditorState.push(editorState, content.merge({
+    blockMap: blockMap
+  }), 'change-block-data');
+};
+
+export default mergeBlockDataByKey;

package/es/mergeEntityData.js

@@ -0,0 +1,8 @@
+import { EditorState } from 'draft-js';
+
+var mergeEntityData = function mergeEntityData(editorState, entityKey, data) {
+  var newContentState = editorState.getCurrentContent().mergeEntityData(entityKey, data);
+  return EditorState.forceSelection(EditorState.push(editorState, newContentState, 'apply-entity'), editorState.getSelection());
+};
+
+export default mergeEntityData;

package/es/modifyBlock.js

@@ -0,0 +1,14 @@
+import { EditorState } from 'draft-js';
+import modifyBlockForContentState from 'draft-js/lib/modifyBlockForContentState';
+
+var modifyBlock = function modifyBlock(editorState, blockData) {
+  var content = editorState.getCurrentContent();
+  var selection = editorState.getSelection();
+  var newContent = modifyBlockForContentState(content, selection, function (block) {
+    return block.merge(blockData);
+  });
+  return EditorState.push(editorState, newContent, 'split-block' // TODO: will this do ?
+  );
+};
+
+export default modifyBlock;

package/es/modifyBlockByKey.js

@@ -0,0 +1,15 @@
+import { EditorState } from 'draft-js';
+
+var modifyBlockByKey = function modifyBlockByKey(editorState, blockKey, blockData) {
+  var content = editorState.getCurrentContent();
+  var blockMap = content.getBlockMap().map(function (b) {
+    return b.key === blockKey ? b.merge(blockData) : b;
+  });
+  var newContent = content.merge({
+    blockMap: blockMap
+  });
+  return EditorState.push(editorState, newContent, 'split-block' // TODO: will this do ?
+  );
+};
+
+export default modifyBlockByKey;

package/es/removeBlockStyle.js

@@ -0,0 +1,13 @@
+import { EditorState, RichUtils } from 'draft-js';
+
+var removeBlockStyle = function removeBlockStyle(editorState) {
+  var withoutBlockStyle = RichUtils.tryToRemoveBlockStyle(editorState);
+
+  if (withoutBlockStyle) {
+    return EditorState.push(editorState, withoutBlockStyle, 'change-block-type');
+  }
+
+  return editorState;
+};
+
+export default removeBlockStyle;

package/es/removeInlineStyles.js

@@ -0,0 +1,32 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { EditorState, ContentState, CharacterMetadata, Modifier } from 'draft-js';
+import getCurrentBlock from './utils/getCurrentBlock';
+
+var removeInlineStyles = function removeInlineStyles(editorState) {
+  var inlineStyles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var selection = editorState.getSelection();
+  var content = editorState.getCurrentContent();
+  var newContent;
+
+  if (selection.isCollapsed()) {
+    var block = getCurrentBlock(editorState);
+    var updatedCharacterList = block.getCharacterList().map(function (c) {
+      return inlineStyles.reduce(function (characterMetadata, style) {
+        return CharacterMetadata.removeStyle(characterMetadata, style);
+      }, c);
+    });
+    var updatedBlock = block.set('characterList', updatedCharacterList);
+    newContent = content.merge({
+      blockMap: content.getBlockMap().merge(_defineProperty({}, block.getKey(), updatedBlock))
+    });
+  } else {
+    newContent = inlineStyles.reduce(function (contentState, style) {
+      return Modifier.removeInlineStyle(contentState, selection, style);
+    }, content);
+  }
+
+  return EditorState.push(editorState, newContent, 'change-inline-style');
+};
+
+export default removeInlineStyles;

package/es/resetBlock.js

@@ -0,0 +1,21 @@
+import { EditorState, SelectionState, Modifier } from 'draft-js';
+
+/**
+ * Remove range also change block type to 'unstyled'
+ */
+var resetBlock = function resetBlock(editorState, block) {
+  var content = editorState.getCurrentContent();
+  var key = block.getKey();
+  var targetRange = new SelectionState({
+    anchorKey: key,
+    anchorOffset: 0,
+    focusKey: key,
+    focusOffset: block.getLength()
+  });
+  var withoutTargetContent = Modifier.removeRange(content, targetRange, 'backward');
+  var resetBlock = Modifier.setBlockType(withoutTargetContent, withoutTargetContent.getSelectionAfter(), 'unstyled');
+  var newState = EditorState.push(editorState, resetBlock, 'remove-range');
+  return EditorState.forceSelection(newState, resetBlock.getSelectionAfter());
+};
+
+export default resetBlock;

package/es/toggleBlockType.js

@@ -0,0 +1,7 @@
+import { RichUtils } from 'draft-js';
+
+var toggleBlockType = function toggleBlockType(editorState, blockType) {
+  return RichUtils.toggleBlockType(editorState, blockType);
+};
+
+export default toggleBlockType;

package/es/toggleEntity.js

@@ -0,0 +1,7 @@
+import { RichUtils } from 'draft-js';
+
+var toggleEntity = function toggleEntity(editorState, entityKey) {
+  return RichUtils.toggleLink(editorState, editorState.getSelection(), entityKey);
+};
+
+export default toggleEntity;

package/es/toggleInlineStyle.js

@@ -0,0 +1,7 @@
+import { RichUtils } from 'draft-js';
+
+var toggleInlineStyle = function toggleInlineStyle(editorState, inlineStyle) {
+  return RichUtils.toggleInlineStyle(editorState, inlineStyle);
+};
+
+export default toggleInlineStyle;

package/es/utils/getCurrentBlock.js

@@ -0,0 +1,6 @@
+var getCurrentBlock = function getCurrentBlock(editorState) {
+  var selection = editorState.getSelection();
+  return editorState.getCurrentContent().getBlockForKey(selection.getStartKey());
+};
+
+export default getCurrentBlock;

package/index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "adjustBlockDepth", {
+  enumerable: true,
+  get: function get() {
+    return _adjustBlockDepth.default;
+  }
+});
+Object.defineProperty(exports, "insertAtomicBlock", {
+  enumerable: true,
+  get: function get() {
+    return _insertAtomicBlock.default;
+  }
+});
+Object.defineProperty(exports, "insertEmptyBlock", {
+  enumerable: true,
+  get: function get() {
+    return _insertEmptyBlock.default;
+  }
+});
+Object.defineProperty(exports, "insertNewBlock", {
+  enumerable: true,
+  get: function get() {
+    return _insertNewBlock.default;
+  }
+});
+Object.defineProperty(exports, "insertText", {
+  enumerable: true,
+  get: function get() {
+    return _insertText.default;
+  }
+});
+Object.defineProperty(exports, "mergeBlockData", {
+  enumerable: true,
+  get: function get() {
+    return _mergeBlockData.default;
+  }
+});
+Object.defineProperty(exports, "mergeBlockDataByKey", {
+  enumerable: true,
+  get: function get() {
+    return _mergeBlockDataByKey.default;
+  }
+});
+Object.defineProperty(exports, "mergeEntityData", {
+  enumerable: true,
+  get: function get() {
+    return _mergeEntityData.default;
+  }
+});
+Object.defineProperty(exports, "modifyBlock", {
+  enumerable: true,
+  get: function get() {
+    return _modifyBlock.default;
+  }
+});
+Object.defineProperty(exports, "modifyBlockByKey", {
+  enumerable: true,
+  get: function get() {
+    return _modifyBlockByKey.default;
+  }
+});
+Object.defineProperty(exports, "removeBlockStyle", {
+  enumerable: true,
+  get: function get() {
+    return _removeBlockStyle.default;
+  }
+});
+Object.defineProperty(exports, "removeInlineStyles", {
+  enumerable: true,
+  get: function get() {
+    return _removeInlineStyles.default;
+  }
+});
+Object.defineProperty(exports, "resetBlock", {
+  enumerable: true,
+  get: function get() {
+    return _resetBlock.default;
+  }
+});
+Object.defineProperty(exports, "toggleBlockType", {
+  enumerable: true,
+  get: function get() {
+    return _toggleBlockType.default;
+  }
+});
+Object.defineProperty(exports, "toggleEntity", {
+  enumerable: true,
+  get: function get() {
+    return _toggleEntity.default;
+  }
+});
+Object.defineProperty(exports, "toggleInlineStyle", {
+  enumerable: true,
+  get: function get() {
+    return _toggleInlineStyle.default;
+  }
+});
+
+var _adjustBlockDepth = _interopRequireDefault(require("./adjustBlockDepth"));
+
+var _insertAtomicBlock = _interopRequireDefault(require("./insertAtomicBlock"));
+
+var _insertEmptyBlock = _interopRequireDefault(require("./insertEmptyBlock"));
+
+var _insertNewBlock = _interopRequireDefault(require("./insertNewBlock"));
+
+var _insertText = _interopRequireDefault(require("./insertText"));
+
+var _mergeBlockData = _interopRequireDefault(require("./mergeBlockData"));
+
+var _mergeBlockDataByKey = _interopRequireDefault(require("./mergeBlockDataByKey"));
+
+var _mergeEntityData = _interopRequireDefault(require("./mergeEntityData"));
+
+var _modifyBlock = _interopRequireDefault(require("./modifyBlock"));
+
+var _modifyBlockByKey = _interopRequireDefault(require("./modifyBlockByKey"));
+
+var _removeBlockStyle = _interopRequireDefault(require("./removeBlockStyle"));
+
+var _removeInlineStyles = _interopRequireDefault(require("./removeInlineStyles"));
+
+var _resetBlock = _interopRequireDefault(require("./resetBlock"));
+
+var _toggleBlockType = _interopRequireDefault(require("./toggleBlockType"));
+
+var _toggleEntity = _interopRequireDefault(require("./toggleEntity"));
+
+var _toggleInlineStyle = _interopRequireDefault(require("./toggleInlineStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/insertAtomicBlock.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var insertAtomicBlock = function insertAtomicBlock(editorState, entityType, mutability, data) {
+  var character = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : ' ';
+  var entityKey = editorState.getCurrentContent().createEntity(entityType, mutability, data).getLastCreatedEntityKey();
+  return _draftJs.AtomicBlockUtils.insertAtomicBlock(editorState, entityKey, character);
+};
+
+var _default = insertAtomicBlock;
+exports.default = _default;

package/insertEmptyBlock.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _insertNewBlock = _interopRequireDefault(require("./insertNewBlock"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var insertEmptyBlock = function insertEmptyBlock(editorState) {
+  var blockType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unstyled';
+  return (0, _insertNewBlock.default)(editorState, blockType);
+};
+
+var _default = insertEmptyBlock;
+exports.default = _default;

package/insertNewBlock.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var _immutable = require("immutable");
+
+var _getCurrentBlock = _interopRequireDefault(require("./utils/getCurrentBlock"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var insertNewBlock = function insertNewBlock(editorState) {
+  var blockType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unstyled';
+  var text = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var content = editorState.getCurrentContent();
+  var selection = editorState.getSelection();
+  var currentBlock = (0, _getCurrentBlock.default)(editorState);
+  var emptyBlockKey = (0, _draftJs.genKey)();
+  var emptyBlock = new _draftJs.ContentBlock({
+    key: emptyBlockKey,
+    type: blockType,
+    text: text,
+    characterList: (0, _immutable.List)((0, _immutable.Repeat)(_draftJs.CharacterMetadata.create(), text.length)),
+    data: (0, _immutable.Map)().merge(data)
+  });
+  var blockMap = content.getBlockMap();
+  var blocksBefore = blockMap.toSeq().takeUntil(function (value) {
+    return value === currentBlock;
+  });
+  var blocksAfter = blockMap.toSeq().skipUntil(function (value) {
+    return value === currentBlock;
+  }).rest();
+  var augmentedBlocks = [[currentBlock.getKey(), currentBlock], [emptyBlockKey, emptyBlock]];
+  var newBlocks = blocksBefore.concat(augmentedBlocks, blocksAfter).toOrderedMap();
+  var focusKey = emptyBlockKey;
+  var newContent = content.merge({
+    blockMap: newBlocks,
+    selectionBefore: selection,
+    selectionAfter: selection.merge({
+      anchorKey: focusKey,
+      anchorOffset: 0,
+      focusKey: focusKey,
+      focusOffset: 0,
+      isBackward: false
+    })
+  });
+
+  var newState = _draftJs.EditorState.push(editorState, newContent, 'split-block');
+
+  return _draftJs.EditorState.forceSelection(newState, newContent.getSelectionAfter());
+};
+
+var _default = insertNewBlock;
+exports.default = _default;

package/insertText.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var insertText = function insertText(editorState, text) {
+  var entity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var selection = editorState.getSelection();
+  var content = editorState.getCurrentContent();
+
+  var newContent = _draftJs.Modifier[selection.isCollapsed() ? 'insertText' : 'replaceText'](content, selection, text, editorState.getCurrentInlineStyle(), entity);
+
+  return _draftJs.EditorState.push(editorState, newContent, 'insert-fragment');
+};
+
+var _default = insertText;
+exports.default = _default;

package/mergeBlockData.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var _immutable = require("immutable");
+
+var mergeBlockData = function mergeBlockData(editorState, data) {
+  var content = editorState.getCurrentContent();
+  var selection = editorState.getSelection();
+
+  var newContent = _draftJs.Modifier.mergeBlockData(content, selection, (0, _immutable.Map)(data));
+
+  return _draftJs.EditorState.push(editorState, newContent, 'change-block-data');
+};
+
+var _default = mergeBlockData;
+exports.default = _default;

package/mergeBlockDataByKey.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var mergeBlockDataByKey = function mergeBlockDataByKey(editorState, blockKey, data) {
+  var content = editorState.getCurrentContent();
+  var updatedBlock = content.getBlockForKey(blockKey).mergeIn(['data'], data);
+  var blockMap = content.getBlockMap().merge(_defineProperty({}, blockKey, updatedBlock));
+  return _draftJs.EditorState.push(editorState, content.merge({
+    blockMap: blockMap
+  }), 'change-block-data');
+};
+
+var _default = mergeBlockDataByKey;
+exports.default = _default;

package/mergeEntityData.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var mergeEntityData = function mergeEntityData(editorState, entityKey, data) {
+  var newContentState = editorState.getCurrentContent().mergeEntityData(entityKey, data);
+  return _draftJs.EditorState.forceSelection(_draftJs.EditorState.push(editorState, newContentState, 'apply-entity'), editorState.getSelection());
+};
+
+var _default = mergeEntityData;
+exports.default = _default;

package/modifyBlock.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var _modifyBlockForContentState = _interopRequireDefault(require("draft-js/lib/modifyBlockForContentState"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var modifyBlock = function modifyBlock(editorState, blockData) {
+  var content = editorState.getCurrentContent();
+  var selection = editorState.getSelection();
+  var newContent = (0, _modifyBlockForContentState.default)(content, selection, function (block) {
+    return block.merge(blockData);
+  });
+  return _draftJs.EditorState.push(editorState, newContent, 'split-block' // TODO: will this do ?
+  );
+};
+
+var _default = modifyBlock;
+exports.default = _default;

package/modifyBlockByKey.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var modifyBlockByKey = function modifyBlockByKey(editorState, blockKey, blockData) {
+  var content = editorState.getCurrentContent();
+  var blockMap = content.getBlockMap().map(function (b) {
+    return b.key === blockKey ? b.merge(blockData) : b;
+  });
+  var newContent = content.merge({
+    blockMap: blockMap
+  });
+  return _draftJs.EditorState.push(editorState, newContent, 'split-block' // TODO: will this do ?
+  );
+};
+
+var _default = modifyBlockByKey;
+exports.default = _default;

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@studysync/draft-js-modifiers",
+  "version": "0.3.0",
+  "description": "Modular state modifiers for Draft.js",
+  "main": "index.js",
+  "module": "es/index.js",
+  "jsnext:main": "es/index.js",
+  "files": [
+    "es",
+    "utils",
+    "*.js"
+  ],
+  "keywords": [
+    "draft-js",
+    "draft-js-modifiers"
+  ],
+  "repository": "https://github.com/dkadrios/draft-js-modifiers.git",
+  "author": "sugarshin",
+  "license": "MIT",
+  "scripts": {
+    "add": "node ./script/add-module",
+    "start": "npm run watch:test",
+    "lint": "eslint src test",
+    "type": "flow src",
+    "check": "npm run lint && npm run type",
+    "test": "ava -v",
+    "test:coverage": "nyc npm test",
+    "test:coverage:report": "npm run test:coverage && nyc report --reporter=text-lcov | coveralls",
+    "test:ci": "npm run check && npm run test:coverage:report",
+    "watch:test": "npm test -- --watch",
+    "clean:build": "rm -rf ./*.js ./utils ./es",
+    "prebuild": "npm run clean:build",
+    "build:commonjs": "BABEL_ENV=commonjs babel -d . src",
+    "build:es": "BABEL_ENV=es babel -d es src",
+    "build": "npm run build:commonjs && npm run build:es",
+    "prepublishOnly": "npm run check && npm run test:coverage && npm run build"
+  },
+  "ava": {
+    "require": [
+      "@babel/register"
+    ]
+  },
+  "dependencies": {
+    "draft-js": "^0.11.7",
+    "immutable": "~3.7.4"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.0.0-beta.47",
+    "@babel/core": "^7.0.0-beta.47",
+    "@babel/plugin-transform-flow-strip-types": "^7.0.0-beta.47",
+    "@babel/preset-es2015": "^7.0.0-beta.47",
+    "@babel/preset-es2016": "^7.0.0-beta.47",
+    "@babel/preset-es2017": "^7.0.0-beta.47",
+    "@babel/register": "^7.0.0-beta.47",
+    "ava": "^0.25.0",
+    "babel-eslint": "^8.2.3",
+    "coveralls": "^3.0.1",
+    "eslint": "^4.19.1",
+    "eslint-plugin-ava": "^4.5.1",
+    "eslint-plugin-babel": "^5.1.0",
+    "eslint-plugin-flowtype": "^2.47.1",
+    "flow-bin": "^0.70.0",
+    "nyc": "^11.8.0",
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2"
+  }
+}

package/removeBlockStyle.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var removeBlockStyle = function removeBlockStyle(editorState) {
+  var withoutBlockStyle = _draftJs.RichUtils.tryToRemoveBlockStyle(editorState);
+
+  if (withoutBlockStyle) {
+    return _draftJs.EditorState.push(editorState, withoutBlockStyle, 'change-block-type');
+  }
+
+  return editorState;
+};
+
+var _default = removeBlockStyle;
+exports.default = _default;

package/removeInlineStyles.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var _getCurrentBlock = _interopRequireDefault(require("./utils/getCurrentBlock"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var removeInlineStyles = function removeInlineStyles(editorState) {
+  var inlineStyles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var selection = editorState.getSelection();
+  var content = editorState.getCurrentContent();
+  var newContent;
+
+  if (selection.isCollapsed()) {
+    var block = (0, _getCurrentBlock.default)(editorState);
+    var updatedCharacterList = block.getCharacterList().map(function (c) {
+      return inlineStyles.reduce(function (characterMetadata, style) {
+        return _draftJs.CharacterMetadata.removeStyle(characterMetadata, style);
+      }, c);
+    });
+    var updatedBlock = block.set('characterList', updatedCharacterList);
+    newContent = content.merge({
+      blockMap: content.getBlockMap().merge(_defineProperty({}, block.getKey(), updatedBlock))
+    });
+  } else {
+    newContent = inlineStyles.reduce(function (contentState, style) {
+      return _draftJs.Modifier.removeInlineStyle(contentState, selection, style);
+    }, content);
+  }
+
+  return _draftJs.EditorState.push(editorState, newContent, 'change-inline-style');
+};
+
+var _default = removeInlineStyles;
+exports.default = _default;

package/resetBlock.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+/**
+ * Remove range also change block type to 'unstyled'
+ */
+var resetBlock = function resetBlock(editorState, block) {
+  var content = editorState.getCurrentContent();
+  var key = block.getKey();
+  var targetRange = new _draftJs.SelectionState({
+    anchorKey: key,
+    anchorOffset: 0,
+    focusKey: key,
+    focusOffset: block.getLength()
+  });
+
+  var withoutTargetContent = _draftJs.Modifier.removeRange(content, targetRange, 'backward');
+
+  var resetBlock = _draftJs.Modifier.setBlockType(withoutTargetContent, withoutTargetContent.getSelectionAfter(), 'unstyled');
+
+  var newState = _draftJs.EditorState.push(editorState, resetBlock, 'remove-range');
+
+  return _draftJs.EditorState.forceSelection(newState, resetBlock.getSelectionAfter());
+};
+
+var _default = resetBlock;
+exports.default = _default;

package/toggleBlockType.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var toggleBlockType = function toggleBlockType(editorState, blockType) {
+  return _draftJs.RichUtils.toggleBlockType(editorState, blockType);
+};
+
+var _default = toggleBlockType;
+exports.default = _default;

package/toggleEntity.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var toggleEntity = function toggleEntity(editorState, entityKey) {
+  return _draftJs.RichUtils.toggleLink(editorState, editorState.getSelection(), entityKey);
+};
+
+var _default = toggleEntity;
+exports.default = _default;

package/toggleInlineStyle.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var toggleInlineStyle = function toggleInlineStyle(editorState, inlineStyle) {
+  return _draftJs.RichUtils.toggleInlineStyle(editorState, inlineStyle);
+};
+
+var _default = toggleInlineStyle;
+exports.default = _default;

package/utils/getCurrentBlock.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var getCurrentBlock = function getCurrentBlock(editorState) {
+  var selection = editorState.getSelection();
+  return editorState.getCurrentContent().getBlockForKey(selection.getStartKey());
+};
+
+var _default = getCurrentBlock;
+exports.default = _default;