tessl install tessl/npm-emoji-picker-react@4.13.0Emoji Picker component for React Applications on the web
Agent Success
Agent success rate when using this tile
74%
Improvement
Agent success rate improvement when using this tile compared to baseline
1x
Baseline
Agent success rate without this tile
74%
{
"context": "This evaluation assesses how effectively the engineer uses the emoji-picker-react package's Reactions Mode feature to build a social media reaction widget. The focus is on proper configuration of reactions-specific props and handling reaction selection events.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Reactions mode enabled",
"description": "Uses the reactionsDefaultOpen prop set to true to open the EmojiPicker in reactions mode initially, showing only quick reactions rather than the full picker",
"max_score": 25
},
{
"name": "Reaction selection handler",
"description": "Implements either onReactionClick or onEmojiClick callback to handle when a user selects a reaction from the picker, capturing the emoji data",
"max_score": 25
},
{
"name": "Open/close state control",
"description": "Uses the open prop to control the visibility of the EmojiPicker, toggling it when the React button is clicked and closing it after a reaction is selected",
"max_score": 20
},
{
"name": "Reaction data tracking",
"description": "Properly extracts and uses emoji data from the EmojiClickData object (such as the emoji property or unified code) to track and display reactions",
"max_score": 15
},
{
"name": "EmojiPicker component import",
"description": "Correctly imports the EmojiPicker component from emoji-picker-react package using either default or named import",
"max_score": 10
},
{
"name": "Expand to full picker",
"description": "Either uses the default behavior allowing expansion to full picker or explicitly configures reactions prop or other related props to customize the reactions experience",
"max_score": 5
}
]
}