react-mention-input 1.0.12 → 1.0.13

package/README.md

@@ -43,7 +43,7 @@ A customizable input component with @mention functionality.
 
 ```tsx
 import React from 'react';
-import {MentionInput} from 'react-mention-input';
+import MentionInput from 'react-mention-input';
 
 const users = [
   { id: 1, name: 'John Doe' },

package/dist/MentionInput.d.ts

@@ -16,5 +16,5 @@ interface MentionInputProps {
     sendButtonIcon?: ReactNode;
     onSendMessage?: (message: string) => void;
 }
-export declare const MentionInput: React.FC<MentionInputProps>;
-export {};
+declare const MentionInput: React.FC<MentionInputProps>;
+export default MentionInput;

package/dist/MentionInput.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import './MentionInput.css'; // Import the SCSS file
-export var MentionInput = function (_a) {
+var MentionInput = function (_a) {
     var users = _a.users, placeholder = _a.placeholder, containerClassName = _a.containerClassName, inputContainerClassName = _a.inputContainerClassName, inputClassName = _a.inputClassName, sendBtnClassName = _a.sendBtnClassName, suggestionListClassName = _a.suggestionListClassName, suggestionItemClassName = _a.suggestionItemClassName, sendButtonIcon = _a.sendButtonIcon, onSendMessage = _a.onSendMessage;
     var _b = useState(''), inputValue = _b[0], setInputValue = _b[1];
     var _c = useState([]), suggestions = _c[0], setSuggestions = _c[1];
@@ -45,3 +45,4 @@ export var MentionInput = function (_a) {
             React.createElement("button", { onClick: handleSendMessage, className: "send-button ".concat(sendBtnClassName || '') }, sendButtonIcon ? (typeof sendButtonIcon === 'string' ? (React.createElement("img", { src: sendButtonIcon, alt: "Send Icon", style: { width: '20px', height: '20px' } })) : (sendButtonIcon)) : ('➤'))),
         showSuggestions && (React.createElement("ul", { className: "suggestion-list ".concat(suggestionListClassName || '') }, suggestions.map(function (user) { return (React.createElement("li", { key: user.id, onClick: function () { return handleSuggestionClick(user); }, className: "suggestion-item ".concat(suggestionItemClassName || '') }, user.name)); })))));
 };
+export default MentionInput;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { MentionInput } from './MentionInput';
+export { default as MentionInput } from './MentionInput';
 export { ShowMessageCard } from './ShowMessageCard';

package/dist/index.js

@@ -1,2 +1,2 @@
-export { MentionInput } from './MentionInput';
+export { default as MentionInput } from './MentionInput';
 export { ShowMessageCard } from './ShowMessageCard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mention-input",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/MentionInput.tsx

@@ -19,7 +19,7 @@ interface MentionInputProps {
   onSendMessage?: (message: string) => void;
 }
 
-export const MentionInput: React.FC<MentionInputProps> = ({
+ const MentionInput: React.FC<MentionInputProps> = ({
   users,
   placeholder,
   containerClassName,
@@ -119,3 +119,4 @@ export const MentionInput: React.FC<MentionInputProps> = ({
 };
 
  
+export default MentionInput

package/src/index.ts

@@ -1,2 +1,2 @@
-export {  MentionInput } from './MentionInput';
+export {default as MentionInput}  from './MentionInput';
 export { ShowMessageCard } from './ShowMessageCard';