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-6/

{
  "context": "This criteria evaluates how well the engineer uses emoji-picker-react's category navigation features to customize the emoji picker. It focuses on proper usage of the categories prop, categoriesConfig prop, and onEmojiClick callback to achieve the specified category filtering, ordering, naming, and click handling requirements.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "EmojiPicker Component Import",
      "description": "Correctly imports the EmojiPicker component from emoji-picker-react (default import or named import)",
      "max_score": 10
    },
    {
      "name": "Categories Prop Usage",
      "description": "Uses the 'categories' prop with the Categories enum to specify and order the 4 required categories (FOOD_DRINK, ANIMALS_NATURE, ACTIVITIES, TRAVEL_PLACES) in the correct order",
      "max_score": 25
    },
    {
      "name": "Categories Enum Import",
      "description": "Imports the Categories enum from emoji-picker-react to specify category values properly",
      "max_score": 10
    },
    {
      "name": "Custom Category Names",
      "description": "Uses the 'categoriesConfig' prop to provide custom names for all 4 categories with the correct mappings (Yummy, Wildlife, Fun Stuff, Destinations)",
      "max_score": 25
    },
    {
      "name": "onEmojiClick Handler",
      "description": "Implements the 'onEmojiClick' prop with a callback function that receives EmojiClickData",
      "max_score": 15
    },
    {
      "name": "Emoji Data Access",
      "description": "Correctly accesses the emoji character from the EmojiClickData object (e.g., emojiObject.emoji) in the click handler",
      "max_score": 10
    },
    {
      "name": "Console Logging",
      "description": "Logs the emoji character to the console within the click handler as specified",
      "max_score": 5
    }
  ]
}

Version

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