react-input-emoji 5.6.1 → 5.6.3

package/dist/index.js

@@ -2,13 +2,11 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var t = require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var t__default = /*#__PURE__*/_interopDefaultLegacy(t);
 
 function styleInject(css, ref) {
   if (ref === void 0) ref = {};
@@ -523,7 +521,7 @@ function replaceAllTextEmojis(text) {
     allEmojis = _toConsumableArray(new Set(allEmojis)); // remove duplicates
 
     allEmojis.forEach(function (emoji) {
-      text = replaceAll(text, emoji, getInputEmojiHTML(emoji));
+      text = replaceAll(text, emoji, getInputEmojiHTML('', emoji));
     });
   }
   return text;
@@ -767,7 +765,7 @@ function useExpose(_ref) {
     textInputRef = _ref.textInputRef,
     setValue = _ref.setValue,
     emitChange = _ref.emitChange;
-  var _useSanitize = useSanitize(),
+  var _useSanitize = useSanitize(false),
     sanitize = _useSanitize.sanitize,
     sanitizedTextRef = _useSanitize.sanitizedTextRef;
   React.useImperativeHandle(ref, function () {
@@ -882,7 +880,7 @@ var TextInput = function TextInput(_ref, ref) {
         if (textInputRef.current) {
           textInputRef.current.focus();
         }
-        if (textInputRef.current && placeholderRef.current && textInputRef.current.innerHTML.trim() === "") {
+        if (textInputRef.current && placeholderRef.current && replaceAllTextEmojiToString(textInputRef.current.innerHTML) === "") {
           placeholderRef.current.style.visibility = "visible";
         } else if (placeholderRef.current) {
           placeholderRef.current.style.visibility = "hidden";
@@ -896,7 +894,8 @@ var TextInput = function TextInput(_ref, ref) {
           textInputRef.current.innerHTML = value;
         }
         if (placeholderRef.current) {
-          if (value.trim() === "") {
+          var text = replaceAllTextEmojiToString(value);
+          if (text === "") {
             placeholderRef.current.style.visibility = "visible";
           } else {
             placeholderRef.current.style.visibility = "hidden";
@@ -977,9 +976,9 @@ var TextInput = function TextInput(_ref, ref) {
   function handleKeyUp(event) {
     props.onKeyUp(event);
     var input = textInputRef.current;
-    if (placeholderRef.current) {
-      var _input$innerText;
-      if ((input === null || input === void 0 || (_input$innerText = input.innerText) === null || _input$innerText === void 0 ? void 0 : _input$innerText.trim()) === "") {
+    if (placeholderRef.current && input) {
+      var text = replaceAllTextEmojiToString(input.innerHTML);
+      if (text === "") {
         placeholderRef.current.style.visibility = "visible";
       } else {
         placeholderRef.current.style.visibility = "hidden";
@@ -3501,14 +3500,13 @@ function $e5534fc185f7111e$export$2e2bcd8739ae039(props) {
  * @property {'light' | 'dark' | 'auto'} theme
  * @property {function(import("../types/types").EmojiMartItem): void} onSelectEmoji
  * @property {boolean} disableRecent
- * @property {import("emoji-mart").CustomEmoji[]=} customEmojis
+ * @property {any[]=} customEmojis
  * @property {import('../types/types').Languages=} language
  */
 
 /**
  * Emoji Picker Component
  * @param {Props} props
- * @return {React.FC}
  */
 function EmojiPicker(props) {
   var theme = props.theme,
@@ -3552,7 +3550,7 @@ var EmojiPicker$1 = /*#__PURE__*/React.memo(EmojiPicker);
  * @property {'light' | 'dark' | 'auto'} theme
  * @property {(emoji: import("../types/types").EmojiMartItem) => void} handleSelectEmoji
  * @property {boolean} disableRecent
- * @property {import("emoji-mart").CustomEmoji[]=} customEmojis
+ * @property {any[]=} customEmojis
  * @property {('above' | 'below')=} position
  * @property {import('../types/types').Languages=} language
  */
@@ -3606,7 +3604,7 @@ var EMOJI_PICKER_CONTAINER_HEIGHT = 435;
  * @property {'light' | 'dark' | 'auto'} theme
  * @property {boolean} keepOpened
  * @property {boolean} disableRecent
- * @property {import("emoji-mart").CustomEmoji[]=} customEmojis
+ * @property {any[]=} customEmojis
  * @property {(fn: SanitizeFn) => void} addSanitizeFn
  * @property {(fn: PolluteFn) => void} addPolluteFn
  * @property {(html: string) => void} appendContent
@@ -4082,9 +4080,6 @@ var MentionUserList = function MentionUserList(_ref, ref) {
   }));
 };
 var MentionUserListWithRef = /*#__PURE__*/React.forwardRef(MentionUserList);
-MentionUserListWithRef.propTypes = {
-  users: t__default["default"].array.isRequired
-};
 
 /**
  * @typedef {import('../types/types').MentionUser} MetionUser