react-input-emoji 5.6.2 → 5.6.4

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 () {
@@ -3502,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,
@@ -3553,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
  */
@@ -3607,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
@@ -4083,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
@@ -4337,26 +4331,26 @@ function usePollute() {
  * @typedef {object} Props
  * @property {string} value
  * @property {(value: string) => void} onChange
- * @property {"light" | "dark" | "auto"} theme
- * @property {boolean} cleanOnEnter
- * @property {(text: string) => void} onEnter
- * @property {string} placeholder
- * @property {(size: {width: number, height: number}) => void} onResize
- * @property {() => void} onClick
- * @property {() => void} onFocus
+ * @property {"light" | "dark" | "auto"=} theme
+ * @property {boolean=} cleanOnEnter
+ * @property {(text: string) => void=} onEnter
+ * @property {string=} placeholder
+ * @property {(size: {width: number, height: number}) => void=} onResize
+ * @property {() => void=} onClick
+ * @property {() => void=} onFocus
  * @property {() => void=} onBlur
- * @property {boolean} shouldReturn
- * @property {number} maxLength
- * @property {boolean} keepOpened
- * @property {(event: KeyboardEvent) => void} onKeyDown
- * @property {string} inputClass
- * @property {boolean} disableRecent
- * @property {number} tabIndex
- * @property {number} height
- * @property {number} borderRadius
- * @property {string} borderColor
- * @property {number} fontSize
- * @property {string} fontFamily
+ * @property {boolean=} shouldReturn
+ * @property {number=} maxLength
+ * @property {boolean=} keepOpened
+ * @property {(event: KeyboardEvent) => void=} onKeyDown
+ * @property {string=} inputClass
+ * @property {boolean=} disableRecent
+ * @property {number=} tabIndex
+ * @property {number=} height
+ * @property {number=} borderRadius
+ * @property {string=} borderColor
+ * @property {number=} fontSize
+ * @property {string=} fontFamily
  * @property {{id: string; name: string; emojis: {id: string; name: string; keywords: string[], skins: {src: string}[]}}[]=} customEmojis
  * @property {import('./types/types').Languages=} language
  * @property {(text: string) => Promise<MetionUser[]>=} searchMention