react-mention-input 1.1.16 → 1.1.17

package/demo.tsx

@@ -8,14 +8,14 @@ const Demo: React.FC = () => {
       name: 'John Doe',
       date: '2 hours ago',
       comment: 'Updated the status to Draft. Need <span class="mention-highlight">@team-leads</span> review before proceeding. <span class="hashtag-highlight">#urgent</span> <span class="hashtag-highlight">#review</span>',
-      itemName: '26may_item001 (A)',
+      objectName: '26may_item001 (A)',
     },
     {
       id: 2,
       name: 'Mike Johnson',
       date: '1 day ago',
       comment: 'Revision A completed successfully. Ready for next phase. <span class="hashtag-highlight">#milestone</span>',
-      itemName: '26may_item001 (A)',
+      objectName: '26may_item001 (A)',
     }
   ]);
 
@@ -48,7 +48,7 @@ const Demo: React.FC = () => {
       imageUrl: messageData.imageUrl,
       tags: messageData.tags,
       mentions: messageData.userSelectListName,
-      itemName: 'new_item001 (A)', // You can customize this or make it dynamic
+      objectName: 'new_item001 (A)', // You can customize this or make it dynamic
     };
 
     setMessages([...messages, newMessage]);

package/package.json

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

package/src/ShowMessageCard.tsx

@@ -12,7 +12,7 @@ interface ShowMessageCardProps {
   commentKey?: string; // Custom key for comment
   imgSrcKey?: string; // Custom key for image source
   imageUrlKey?: string; // Custom key for attached image URL
-  itemNameKey?: string; // Custom key for item identifier (top-right)
+  objectNameKey?: string; // Custom key for object identifier (top-right)
   containerClassName?: string; // Class for the outermost container
   containerStyle?: CSSProperties; // Style for the outermost container
   cardClassName?: string; // Class for the card
@@ -35,8 +35,8 @@ interface ShowMessageCardProps {
   attachedImageStyle?: CSSProperties; // Style for the attached image
   attachedImageContainerClassName?: string; // Class for the attached image container
   attachedImageContainerStyle?: CSSProperties; // Style for the attached image container
-  itemNameClassName?: string; // Class for the item name (top-right)
-  itemNameStyle?: CSSProperties; // Style for the item name (top-right)
+  objectNameClassName?: string; // Class for the object name (top-right)
+  objectNameStyle?: CSSProperties; // Style for the object name (top-right)
   renderItem?: (element: MessageCardProps) => ReactNode; // Custom render function
 }
 
@@ -47,7 +47,7 @@ export const ShowMessageCard: React.FC<ShowMessageCardProps> = ({
   commentKey = "comment",
   imgSrcKey = "imgSrc",
   imageUrlKey = "imageUrl", // Default key for attached image
-  itemNameKey = "name", // Default key for item identifier
+  objectNameKey = "objectName", // Default key for object identifier
   containerClassName,
   containerStyle,
   cardClassName,
@@ -70,10 +70,12 @@ export const ShowMessageCard: React.FC<ShowMessageCardProps> = ({
   attachedImageStyle,
   attachedImageContainerClassName,
   attachedImageContainerStyle,
-  itemNameClassName,
-  itemNameStyle,
+  objectNameClassName,
+  objectNameStyle,
   renderItem, // Custom render function
 }) => {
+
+  console.log(data, "data==");
   // State to manage initials for images that fail to load
   const [initialsState, setInitialsState] = useState<{ [key: string]: boolean }>(
     {}
@@ -175,13 +177,13 @@ export const ShowMessageCard: React.FC<ShowMessageCardProps> = ({
                 </div>
               </div>
               
-              {/* Item identifier in top-right corner */}
-              {item[itemNameKey] && (
+              {/* Object identifier in top-right corner */}
+              {item[objectNameKey] && (
                 <div
-                  className={`message-card-item-name ${itemNameClassName || ""}`}
-                  style={itemNameStyle}
+                  className={`message-card-item-name ${objectNameClassName || ""}`}
+                  style={objectNameStyle}
                 >
-                  {item[itemNameKey]}
+                  {item[objectNameKey]}
                 </div>
               )}
             </div>