@chayns-components/emoji-input
Version:
Input field that supports HTML elements and emojis
54 lines (53 loc) • 2.95 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _core = require("@chayns-components/core");
var _react = _interopRequireWildcard(require("react"));
var _EmojiPickerCategories = _interopRequireDefault(require("./emoji-picker-categories/EmojiPickerCategories"));
var _EmojiPickerEmojis = _interopRequireDefault(require("./emoji-picker-emojis/EmojiPickerEmojis"));
var _EmojiPicker = require("./EmojiPicker.styles");
var _textstring = require("@chayns-components/textstring");
var _textStrings = _interopRequireDefault(require("../../constants/textStrings"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const FirstEmojiSlug = 'smileys_emotion';
const EmojiPicker = ({
accessToken,
onSelect,
personId
}) => {
const [searchString, setSearchString] = (0, _react.useState)('');
const [selectedCategory, setSelectedCategory] = (0, _react.useState)(FirstEmojiSlug);
const handleCategorySelect = (0, _react.useCallback)(category => {
setSearchString('');
setSelectedCategory(category);
}, []);
const handleSearchChange = (0, _react.useCallback)(event => {
setSearchString(event.target.value);
}, []);
const ts = _textStrings.default.components.emojiPicker.input.placeholder;
return /*#__PURE__*/_react.default.createElement(_EmojiPicker.StyledEmojiPicker, null, /*#__PURE__*/_react.default.createElement(_textstring.TextstringProvider, {
libraryName: "@chayns-component-emoji-input"
}, /*#__PURE__*/_react.default.createElement(_core.Input, {
onChange: handleSearchChange,
placeholder: /*#__PURE__*/_react.default.createElement(_textstring.Textstring, {
textstring: (0, _textstring.ttsToITextString)(ts)
}),
value: searchString
})), /*#__PURE__*/_react.default.createElement(_EmojiPickerEmojis.default, {
accessToken: accessToken,
onSelect: onSelect,
personId: personId,
searchString: searchString,
selectedCategory: selectedCategory
}), /*#__PURE__*/_react.default.createElement(_EmojiPickerCategories.default, {
onSelect: handleCategorySelect,
searchString: searchString,
selectedCategory: selectedCategory
}));
};
EmojiPicker.displayName = 'EmojiPicker';
var _default = exports.default = EmojiPicker;
//# sourceMappingURL=EmojiPicker.js.map