@studysync/draft-js-modifiers 0.3.1 → 0.3.5

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;

package/moveCaretAfterBlock.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+var moveCaretAfterBlock = function moveCaretAfterBlock(editorState, block) {
+  var content = editorState.getCurrentContent();
+  var nextBlock = content.getBlockAfter(block.getKey());
+  var key = nextBlock ? nextBlock.getKey() : undefined;
+
+  if (key) {
+    var selectionState = _draftJs.SelectionState.createEmpty();
+
+    var newSelectionState = selectionState.merge({
+      anchorKey: key,
+      anchorOffset: 0,
+      focusKey: key,
+      focusOffset: 0
+    });
+    return _draftJs.EditorState.forceSelection(editorState, newSelectionState);
+  }
+
+  return editorState;
+};
+
+var _default = moveCaretAfterBlock;
+exports["default"] = _default;

package/moveCaretToEnd.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+var moveCaretToEnd = function moveCaretToEnd(editorState) {
+  var content = editorState.getCurrentContent();
+  var lastBlock = content.getLastBlock();
+  var key = lastBlock.getKey();
+  var length = lastBlock.getLength();
+  var selection = new _draftJs.SelectionState({
+    anchorKey: key,
+    anchorOffset: length,
+    focusKey: key,
+    focusOffset: length
+  });
+  return _draftJs.EditorState.forceSelection(editorState, selection);
+};
+
+var _default = moveCaretToEnd;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studysync/draft-js-modifiers",
-  "version": "0.3.1",
+  "version": "0.3.5",
   "description": "Modular state modifiers for Draft.js",
   "main": "index.js",
   "module": "es/index.js",
@@ -45,13 +45,11 @@
     "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",
+    "@babel/cli": "7.17.0",
+    "@babel/core": "7.17.0",
+    "@babel/preset-env": "7.16.11",
+    "@babel/preset-flow": "7.16.7",
+    "@babel/register": "7.17.0",
     "ava": "^0.25.0",
     "babel-eslint": "^8.2.3",
     "coveralls": "^3.0.1",
@@ -61,7 +59,7 @@
     "eslint-plugin-flowtype": "^2.47.1",
     "flow-bin": "^0.70.0",
     "nyc": "^11.8.0",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   }
 }

package/removeBlock.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+// from draft-js-plugins/draft-js-plugins/packages/drag-n-drop/src/modifiers/addBlock.ts
+var removeBlock = function removeBlock(contentState, blockKey) {
+  var afterKey = contentState.getKeyAfter(blockKey);
+  var afterBlock = contentState.getBlockForKey(afterKey);
+  var targetRange; // Only if the following block the last with no text then the whole block
+  // should be removed. Otherwise the block should be reduced to an unstyled block
+  // without any characters.
+
+  if (afterBlock && afterBlock.getType() === 'unstyled' && afterBlock.getLength() === 0 && afterBlock === contentState.getBlockMap().last()) {
+    targetRange = new _draftJs.SelectionState({
+      anchorKey: blockKey,
+      anchorOffset: 0,
+      focusKey: afterKey,
+      focusOffset: 0
+    });
+  } else {
+    targetRange = new _draftJs.SelectionState({
+      anchorKey: blockKey,
+      anchorOffset: 0,
+      focusKey: blockKey,
+      focusOffset: 1
+    });
+  } // change the blocktype and remove the characterList entry with the block
+
+
+  var newContentState = _draftJs.Modifier.setBlockType(contentState, targetRange, 'unstyled');
+
+  return _draftJs.Modifier.removeRange(newContentState, targetRange, 'backward');
+};
+
+var _default = removeBlock;
+exports["default"] = _default;

package/removeBlockStyle.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 removeBlockStyle = function removeBlockStyle(editorState) {
 };
 
 var _default = removeBlockStyle;
-exports.default = _default;
+exports["default"] = _default;

package/removeEntity.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+var removeEntity = function removeEntity(editorState, entity) {
+  var contentState = editorState.getCurrentContent();
+  var selectionState = editorState.getSelection();
+  var startKey = selectionState.getStartKey();
+  var contentBlock = contentState.getBlockForKey(startKey);
+  /* istanbul ignore if */
+
+  if (!entity) return editorState;
+  var entitySelection = null;
+  contentBlock.findEntityRanges(function (character) {
+    return character.getEntity() === entity.entityKey;
+  }, function (start, end) {
+    entitySelection = selectionState.merge({
+      anchorOffset: start,
+      focusOffset: end
+    });
+  });
+
+  var newContentState = _draftJs.Modifier.applyEntity(contentState, entitySelection, null);
+
+  return _draftJs.EditorState.push(editorState, newContentState, 'apply-entity');
+};
+
+var _default = removeEntity;
+exports["default"] = _default;

package/removeInlineStyles.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+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 _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; }
 
@@ -20,7 +20,7 @@ var removeInlineStyles = function removeInlineStyles(editorState) {
   var newContent;
 
   if (selection.isCollapsed()) {
-    var block = (0, _getCurrentBlock.default)(editorState);
+    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);
@@ -40,4 +40,4 @@ var removeInlineStyles = function removeInlineStyles(editorState) {
 };
 
 var _default = removeInlineStyles;
-exports.default = _default;
+exports["default"] = _default;

package/resetBlock.js

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

package/selectAll.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+var selectAll = function selectAll(editorState) {
+  var currentContent = editorState.getCurrentContent();
+  var selectionState = editorState.getSelection().merge({
+    anchorKey: currentContent.getFirstBlock().getKey(),
+    anchorOffset: 0,
+    focusOffset: currentContent.getLastBlock().getText().length,
+    focusKey: currentContent.getLastBlock().getKey()
+  });
+  return _draftJs.EditorState.forceSelection(editorState, selectionState);
+};
+
+var _default = selectAll;
+exports["default"] = _default;

package/selectBlockByKey.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+var selectBlockByKey = function selectBlockByKey(editorState, key) {
+  var currentBlock = editorState.getCurrentContent().getBlockForKey(key);
+
+  var selectionState = _draftJs.SelectionState.createEmpty();
+
+  var entireBlockSelectionState = selectionState.merge({
+    anchorKey: key,
+    anchorOffset: 0,
+    focusKey: key,
+    focusOffset: currentBlock.getText().length
+  });
+  return _draftJs.EditorState.forceSelection(editorState, entireBlockSelectionState);
+};
+
+var _default = selectBlockByKey;
+exports["default"] = _default;

package/toggleBlockStyle.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _draftJs = require("draft-js");
+
+var _immutable = require("immutable");
+
+var toggleBlockStyle = function toggleBlockStyle(editorState, _ref) {
+  var blockStyle = _ref.type,
+      data = _ref.data;
+
+  /* istanbul ignore else */
+  if (data) {
+    var selection = editorState.getSelection();
+
+    var newContentState = _draftJs.Modifier.mergeBlockData(editorState.getCurrentContent(), selection, (0, _immutable.Map)(data));
+
+    var newEditorState = _draftJs.EditorState.push(editorState, newContentState, 'change-block-data');
+
+    return _draftJs.RichUtils.toggleBlockType(newEditorState, blockStyle);
+  } // We currently always have data, but just in case we add new types in the
+  // future, the default action is to just blindly toggle it.
+
+  /* istanbul ignore next */
+
+
+  return _draftJs.RichUtils.toggleBlockType(editorState, blockStyle);
+};
+
+var _default = toggleBlockStyle;
+exports["default"] = _default;

package/toggleBlockType.js

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

package/toggleEntity.js

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

package/toggleInlineStyle.js

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

package/utils/getCurrentBlock.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var getCurrentBlock = function getCurrentBlock(editorState) {
   var selection = editorState.getSelection();
@@ -11,4 +11,4 @@ var getCurrentBlock = function getCurrentBlock(editorState) {
 };
 
 var _default = getCurrentBlock;
-exports.default = _default;
+exports["default"] = _default;

package/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;