@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
26 lines • 1.68 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ReactionGroups = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var fluentEmojisGroups_json_1 = tslib_1.__importDefault(require("../../data/fluentEmojisGroups.json"));
var useReactionPickerStyle_1 = require("./useReactionPickerStyle");
var ReactionGroups = function (props) {
var onSelectedGroup = props.onSelectedGroup, selectedGroup = props.selectedGroup;
var styles = (0, useReactionPickerStyle_1.useReactionPickerStyles)();
return (React.createElement(React.Fragment, null,
React.createElement(react_components_1.Divider, null),
React.createElement("div", { className: styles.emojiGroupContainer }, fluentEmojisGroups_json_1.default.map(function (group, index) {
var groupName = group.groupName, emoji = group.emoji;
return (React.createElement(react_components_1.Button, { className: styles.groupButton, key: index, onClick: function (ev) {
ev.preventDefault();
onSelectedGroup(groupName);
}, appearance: "subtle", icon: React.createElement("div", { className: (0, react_components_1.mergeClasses)(styles.emojiImageGroup, selectedGroup === groupName ? styles.emojiSelected : ""), title: groupName, style: {
WebkitMaskImage: "url(".concat(emoji, ")"),
maskImage: "url(".concat(emoji, ")"),
} }) }));
}))));
};
exports.ReactionGroups = ReactionGroups;
//# sourceMappingURL=ReactionGroups.js.map