CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-emoji-picker-react

tessl install tessl/npm-emoji-picker-react@4.13.0

Emoji 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%

rubric.jsonevals/scenario-2/

{
  "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
    }
  ]
}

Version

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/emoji-picker-react@4.13.x
tile.json