@studysync/draft-js-modifiers 0.3.1 → 0.3.5

package/README.md

@@ -52,6 +52,12 @@ addBlock(
 adjustBlockDepth(editorState: EditorState, adjustment: number, maxDepth: number)
 ```
 
+### `getCurrentBlock`
+
+```js
+getCurrentBlock(editorState): EditorState
+```
+
 ### `insertAtomicBlock`
 
 ```js
@@ -117,6 +123,18 @@ modifyBlock(editorState: EditorState, blockData: ContentBlock)
 modifyBlockByKey(editorState: EditorState, blockKey: string, blockData: ContentBlock)
 ```
 
+### `moveCaretAfterBlock`
+
+```js
+moveCaretAfterBlock(editorState: EditorState, block: ContentBlock)
+```
+
+### `removeBlock`
+
+```js
+removeBlock(contentState, blockKey)
+```
+
 ### `removeBlockStyle`
 
 ```js
@@ -135,6 +153,18 @@ removeInlineStyles(editorState: EditorState, inlineStyles: Array<string> = [])
 resetBlock(editorState: EditorState, block: ContentBlock)
 ```
 
+### `selectBlockByKey`
+
+```js
+selectBlockByKey(editorState: EditorState, key: string)
+```
+
+### `toggleBlockStyle`
+
+```js
+toggleBlockStyle(editorState, { type: blockStyle, data })
+```
+
 ### `toggleBlockType`
 
 ```js

package/addBlock.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _draftJs = require("draft-js");
 
 var _immutable = require("immutable");
 
+// from draft-js-plugins/draft-js-plugins/packages/drag-n-drop/src/modifiers/addBlock.ts
 var addBlock = function addBlock(editorState, selection, type, data, entityType) {
   var text = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : ' ';
   var currentContentState = editorState.getCurrentContent();
@@ -72,4 +73,4 @@ var addBlock = function addBlock(editorState, selection, type, data, entityType)
 };
 
 var _default = addBlock;
-exports.default = _default;
+exports["default"] = _default;

package/adjustBlockDepth.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+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 }; }
+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);
+  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;
+exports["default"] = _default;

package/es/addBlock.js

@@ -1,16 +1,22 @@
-import { Modifier } from "draft-js";
-import { ContentBlock } from "draft-js";
-import { genKey } from "draft-js";
-import { CharacterMetadata } from "draft-js";
-import { BlockMapBuilder } from "draft-js";
-import { List, Repeat } from 'immutable';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+var _immutable = require("immutable");
+
+// from draft-js-plugins/draft-js-plugins/packages/drag-n-drop/src/modifiers/addBlock.ts
 var addBlock = function addBlock(editorState, selection, type, data, entityType) {
   var text = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : ' ';
   var currentContentState = editorState.getCurrentContent();
   var currentSelectionState = selection; // in case text is selected it is removed and then the block is appended
 
-  var afterRemovalContentState = Modifier.removeRange(currentContentState, currentSelectionState, 'backward'); // deciding on the position to split the text
+  var afterRemovalContentState = _draftJs.Modifier.removeRange(currentContentState, currentSelectionState, 'backward'); // deciding on the position to split the text
+
 
   var targetSelection = afterRemovalContentState.getSelectionAfter();
   var blockKeyForTarget = targetSelection.get('focusKey');
@@ -28,38 +34,43 @@ var addBlock = function addBlock(editorState, selection, type, data, entityType)
     insertionTargetBlock = afterRemovalContentState;
   } else {
     // the only way to insert a new seems to be by splitting an existing in to two
-    insertionTargetBlock = Modifier.splitBlock(afterRemovalContentState, targetSelection); // the position to insert our blocks
+    insertionTargetBlock = _draftJs.Modifier.splitBlock(afterRemovalContentState, targetSelection); // the position to insert our blocks
 
     insertionTargetSelection = insertionTargetBlock.getSelectionAfter();
   } // TODO not sure why we need it …
 
 
-  var newContentStateAfterSplit = Modifier.setBlockType(insertionTargetBlock, insertionTargetSelection, type); // creating a new ContentBlock including the entity with data
+  var newContentStateAfterSplit = _draftJs.Modifier.setBlockType(insertionTargetBlock, insertionTargetSelection, type); // creating a new ContentBlock including the entity with data
   // Entity will be created with a specific type, if defined, else will fall back to the ContentBlock type
 
+
   var contentStateWithEntity = newContentStateAfterSplit.createEntity(entityType || type, 'IMMUTABLE', data);
   var entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-  var charData = CharacterMetadata.create({
+
+  var charData = _draftJs.CharacterMetadata.create({
     entity: entityKey
   });
-  var fragmentArray = [new ContentBlock({
-    key: genKey(),
+
+  var fragmentArray = [new _draftJs.ContentBlock({
+    key: (0, _draftJs.genKey)(),
     type: type,
     text: text,
-    characterList: List(Repeat(charData, text.length || 1)) // eslint-disable-line new-cap
+    characterList: (0, _immutable.List)((0, _immutable.Repeat)(charData, text.length || 1)) // eslint-disable-line new-cap
 
   }), // new contentblock so we can continue wrting right away after inserting the block
-  new ContentBlock({
-    key: genKey(),
+  new _draftJs.ContentBlock({
+    key: (0, _draftJs.genKey)(),
     type: 'unstyled',
     text: '',
-    characterList: List() // eslint-disable-line new-cap
+    characterList: (0, _immutable.List)() // eslint-disable-line new-cap
 
   })]; // create fragment containing the two content blocks
 
-  var fragment = BlockMapBuilder.createFromArray(fragmentArray); // replace the contentblock we reserved for our insert
+  var fragment = _draftJs.BlockMapBuilder.createFromArray(fragmentArray); // replace the contentblock we reserved for our insert
+
 
-  return Modifier.replaceWithFragment(newContentStateAfterSplit, insertionTargetSelection, fragment);
+  return _draftJs.Modifier.replaceWithFragment(newContentStateAfterSplit, insertionTargetSelection, fragment);
 };
 
-export default addBlock;
+var _default = addBlock;
+exports["default"] = _default;

package/es/adjustBlockDepth.js

@@ -1,9 +1,20 @@
-import { EditorState } from 'draft-js';
-import adjustBlockDepthForContentState from 'draft-js/lib/adjustBlockDepthForContentState';
+"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 = adjustBlockDepthForContentState(editorState.getCurrentContent(), editorState.getSelection(), adjustment, maxDepth);
-  return EditorState.push(editorState, content, 'adjust-depth');
+  var content = (0, _adjustBlockDepthForContentState["default"])(editorState.getCurrentContent(), editorState.getSelection(), adjustment, maxDepth);
+  return _draftJs.EditorState.push(editorState, content, 'adjust-depth');
 };
 
-export default adjustBlockDepth;
+var _default = adjustBlockDepth;
+exports["default"] = _default;

package/es/getAllEntities.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flatten = exports["default"] = void 0;
+
+var _ = require(".");
+
+var flatten = function flatten(arr) {
+  return arr.reduce(function (a, b) {
+    return a.concat(b);
+  }, []);
+};
+
+exports.flatten = flatten;
+
+var getAllEntities = function getAllEntities(editorState) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var content = editorState.getCurrentContent();
+  var entities = [];
+  content.getBlocksAsArray().forEach(function (contentBlock) {
+    entities.push((0, _.getEntitiesForBlock)(editorState, contentBlock, type));
+  });
+  return flatten(entities);
+};
+
+var _default = getAllEntities;
+exports["default"] = _default;

package/es/getEntitiesForBlock.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 getEntitiesForBlock = function getEntitiesForBlock(editorState, contentBlock) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var content = editorState.getCurrentContent();
+  var entities = [];
+  var selectedEntity = null;
+  contentBlock.findEntityRanges(function (character) {
+    if (character.getEntity() !== null) {
+      var entity = content.getEntity(character.getEntity());
+
+      if (!type || type && entity.getType() === type) {
+        selectedEntity = {
+          entityKey: character.getEntity(),
+          blockKey: contentBlock.getKey(),
+          entity: content.getEntity(character.getEntity())
+        };
+        return true;
+      }
+    }
+
+    return false;
+  }, function (start, end) {
+    entities.push(_objectSpread(_objectSpread({}, selectedEntity), {}, {
+      start: start,
+      end: end
+    }));
+  });
+  return entities;
+};
+
+var _default = getEntitiesForBlock;
+exports["default"] = _default;

package/es/getEntitiesForSelection.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _ = require(".");
+
+var _numbers = require("./utils/numbers");
+
+var getEntitiesForCurrentBlock = function getEntitiesForCurrentBlock(editorState) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return (0, _.getEntitiesForBlock)(editorState, (0, _.getCurrentBlock)(editorState), type);
+};
+
+var getEntitiesForSelection = function getEntitiesForSelection(editorState) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var entities = getEntitiesForCurrentBlock(editorState, type);
+  var selection = editorState.getSelection();
+  var selectionStart = selection.isCollapsed() ? selection.getStartOffset() - 1 : selection.getStartOffset();
+  var selectionEnd = selection.getEndOffset();
+  return entities.filter(function (_ref) {
+    var start = _ref.start,
+        end = _ref.end;
+    return (0, _numbers.rangesOverlap)(selectionStart, selectionEnd, start, end);
+  });
+};
+
+var _default = getEntitiesForSelection;
+exports["default"] = _default;

package/es/getSelectedText.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var getSelectedText = function getSelectedText(editorState) {
+  var selectionState = editorState.getSelection();
+  var anchorKey = selectionState.getAnchorKey();
+  var currentContent = editorState.getCurrentContent();
+  var currentContentBlock = currentContent.getBlockForKey(anchorKey);
+  var start = selectionState.getStartOffset();
+  var end = selectionState.getEndOffset();
+  return currentContentBlock.getText().slice(start, end);
+};
+
+var _default = getSelectedText;
+exports["default"] = _default;

package/es/index.js

@@ -1,17 +1,259 @@
-export { default as addBlock } from './addBlock';
-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';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DRAFTJS_BLOCK_KEY = void 0;
+Object.defineProperty(exports, "addBlock", {
+  enumerable: true,
+  get: function get() {
+    return _addBlock["default"];
+  }
+});
+Object.defineProperty(exports, "adjustBlockDepth", {
+  enumerable: true,
+  get: function get() {
+    return _adjustBlockDepth["default"];
+  }
+});
+Object.defineProperty(exports, "getAllEntities", {
+  enumerable: true,
+  get: function get() {
+    return _getAllEntities["default"];
+  }
+});
+Object.defineProperty(exports, "getCurrentBlock", {
+  enumerable: true,
+  get: function get() {
+    return _getCurrentBlock["default"];
+  }
+});
+Object.defineProperty(exports, "getEntitiesForBlock", {
+  enumerable: true,
+  get: function get() {
+    return _getEntitiesForBlock["default"];
+  }
+});
+Object.defineProperty(exports, "getEntitiesForSelection", {
+  enumerable: true,
+  get: function get() {
+    return _getEntitiesForSelection["default"];
+  }
+});
+Object.defineProperty(exports, "getSelectedText", {
+  enumerable: true,
+  get: function get() {
+    return _getSelectedText["default"];
+  }
+});
+Object.defineProperty(exports, "insertAtomicBlock", {
+  enumerable: true,
+  get: function get() {
+    return _insertAtomicBlock["default"];
+  }
+});
+Object.defineProperty(exports, "insertBlockAfter", {
+  enumerable: true,
+  get: function get() {
+    return _insertBlockAfter["default"];
+  }
+});
+Object.defineProperty(exports, "insertEmptyBlock", {
+  enumerable: true,
+  get: function get() {
+    return _insertEmptyBlock["default"];
+  }
+});
+Object.defineProperty(exports, "insertEntity", {
+  enumerable: true,
+  get: function get() {
+    return _insertEntity["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, "moveCaretAfterBlock", {
+  enumerable: true,
+  get: function get() {
+    return _moveCaretAfterBlock["default"];
+  }
+});
+Object.defineProperty(exports, "moveCaretToEnd", {
+  enumerable: true,
+  get: function get() {
+    return _moveCaretToEnd["default"];
+  }
+});
+Object.defineProperty(exports, "removeBlock", {
+  enumerable: true,
+  get: function get() {
+    return _removeBlock["default"];
+  }
+});
+Object.defineProperty(exports, "removeBlockStyle", {
+  enumerable: true,
+  get: function get() {
+    return _removeBlockStyle["default"];
+  }
+});
+Object.defineProperty(exports, "removeEntity", {
+  enumerable: true,
+  get: function get() {
+    return _removeEntity["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, "selectAll", {
+  enumerable: true,
+  get: function get() {
+    return _selectAll["default"];
+  }
+});
+Object.defineProperty(exports, "selectBlockByKey", {
+  enumerable: true,
+  get: function get() {
+    return _selectBlockByKey["default"];
+  }
+});
+Object.defineProperty(exports, "toggleBlockStyle", {
+  enumerable: true,
+  get: function get() {
+    return _toggleBlockStyle["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 _addBlock = _interopRequireDefault(require("./addBlock"));
+
+var _adjustBlockDepth = _interopRequireDefault(require("./adjustBlockDepth"));
+
+var _getAllEntities = _interopRequireDefault(require("./getAllEntities"));
+
+var _getCurrentBlock = _interopRequireDefault(require("./utils/getCurrentBlock"));
+
+var _getEntitiesForBlock = _interopRequireDefault(require("./getEntitiesForBlock"));
+
+var _getEntitiesForSelection = _interopRequireDefault(require("./getEntitiesForSelection"));
+
+var _getSelectedText = _interopRequireDefault(require("./getSelectedText"));
+
+var _insertAtomicBlock = _interopRequireDefault(require("./insertAtomicBlock"));
+
+var _insertBlockAfter = _interopRequireDefault(require("./insertBlockAfter"));
+
+var _insertEmptyBlock = _interopRequireDefault(require("./insertEmptyBlock"));
+
+var _insertEntity = _interopRequireDefault(require("./insertEntity"));
+
+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 _moveCaretAfterBlock = _interopRequireDefault(require("./moveCaretAfterBlock"));
+
+var _moveCaretToEnd = _interopRequireDefault(require("./moveCaretToEnd"));
+
+var _removeBlock = _interopRequireDefault(require("./removeBlock"));
+
+var _removeBlockStyle = _interopRequireDefault(require("./removeBlockStyle"));
+
+var _removeEntity = _interopRequireDefault(require("./removeEntity"));
+
+var _removeInlineStyles = _interopRequireDefault(require("./removeInlineStyles"));
+
+var _resetBlock = _interopRequireDefault(require("./resetBlock"));
+
+var _selectAll = _interopRequireDefault(require("./selectAll"));
+
+var _selectBlockByKey = _interopRequireDefault(require("./selectBlockByKey"));
+
+var _toggleBlockStyle = _interopRequireDefault(require("./toggleBlockStyle"));
+
+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 }; }
+
+var DRAFTJS_BLOCK_KEY = 'DRAFTJS_BLOCK_KEY';
+exports.DRAFTJS_BLOCK_KEY = DRAFTJS_BLOCK_KEY;

package/es/insertAtomicBlock.js

@@ -1,9 +1,17 @@
-import { AtomicBlockUtils } from 'draft-js';
+"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 AtomicBlockUtils.insertAtomicBlock(editorState, entityKey, character);
+  return _draftJs.AtomicBlockUtils.insertAtomicBlock(editorState, entityKey, character);
 };
 
-export default insertAtomicBlock;
+var _default = insertAtomicBlock;
+exports["default"] = _default;