@studysync/draft-js-modifiers 0.3.0 → 0.3.4

package/es/toggleEntity.js

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

package/es/toggleInlineStyle.js

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

package/es/utils/getCurrentBlock.js

@@ -1,6 +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());
 };
 
-export default getCurrentBlock;
+var _default = getCurrentBlock;
+exports["default"] = _default;

package/es/utils/numbers.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rangesOverlap = exports.fallsWithin = void 0;
+
+var fallsWithin = function fallsWithin(value, start, end) {
+  return start <= value && value <= end;
+};
+
+exports.fallsWithin = fallsWithin;
+
+var rangesOverlap = function rangesOverlap(s1, e1, s2, e2) {
+  return fallsWithin(s2, s1, e1) || fallsWithin(s1, s2, e2);
+};
+
+exports.rangesOverlap = rangesOverlap;

package/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/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/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/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/index.js

@@ -3,109 +3,208 @@
 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;
+    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;
+    return _insertAtomicBlock["default"];
   }
 });
 Object.defineProperty(exports, "insertEmptyBlock", {
   enumerable: true,
   get: function get() {
-    return _insertEmptyBlock.default;
+    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;
+    return _insertNewBlock["default"];
   }
 });
 Object.defineProperty(exports, "insertText", {
   enumerable: true,
   get: function get() {
-    return _insertText.default;
+    return _insertText["default"];
   }
 });
 Object.defineProperty(exports, "mergeBlockData", {
   enumerable: true,
   get: function get() {
-    return _mergeBlockData.default;
+    return _mergeBlockData["default"];
   }
 });
 Object.defineProperty(exports, "mergeBlockDataByKey", {
   enumerable: true,
   get: function get() {
-    return _mergeBlockDataByKey.default;
+    return _mergeBlockDataByKey["default"];
   }
 });
 Object.defineProperty(exports, "mergeEntityData", {
   enumerable: true,
   get: function get() {
-    return _mergeEntityData.default;
+    return _mergeEntityData["default"];
   }
 });
 Object.defineProperty(exports, "modifyBlock", {
   enumerable: true,
   get: function get() {
-    return _modifyBlock.default;
+    return _modifyBlock["default"];
   }
 });
 Object.defineProperty(exports, "modifyBlockByKey", {
   enumerable: true,
   get: function get() {
-    return _modifyBlockByKey.default;
+    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;
+    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;
+    return _removeInlineStyles["default"];
   }
 });
 Object.defineProperty(exports, "resetBlock", {
   enumerable: true,
   get: function get() {
-    return _resetBlock.default;
+    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;
+    return _toggleBlockType["default"];
   }
 });
 Object.defineProperty(exports, "toggleEntity", {
   enumerable: true,
   get: function get() {
-    return _toggleEntity.default;
+    return _toggleEntity["default"];
   }
 });
 Object.defineProperty(exports, "toggleInlineStyle", {
   enumerable: true,
   get: function get() {
-    return _toggleInlineStyle.default;
+    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 _insertEmptyBlock = _interopRequireDefault(require("./insertEmptyBlock"));
 
+var _insertEntity = _interopRequireDefault(require("./insertEntity"));
+
 var _insertNewBlock = _interopRequireDefault(require("./insertNewBlock"));
 
 var _insertText = _interopRequireDefault(require("./insertText"));
@@ -120,16 +219,33 @@ 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 }; }
+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/insertAtomicBlock.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _draftJs = require("draft-js");
 
@@ -14,4 +14,4 @@ var insertAtomicBlock = function insertAtomicBlock(editorState, entityType, muta
 };
 
 var _default = insertAtomicBlock;
-exports.default = _default;
+exports["default"] = _default;

package/insertEmptyBlock.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _insertNewBlock = _interopRequireDefault(require("./insertNewBlock"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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);
+  return (0, _insertNewBlock["default"])(editorState, blockType);
 };
 
 var _default = insertEmptyBlock;
-exports.default = _default;
+exports["default"] = _default;

package/insertEntity.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+var _ = require(".");
+
+var insertEntity = function insertEntity(editorState, text, type, data) {
+  var mutability = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'MUTABLE';
+  var selectedText = (0, _.getSelectedText)(editorState);
+  var contentState = editorState.getCurrentContent();
+  var selection = editorState.getSelection();
+  var textWithSpace = text.concat(' ');
+  var newContent = selectedText ? _draftJs.Modifier.replaceText(contentState, selection, text) : _draftJs.Modifier.insertText(contentState, selection, textWithSpace);
+  var newContentWithEntity = newContent.createEntity(type, mutability, data, false);
+  var entityKey = newContentWithEntity.getLastCreatedEntityKey();
+  var anchorOffset = selection.getAnchorOffset();
+  var newSelection = new _draftJs.SelectionState({
+    anchorKey: selection.getAnchorKey(),
+    anchorOffset: anchorOffset,
+    focusKey: selection.getAnchorKey(),
+    focusOffset: anchorOffset + text.length
+  });
+
+  var newContentWithLink = _draftJs.Modifier.applyEntity(newContentWithEntity, newSelection, entityKey);
+
+  var withLinkText = _draftJs.EditorState.push(editorState, newContentWithLink, 'insert-characters');
+
+  return _draftJs.EditorState.forceSelection(withLinkText, newContent.getSelectionAfter());
+};
+
+var _default = insertEntity;
+exports["default"] = _default;

package/insertNewBlock.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _draftJs = require("draft-js");
 
@@ -11,7 +11,7 @@ var _immutable = require("immutable");
 
 var _getCurrentBlock = _interopRequireDefault(require("./utils/getCurrentBlock"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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';
@@ -19,7 +19,7 @@ var insertNewBlock = function insertNewBlock(editorState) {
   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 currentBlock = (0, _getCurrentBlock["default"])(editorState);
   var emptyBlockKey = (0, _draftJs.genKey)();
   var emptyBlock = new _draftJs.ContentBlock({
     key: emptyBlockKey,
@@ -56,4 +56,4 @@ var insertNewBlock = function insertNewBlock(editorState) {
 };
 
 var _default = insertNewBlock;
-exports.default = _default;
+exports["default"] = _default;

package/insertText.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _draftJs = require("draft-js");
 
@@ -18,4 +18,4 @@ var insertText = function insertText(editorState, text) {
 };
 
 var _default = insertText;
-exports.default = _default;
+exports["default"] = _default;

package/mergeBlockData.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _draftJs = require("draft-js");
 
@@ -19,4 +19,4 @@ var mergeBlockData = function mergeBlockData(editorState, data) {
 };
 
 var _default = mergeBlockData;
-exports.default = _default;
+exports["default"] = _default;

package/mergeBlockDataByKey.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _draftJs = require("draft-js");
 
@@ -19,4 +19,4 @@ var mergeBlockDataByKey = function mergeBlockDataByKey(editorState, blockKey, da
 };
 
 var _default = mergeBlockDataByKey;
-exports.default = _default;
+exports["default"] = _default;

package/mergeEntityData.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _draftJs = require("draft-js");
 
@@ -13,4 +13,4 @@ var mergeEntityData = function mergeEntityData(editorState, entityKey, data) {
 };
 
 var _default = mergeEntityData;
-exports.default = _default;
+exports["default"] = _default;

package/modifyBlock.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 _modifyBlockForContentState = _interopRequireDefault(require("draft-js/lib/modifyBlockForContentState"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) {
+  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 ?
@@ -22,4 +22,4 @@ var modifyBlock = function modifyBlock(editorState, blockData) {
 };
 
 var _default = modifyBlock;
-exports.default = _default;
+exports["default"] = _default;

package/modifyBlockByKey.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _draftJs = require("draft-js");
 
@@ -20,4 +20,4 @@ var modifyBlockByKey = function modifyBlockByKey(editorState, blockKey, blockDat
 };
 
 var _default = modifyBlockByKey;
-exports.default = _default;
+exports["default"] = _default;