react-input-emoji 5.6.5 → 5.6.7

package/dist/index.js

@@ -5,6 +5,24 @@ var ReactDOM = require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
@@ -689,35 +707,100 @@ function totalCharacters(_ref2) {
   var emojisCount = (html.match(/<img/g) || []).length;
   return textCount + emojisCount;
 }
+/**
+ *
+ * @param {HTMLDivElement} inputDiv
+ * @return {string}
+ */
+function removeHtmlExceptBr(inputDiv) {
+  var temp = inputDiv.innerHTML.replace(/<br\s*\/?>/gi, "[BR]"); // temporarily replace <br> with placeholder
+  var stripped = temp.replace(/<[^>]+>/g, ""); // strip all html tags
+  var _final = stripped.replace(/\[BR\]/gi, "</br>"); // replace placeholders with <br>
+  return _final;
+}
 
 /**
- * Set caret to the end of text value
- * @param {React.MutableRefObject<HTMLDivElement| null>} input
+ * 
+ * @param {*} range 
+ * @returns 
  */
-function moveCaretToEnd(input) {
-  var range;
-  var selection;
-  if (document.createRange && input.current) {
-    range = document.createRange();
-    range.selectNodeContents(input.current);
-    range.collapse(false);
-    selection = window.getSelection();
-    if (selection) {
-      selection.removeAllRanges();
-      selection.addRange(range);
+function getSelectionStart$1(range) {
+  var node = range.startContainer;
+  var offset = range.startOffset;
+
+  // Handle cases where the selection start node is not a text node
+  if (node.nodeType !== Node.TEXT_NODE) {
+    while (node.nodeType !== Node.TEXT_NODE) {
+      node = node.nextSibling;
+      if (!node) break;
     }
+    if (!node) {
+      node = range.commonAncestorContainer;
+      while (node.nodeType !== Node.TEXT_NODE) {
+        node = node.firstChild;
+      }
+    }
+    offset = 0;
   }
+  return {
+    node: node,
+    offset: offset
+  };
 }
+
 /**
  * 
- * @param {HTMLDivElement} inputDiv 
- * @return {string}
+ * @returns {Object} cursor
  */
-function removeHtmlExceptBr(inputDiv) {
-  var temp = inputDiv.innerHTML.replace(/<br\s*\/?>/gi, '[BR]'); // temporarily replace <br> with placeholder
-  var stripped = temp.replace(/<[^>]+>/g, ''); // strip all html tags
-  var _final = stripped.replace(/\[BR\]/gi, '</br>'); // replace placeholders with <br>
-  return _final;
+function getCursor() {
+  var selection = window.getSelection();
+  var range = selection.getRangeAt(0);
+  var selectionStart = getSelectionStart$1(range);
+  return {
+    selection: selection,
+    range: range,
+    selectionStart: selectionStart
+  };
+}
+
+/**
+ *
+ */
+function addLineBreak() {
+  var _getCursor = getCursor(),
+    selection = _getCursor.selection,
+    range = _getCursor.range,
+    selectionStart = _getCursor.selectionStart;
+
+  // If cursor is at the end of the text content, add one more line break
+  if (selection.isCollapsed && selectionStart.offset === selectionStart.node.textContent.length) {
+    var br = document.createElement("br");
+    range.insertNode(br);
+    range.setStartAfter(br);
+    range.setEndAfter(br);
+    selection.removeAllRanges();
+    selection.addRange(range);
+    var br2 = document.createElement("br");
+    range.insertNode(br2);
+    range.setStartAfter(br2);
+    range.setEndAfter(br2);
+    selection.removeAllRanges();
+    selection.addRange(range);
+  } else {
+    var _br = document.createElement("br");
+    range.insertNode(_br);
+    range.setStartAfter(_br);
+    range.setEndAfter(_br);
+    selection.removeAllRanges();
+    selection.addRange(range);
+    // Set cursor position right before the first letter after the line break
+    if (selectionStart.node.nextSibling && selectionStart.node.nextSibling.nodeType === Node.TEXT_NODE) {
+      range.setStart(selectionStart.node.nextSibling, 1);
+      range.setEnd(selectionStart.node.nextSibling, 1);
+    }
+    selection.removeAllRanges();
+    selection.addRange(range);
+  }
 }
 
 // @ts-check
@@ -976,8 +1059,7 @@ var TextInput = function TextInput(_ref, ref) {
     if (event.key === "Enter" && (event.shiftKey === true || event.ctrlKey === true) && props.shouldReturn) {
       event.preventDefault();
       if (textInputRef.current) {
-        textInputRef.current.innerHTML = "".concat(textInputRef.current.innerHTML, "</br></br>");
-        moveCaretToEnd(textInputRef);
+        addLineBreak();
         return;
       }
     }
@@ -3556,12 +3638,31 @@ function EmojiPicker(props) {
     categoryies = [].concat(_toConsumableArray(categoryies), ["people", "nature", "foods", "activity", "places", "objects", "symbols", "flags"]);
     return categoryies;
   }, [disableRecent]);
-  var i18n = React.useMemo(function () {
+  var _useState = React.useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    i18n = _useState2[0],
+    setI18n = _useState2[1];
+  React.useEffect(function () {
     if (!language) {
-      return undefined;
+      // @ts-ignore
+      Promise.resolve().then(function () { return en$1; }).then(function (translations) {
+        setI18n(translations);
+      })["catch"](function (error) {
+        console.error("Failed to load translations:", error);
+      });
+      return;
     }
-    return require("@emoji-mart/data/i18n/".concat(language !== null && language !== void 0 ? language : 'en', ".json"));
+
+    // @ts-ignore
+    (function (t) { return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(t)); }); })("@emoji-mart/data/i18n/".concat(language, ".json")).then(function (translations) {
+      setI18n(translations);
+    })["catch"](function (error) {
+      console.error("Failed to load translations:", error);
+    });
   }, [language]);
+  if (!i18n) {
+    return null;
+  }
   return /*#__PURE__*/React__default["default"].createElement($e5534fc185f7111e$export$2e2bcd8739ae039, {
     data: undefined,
     theme: theme,
@@ -4623,5 +4724,54 @@ InputEmojiWithRef.defaultProps = {
   language: undefined
 };
 
+var search = "Search";
+var search_no_results_1 = "Oh no!";
+var search_no_results_2 = "That emoji couldn’t be found";
+var pick = "Pick an emoji…";
+var add_custom = "Add custom emoji";
+var categories = {
+	activity: "Activity",
+	custom: "Custom",
+	flags: "Flags",
+	foods: "Food & Drink",
+	frequent: "Frequently used",
+	nature: "Animals & Nature",
+	objects: "Objects",
+	people: "Smileys & People",
+	places: "Travel & Places",
+	search: "Search Results",
+	symbols: "Symbols"
+};
+var skins = {
+	"1": "Default",
+	"2": "Light",
+	"3": "Medium-Light",
+	"4": "Medium",
+	"5": "Medium-Dark",
+	"6": "Dark",
+	choose: "Choose default skin tone"
+};
+var en = {
+	search: search,
+	search_no_results_1: search_no_results_1,
+	search_no_results_2: search_no_results_2,
+	pick: pick,
+	add_custom: add_custom,
+	categories: categories,
+	skins: skins
+};
+
+var en$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  search: search,
+  search_no_results_1: search_no_results_1,
+  search_no_results_2: search_no_results_2,
+  pick: pick,
+  add_custom: add_custom,
+  categories: categories,
+  skins: skins,
+  'default': en
+});
+
 module.exports = InputEmojiWithRef;
 //# sourceMappingURL=index.js.map