react-input-emoji 5.1.0 → 5.1.1

package/README.md

@@ -46,7 +46,7 @@ export default function Example() {
 ## Props
 
 | Prop           | Type     | Default          | Description                                                                                                              |
-|----------------|----------|------------------|--------------------------------------------------------------------------------------------------------------------------|
+| -------------- | -------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------ |
 | `value`        | string   | ""               | The input value.                                                                                                         |
 | `onChange`     | function | -                | This function is called when the value of the input changes. The first argument is the current value.                    |
 | `onResize`     | function | -                | This function is called when the width or the height of the input changes. The first argument is the current size value. |
@@ -62,6 +62,7 @@ export default function Example() {
 | `borderColor`  | string   | "#EAEAEA"        | The border color of the input container.                                                                                 |
 | `fontSize`     | number   | 15               | The font size of the placeholder and input container.                                                                    |
 | `fontFamily`   | string   | "sans-serif"     | The font family of the placeholder and input container.                                                                  |
+| `shouldReturn` | boolean  | -                | Allows the user to use the `Shift + Enter` or `Ctrl + Enter` keyboard shortcut to create a new line.                     |
 
 ## License
 

package/dist/index.es.js

@@ -764,7 +764,7 @@ function removeHtmlExceptBr(inputDiv) {
 
   var stripped = temp.replace(/<[^>]+>/g, ''); // strip all html tags
 
-  var _final = stripped.replace(/\[BR\]/gi, '<br>'); // replace placeholders with <br>
+  var _final = stripped.replace(/\[BR\]/gi, '</br>'); // replace placeholders with <br>
 
 
   return _final;
@@ -1046,13 +1046,13 @@ var TextInput = function TextInput(_ref, ref) {
 
   function handleKeyDown(event) {
     if (event.key === "Enter" && (event.shiftKey === true || event.ctrlKey === true) && props.shouldReturn) {
-      if (!event.shiftKey && event.ctrlKey && textInputRef.current) {
-        textInputRef.current.innerHTML = "".concat(textInputRef.current.innerHTML, "<br><br>");
-        console.log('asjda', textInputRef.current.innerHTML);
+      event.preventDefault();
+
+      if (textInputRef.current) {
+        textInputRef.current.innerHTML = "".concat(textInputRef.current.innerHTML, "</br></br>");
         moveCaretToEnd(textInputRef);
+        return;
       }
-
-      return;
     }
 
     if (event.key === "Enter") {