react-quick-reactions
Version:
A popup emoji-reaction component for React.
16 lines (15 loc) • 933 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const ReactionPopover_1 = require("./components/ReactionPopover/ReactionPopover");
const RqrStyles_1 = require("./styles/RqrStyles");
const QuickReactions = (props) => {
var _a;
const { trigger, isVisible } = props;
const triggerRef = (0, react_1.useRef)(null);
const clonedTrigger = (0, react_1.cloneElement)(trigger, { ref: triggerRef });
const triggerPosition = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
return ((0, jsx_runtime_1.jsxs)(RqrStyles_1.QuickReactionsSpan, { children: [clonedTrigger, isVisible && ((0, jsx_runtime_1.jsx)(ReactionPopover_1.ReactionPopover, Object.assign({ triggerTransformValues: triggerPosition }, props)))] }));
};
exports.default = QuickReactions;