EmojiPicker component is based on emoji-mart Picker but is extended with additional translations.
+ component: The EmojiPicker component is based on emoji-mart Picker but is extended with additional translations.
+ converter:
+ title: Additional utility
+ description: The asciiToEmoji function replaces ASCII emojis with native browser emojis in the text.
props:
language: 'Available values: "en","bs","bg","hr","ro","sr","sv","de","fi","fr","ja","nl","pt","ru","tr","ar","be","cs","es","fa","hi","it","ko","pl","sa","uk","vi","zh",'
categories: 'Categories to show in the picker. Order is respected. Available values: "frequent", "people", "nature", "foods", "activity", "places", "objects", "symbols", "flags"'
diff --git a/storybook/stories/display/EmojiPicker/emojipicker.js b/storybook/stories/display/EmojiPicker/emojipicker.js
index fe06a017..95a3b787 100644
--- a/storybook/stories/display/EmojiPicker/emojipicker.js
+++ b/storybook/stories/display/EmojiPicker/emojipicker.js
@@ -1,15 +1,18 @@
/* eslint-disable max-len */
import i18n, { Trans } from "@i18n"
-import { Button, InputTextarea } from "@cadolabs/sphere-ui"
-import EmojiPicker from "@cadolabs/sphere-ui/EmojiPicker"
+import { Button, InputTextarea, InputSwitch, Dropdown } from "@cadolabs/sphere-ui"
+import { Highlighter } from "@components"
+import EmojiPicker, { asciiToEmoji } from "@cadolabs/sphere-ui/EmojiPicker"
import React from "react"
const I18N_PREFIX = "stories.emojiPicker"
const code = `
function Example () {
+ const textWithAscii = "te=)st =)test test=) =)"
const inputRef = React.useRef()
const [show, setShow] = React.useState(false)
+ const [isAsciiReplaceEnable, setAsciiReplaceEnable] = React.useState(false)
const [inputValue, setInputValue] = React.useState("")
const handleEmojiPick = event => {
@@ -32,35 +35,43 @@ function Example () {
}
return (
-