react-mentions 4.3.1 → 4.3.2

package/README.md

@@ -7,7 +7,7 @@
 
 A React component that let's you mention people in a textarea like you are used to on Facebook or Twitter.
 
-Used in production at [Signavio](https://signavio.com), [State](https://state.com), [Snips](https://snips.ai), [Swat.io](https://swat.io), [GotDone](https://www.gotdone.me), [Volinspire](https://volinspire.com), [Marvin](https://amazingmarvin.com), [Timely](https://timelyapp.com), [GuideFitter](https://www.guidefitter.com/), [Evite](https://www.evite.com/), [Publer](https://publer.me/), [Kontentino](https://www.kontentino.com/), [Wix.com](https://wix.com) and [you?](https://github.com/signavio/react-mentions/edit/master/README.md)
+Used in production at [Signavio](https://signavio.com), [State](https://state.com), [Snips](https://snips.ai), [Swat.io](https://swat.io), [GotDone](https://www.gotdone.me), [Volinspire](https://volinspire.com), [Marvin](https://amazingmarvin.com), [Timely](https://timelyapp.com), [GuideFitter](https://www.guidefitter.com/), [Evite](https://www.evite.com/), [Publer](https://publer.me/), [Kontentino](https://www.kontentino.com/), [Wix.com](https://wix.com), [Highlight](https://highlight.run/) and [you?](https://github.com/signavio/react-mentions/edit/master/README.md)
 
 ## Getting started
 

package/dist/react-mentions.cjs.dev.js

@@ -1064,6 +1064,7 @@ function (_Component) {
           containerRef = _this$props.containerRef,
           position = _this$props.position,
           left = _this$props.left,
+          right = _this$props.right,
           top = _this$props.top; // do not show suggestions until there is some data
 
       if (!isOpened) {
@@ -1073,6 +1074,7 @@ function (_Component) {
       return React__default.createElement("div", _extends({}, useStyles.inline({
         position: position || 'absolute',
         left: left,
+        right: right,
         top: top
       }, style), {
         onMouseDown: onMouseDown,
@@ -1148,6 +1150,7 @@ _defineProperty(SuggestionsOverlay, "propTypes", {
   focusIndex: PropTypes.number,
   position: PropTypes.string,
   left: PropTypes.number,
+  right: PropTypes.number,
   top: PropTypes.number,
   scrollFocusedIntoView: PropTypes.bool,
   isLoading: PropTypes.bool,
@@ -1349,13 +1352,15 @@ function (_React$Component) {
       var _this$state$suggestio = _this.state.suggestionsPosition,
           position = _this$state$suggestio.position,
           left = _this$state$suggestio.left,
-          top = _this$state$suggestio.top;
+          top = _this$state$suggestio.top,
+          right = _this$state$suggestio.right;
       var suggestionsNode = React__default.createElement(SuggestionsOverlay$1, {
         id: _this.uuidSuggestionsOverlay,
         style: _this.props.style('suggestions'),
         position: position,
         left: left,
         top: top,
+        right: right,
         focusIndex: _this.state.focusIndex,
         scrollFocusedIntoView: _this.state.scrollFocusedIntoView,
         containerRef: _this.setSuggestionsElement,
@@ -2002,7 +2007,11 @@ function (_React$Component) {
           value: newValue
         })
       };
-      this.executeOnChange(eventMock, newValue, newPlainTextValue, getMentions(newValue, config));
+      this.executeOnChange(eventMock, newValue, newPlainTextValue, getMentions(newValue, config)); // Move the cursor position to the end of the pasted data
+
+      var startOfMention = findStartOfMentionInPlainText(value, config, selectionStart);
+      var nextPos = (startOfMention || selectionStart) + getPlainText(pastedMentions || pastedData, config).length;
+      this.setSelection(nextPos, nextPos);
     }
   }, {
     key: "saveSelectionToClipboard",

package/dist/react-mentions.cjs.prod.js

@@ -645,10 +645,11 @@ var SuggestionsOverlay = function(_Component) {
   }, {
     key: "render",
     value: function() {
-      var _this$props = this.props, id = _this$props.id, a11ySuggestionsListLabel = _this$props.a11ySuggestionsListLabel, isOpened = _this$props.isOpened, style = _this$props.style, onMouseDown = _this$props.onMouseDown, containerRef = _this$props.containerRef, position = _this$props.position, left = _this$props.left, top = _this$props.top;
+      var _this$props = this.props, id = _this$props.id, a11ySuggestionsListLabel = _this$props.a11ySuggestionsListLabel, isOpened = _this$props.isOpened, style = _this$props.style, onMouseDown = _this$props.onMouseDown, containerRef = _this$props.containerRef, position = _this$props.position, left = _this$props.left, right = _this$props.right, top = _this$props.top;
       return isOpened ? React__default.createElement("div", _extends({}, useStyles.inline({
         position: position || "absolute",
         left: left,
+        right: right,
         top: top
       }, style), {
         onMouseDown: onMouseDown,
@@ -710,6 +711,7 @@ _defineProperty(SuggestionsOverlay, "propTypes", {
   focusIndex: PropTypes.number,
   position: PropTypes.string,
   left: PropTypes.number,
+  right: PropTypes.number,
   top: PropTypes.number,
   scrollFocusedIntoView: PropTypes.bool,
   isLoading: PropTypes.bool,
@@ -846,12 +848,13 @@ var makeTriggerRegex = function(trigger) {
       _this.suggestionsElement = el;
     }), _defineProperty(_assertThisInitialized(_this), "renderSuggestionsOverlay", function() {
       if (!isNumber(_this.state.selectionStart)) return null;
-      var _this$state$suggestio = _this.state.suggestionsPosition, position = _this$state$suggestio.position, left = _this$state$suggestio.left, top = _this$state$suggestio.top, suggestionsNode = React__default.createElement(SuggestionsOverlay$1, {
+      var _this$state$suggestio = _this.state.suggestionsPosition, position = _this$state$suggestio.position, left = _this$state$suggestio.left, top = _this$state$suggestio.top, right = _this$state$suggestio.right, suggestionsNode = React__default.createElement(SuggestionsOverlay$1, {
         id: _this.uuidSuggestionsOverlay,
         style: _this.props.style("suggestions"),
         position: position,
         left: left,
         top: top,
+        right: right,
         focusIndex: _this.state.focusIndex,
         scrollFocusedIntoView: _this.state.scrollFocusedIntoView,
         containerRef: _this.setSuggestionsElement,
@@ -1135,6 +1138,8 @@ var makeTriggerRegex = function(trigger) {
           })
         };
         this.executeOnChange(eventMock, newValue, newPlainTextValue, getMentions(newValue, config));
+        var nextPos = (findStartOfMentionInPlainText(value, config, selectionStart) || selectionStart) + getPlainText(pastedMentions || pastedData, config).length;
+        this.setSelection(nextPos, nextPos);
       }
     }
   }, {

package/dist/react-mentions.esm.js

@@ -1056,6 +1056,7 @@ function (_Component) {
           containerRef = _this$props.containerRef,
           position = _this$props.position,
           left = _this$props.left,
+          right = _this$props.right,
           top = _this$props.top; // do not show suggestions until there is some data
 
       if (!isOpened) {
@@ -1065,6 +1066,7 @@ function (_Component) {
       return React.createElement("div", _extends({}, inline({
         position: position || 'absolute',
         left: left,
+        right: right,
         top: top
       }, style), {
         onMouseDown: onMouseDown,
@@ -1140,6 +1142,7 @@ _defineProperty(SuggestionsOverlay, "propTypes", {
   focusIndex: PropTypes.number,
   position: PropTypes.string,
   left: PropTypes.number,
+  right: PropTypes.number,
   top: PropTypes.number,
   scrollFocusedIntoView: PropTypes.bool,
   isLoading: PropTypes.bool,
@@ -1341,13 +1344,15 @@ function (_React$Component) {
       var _this$state$suggestio = _this.state.suggestionsPosition,
           position = _this$state$suggestio.position,
           left = _this$state$suggestio.left,
-          top = _this$state$suggestio.top;
+          top = _this$state$suggestio.top,
+          right = _this$state$suggestio.right;
       var suggestionsNode = React.createElement(SuggestionsOverlay$1, {
         id: _this.uuidSuggestionsOverlay,
         style: _this.props.style('suggestions'),
         position: position,
         left: left,
         top: top,
+        right: right,
         focusIndex: _this.state.focusIndex,
         scrollFocusedIntoView: _this.state.scrollFocusedIntoView,
         containerRef: _this.setSuggestionsElement,
@@ -1994,7 +1999,11 @@ function (_React$Component) {
           value: newValue
         })
       };
-      this.executeOnChange(eventMock, newValue, newPlainTextValue, getMentions(newValue, config));
+      this.executeOnChange(eventMock, newValue, newPlainTextValue, getMentions(newValue, config)); // Move the cursor position to the end of the pasted data
+
+      var startOfMention = findStartOfMentionInPlainText(value, config, selectionStart);
+      var nextPos = (startOfMention || selectionStart) + getPlainText(pastedMentions || pastedData, config).length;
+      this.setSelection(nextPos, nextPos);
     }
   }, {
     key: "saveSelectionToClipboard",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mentions",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "description": "React mentions input",
   "main": "dist/react-mentions.cjs.js",
   "module": "dist/react-mentions.esm.js",