@sendbird/uikit-react 3.5.0-rc.1 → 3.5.1

package/ui/ContextMenu.js

@@ -1,210 +1,194 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { b as __extends, _ as __assign } from '../tslib.es6-72df3331.js';
+import { a as _defineProperty, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-1be219c2.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { h as getClassName } from '../index-855ef33d.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-2784bdd8.js';
-import '../uuid-7e004f47.js';
+import { h as getClassName } from '../index-c589f349.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d88e3ef9.js';
+import '../uuid-8c96bee0.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-9ae71b7d.js';
-
-var MenuItems$1 =
-/** @class */
-function (_super) {
-  __extends(MenuItems, _super);
-
-  function MenuItems(props) {
-    var _this = _super.call(this, props) || this;
-
-    _this.menuRef = /*#__PURE__*/React__default.createRef();
-
-    _this.setupEvents = function () {
-      var closeDropdown = _this.props.closeDropdown;
-      var menuRef = _this.menuRef;
-
-      var handleClickOutside = function (event) {
-        var _a, _b;
-
-        if ((menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) && !((_b = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.contains) === null || _b === void 0 ? void 0 : _b.call(_a, event.target))) {
+import '../stringSet-3649b375.js';
+
+// padding to handle height of last item in message-list
+const HEIGHT_PADDING = 60;
+class MenuItems$1 extends React__default.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "menuRef", /*#__PURE__*/React__default.createRef());
+    _defineProperty(this, "setupEvents", () => {
+      const {
+        closeDropdown
+      } = this.props;
+      const {
+        menuRef
+      } = this;
+      const handleClickOutside = event => {
+        var _menuRef$current, _menuRef$current$cont;
+        if (menuRef !== null && menuRef !== void 0 && menuRef.current && !(menuRef !== null && menuRef !== void 0 && (_menuRef$current = menuRef.current) !== null && _menuRef$current !== void 0 && (_menuRef$current$cont = _menuRef$current.contains) !== null && _menuRef$current$cont !== void 0 && _menuRef$current$cont.call(_menuRef$current, event.target))) {
           closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
         }
       };
-
-      _this.setState({
-        handleClickOutside: handleClickOutside
+      this.setState({
+        handleClickOutside
       });
-
       document.addEventListener('mousedown', handleClickOutside);
-    };
-
-    _this.cleanUpEvents = function () {
-      var handleClickOutside = _this.state.handleClickOutside;
+    });
+    _defineProperty(this, "cleanUpEvents", () => {
+      const {
+        handleClickOutside
+      } = this.state;
       document.removeEventListener('mousedown', handleClickOutside);
-    };
-
-    _this.getMenuPosition = function () {
-      var _a, _b;
-
-      var _c = _this.props,
-          parentRef = _c.parentRef,
-          openLeft = _c.openLeft;
-      var parentRect = (_b = (_a = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a);
-      var x = (parentRect === null || parentRect === void 0 ? void 0 : parentRect.x) || (parentRect === null || parentRect === void 0 ? void 0 : parentRect.left) || 0;
-      var y = (parentRect === null || parentRect === void 0 ? void 0 : parentRect.y) || (parentRect === null || parentRect === void 0 ? void 0 : parentRect.top) || 0;
-      var menuStyle = {
+    });
+    _defineProperty(this, "getMenuPosition", () => {
+      var _parentRef$current, _parentRef$current$ge;
+      const {
+        parentRef,
+        openLeft
+      } = this.props;
+      const parentRect = parentRef === null || parentRef === void 0 ? void 0 : (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : (_parentRef$current$ge = _parentRef$current.getBoundingClientRect) === null || _parentRef$current$ge === void 0 ? void 0 : _parentRef$current$ge.call(_parentRef$current);
+      const x = (parentRect === null || parentRect === void 0 ? void 0 : parentRect.x) || (parentRect === null || parentRect === void 0 ? void 0 : parentRect.left) || 0;
+      const y = (parentRect === null || parentRect === void 0 ? void 0 : parentRect.y) || (parentRect === null || parentRect === void 0 ? void 0 : parentRect.top) || 0;
+      const menuStyle = {
         top: y,
         left: x
       };
-      if (!_this.menuRef.current) return menuStyle;
-      var innerWidth = window.innerWidth,
-          innerHeight = window.innerHeight;
-
-      var rect = _this.menuRef.current.getBoundingClientRect();
-
-      if (y + rect.height > innerHeight) {
+      if (!this.menuRef.current) return menuStyle;
+      const {
+        innerWidth,
+        innerHeight
+      } = window;
+      const rect = this.menuRef.current.getBoundingClientRect();
+      if (y + rect.height + HEIGHT_PADDING > innerHeight) {
         menuStyle.top -= rect.height;
       }
-
       if (x + rect.width > innerWidth && !openLeft) {
         menuStyle.left -= rect.width;
       }
-
       if (menuStyle.top < 0) {
         menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;
       }
-
-      if (menuStyle.left < 0) {
-        menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;
-      }
-
       menuStyle.top += 32;
-
       if (openLeft) {
-        var padding = Number.isNaN(rect.width - 30) ? 108 // default
+        const padding = Number.isNaN(rect.width - 30) ? 108 // default
         : rect.width - 30;
         menuStyle.left -= padding;
       }
-
-      _this.setState({
-        menuStyle: menuStyle
+      // warning: this section has to be executed after the openLeft is calculated
+      // menu is outside viewport
+      if (menuStyle.left < 0) {
+        menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;
+      }
+      this.setState({
+        menuStyle
       });
-
       return menuStyle;
-    };
-
-    _this.state = {
+    });
+    this.state = {
       menuStyle: {},
-      handleClickOutside: function () {}
+      handleClickOutside: () => {/* noop */}
     };
-    return _this;
   }
-
-  MenuItems.prototype.componentDidMount = function () {
+  componentDidMount() {
     this.setupEvents();
     this.getMenuPosition();
-  };
-
-  MenuItems.prototype.componentWillUnmount = function () {
+  }
+  componentWillUnmount() {
     this.cleanUpEvents();
-  };
-
-  MenuItems.prototype.render = function () {
-    var _a;
-
-    var menuStyle = this.state.menuStyle;
-    var _b = this.props,
-        children = _b.children,
-        style = _b.style,
-        _c = _b.className,
-        className = _c === void 0 ? "" : _c;
+  }
+  render() {
+    var _this$props;
+    const {
+      menuStyle
+    } = this.state;
+    const {
+      children,
+      style,
+      className = ''
+    } = this.props;
     return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", {
-      className: (_a = this.props) === null || _a === void 0 ? void 0 : _a.className
+      className: (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.className
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "sendbird-dropdown__menu-backdrop"
     }), /*#__PURE__*/React__default.createElement("ul", {
-      className: "".concat(className, " sendbird-dropdown__menu"),
+      className: `${className} sendbird-dropdown__menu`,
       ref: this.menuRef,
-      style: __assign({
+      style: _objectSpread2({
         display: 'inline-block',
         position: 'fixed',
-        left: "".concat(Math.round(menuStyle.left), "px"),
-        top: "".concat(Math.round(menuStyle.top), "px")
+        left: `${Math.round(menuStyle.left)}px`,
+        top: `${Math.round(menuStyle.top)}px`
       }, style)
     }, children)), document.getElementById('sendbird-dropdown-portal'));
-  };
-
-  return MenuItems;
-}(React__default.Component);
-
-var EmojiListItems$1 = function (_a) {
-  var children = _a.children,
-      parentRef = _a.parentRef,
-      parentContainRef = _a.parentContainRef,
-      _b = _a.spaceFromTrigger,
-      spaceFromTrigger = _b === void 0 ? {
-    x: 0,
-    y: 0
-  } : _b,
-      closeDropdown = _a.closeDropdown;
+  }
+}
 
-  var _c = useState({
+const defaultParentRect = {
+  x: 0,
+  y: 0,
+  left: 0,
+  top: 0,
+  height: 0
+};
+const EmojiListItems$1 = _ref => {
+  let {
+    children,
+    parentRef,
+    parentContainRef,
+    spaceFromTrigger = {
+      x: 0,
+      y: 0
+    },
+    closeDropdown
+  } = _ref;
+  const [reactionStyle, setReactionStyle] = useState({
     left: 0,
     top: 0
-  }),
-      reactionStyle = _c[0],
-      setReactionStyle = _c[1];
+  });
+  const reactionRef = useRef(null);
 
-  var reactionRef = useRef(null);
   /* showParent & hideParent */
-
-  useEffect(function () {
-    if (parentContainRef && (parentContainRef === null || parentContainRef === void 0 ? void 0 : parentContainRef.current)) {
+  useEffect(() => {
+    if (parentContainRef && parentContainRef !== null && parentContainRef !== void 0 && parentContainRef.current) {
       parentContainRef.current.classList.add('sendbird-reactions--pressed');
     }
-
-    return function () {
-      if (parentContainRef && (parentContainRef === null || parentContainRef === void 0 ? void 0 : parentContainRef.current)) {
+    return () => {
+      if (parentContainRef && parentContainRef !== null && parentContainRef !== void 0 && parentContainRef.current) {
         parentContainRef.current.classList.remove('sendbird-reactions--pressed');
       }
     };
   }, []);
-  /* setupEvents & cleanupEvents */
-
-  useEffect(function () {
-    var handleClickOutSide = function (event) {
-      var _a, _b;
 
-      if ((reactionRef === null || reactionRef === void 0 ? void 0 : reactionRef.current) && !((_b = (_a = reactionRef === null || reactionRef === void 0 ? void 0 : reactionRef.current) === null || _a === void 0 ? void 0 : _a.contains) === null || _b === void 0 ? void 0 : _b.call(_a, event.target))) {
+  /* setupEvents & cleanupEvents */
+  useEffect(() => {
+    const handleClickOutSide = event => {
+      var _reactionRef$current, _reactionRef$current$;
+      if (reactionRef !== null && reactionRef !== void 0 && reactionRef.current && !(reactionRef !== null && reactionRef !== void 0 && (_reactionRef$current = reactionRef.current) !== null && _reactionRef$current !== void 0 && (_reactionRef$current$ = _reactionRef$current.contains) !== null && _reactionRef$current$ !== void 0 && _reactionRef$current$.call(_reactionRef$current, event.target))) {
         closeDropdown();
       }
     };
-
     document.addEventListener('mousedown', handleClickOutSide);
-    return function () {
+    return () => {
       document.removeEventListener('mousedown', handleClickOutSide);
     };
   }, []);
-  /* getBarPosition */
 
-  useEffect(function () {
-    var _a, _b;
-
-    var spaceFromTriggerX = (spaceFromTrigger === null || spaceFromTrigger === void 0 ? void 0 : spaceFromTrigger.x) || 0;
-    var spaceFromTriggerY = (spaceFromTrigger === null || spaceFromTrigger === void 0 ? void 0 : spaceFromTrigger.y) || 0;
-    var parentRect = (_a = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-    var x = parentRect.x || parentRect.left;
-    var y = parentRect.y || parentRect.top;
-    var reactionStyle = {
+  /* getBarPosition */
+  useEffect(() => {
+    var _parentRef$current$ge, _parentRef$current;
+    const spaceFromTriggerX = (spaceFromTrigger === null || spaceFromTrigger === void 0 ? void 0 : spaceFromTrigger.x) || 0;
+    const spaceFromTriggerY = (spaceFromTrigger === null || spaceFromTrigger === void 0 ? void 0 : spaceFromTrigger.y) || 0;
+    const parentRect = (_parentRef$current$ge = parentRef === null || parentRef === void 0 ? void 0 : (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.getBoundingClientRect()) !== null && _parentRef$current$ge !== void 0 ? _parentRef$current$ge : defaultParentRect;
+    const x = parentRect.x || parentRect.left;
+    const y = parentRect.y || parentRect.top;
+    const reactionStyle = {
       top: y,
       left: x
     };
-
-    if (!(reactionRef === null || reactionRef === void 0 ? void 0 : reactionRef.current)) {
+    if (!(reactionRef !== null && reactionRef !== void 0 && reactionRef.current)) {
       setReactionStyle(reactionStyle);
     } else {
-      var rect = (_b = reactionRef === null || reactionRef === void 0 ? void 0 : reactionRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-
+      var _reactionRef$current2;
+      const rect = reactionRef === null || reactionRef === void 0 ? void 0 : (_reactionRef$current2 = reactionRef.current) === null || _reactionRef$current2 === void 0 ? void 0 : _reactionRef$current2.getBoundingClientRect();
       if (reactionStyle.top < rect.height) {
         reactionStyle.top += parentRect.height;
         reactionStyle.top += spaceFromTriggerY;
@@ -212,104 +196,96 @@ var EmojiListItems$1 = function (_a) {
         reactionStyle.top -= rect.height;
         reactionStyle.top -= spaceFromTriggerY;
       }
-
       reactionStyle.left -= rect.width / 2;
       reactionStyle.left += parentRect.height / 2 - 2;
       reactionStyle.left += spaceFromTriggerX;
-      var maximumLeft = window.innerWidth - rect.width;
-
+      const maximumLeft = window.innerWidth - rect.width;
       if (maximumLeft < reactionStyle.left) {
         reactionStyle.left = maximumLeft;
       }
-
       if (reactionStyle.left < 0) {
         reactionStyle.left = 0;
       }
-
       setReactionStyle(reactionStyle);
     }
   }, []);
-  return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-dropdown__menu-backdrop"
-  }), /*#__PURE__*/React__default.createElement("ul", {
-    className: "sendbird-dropdown__reaction-bar",
-    ref: reactionRef,
-    style: {
-      display: 'inline-block',
-      position: 'fixed',
-      left: "".concat(Math.round(reactionStyle.left), "px"),
-      top: "".concat(Math.round(reactionStyle.top), "px")
-    }
-  }, /*#__PURE__*/React__default.createElement(SortByRow, {
-    className: "sendbird-dropdown__reaction-bar__row",
-    maxItemCount: 8,
-    itemWidth: 44,
-    itemHeight: 40
-  }, children))), document.getElementById('sendbird-emoji-list-portal'));
+  const rootElement = document.getElementById('sendbird-emoji-list-portal');
+  if (rootElement) {
+    return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "sendbird-dropdown__menu-backdrop"
+    }), /*#__PURE__*/React__default.createElement("ul", {
+      className: "sendbird-dropdown__reaction-bar",
+      ref: reactionRef,
+      style: {
+        display: 'inline-block',
+        position: 'fixed',
+        left: `${Math.round(reactionStyle.left)}px`,
+        top: `${Math.round(reactionStyle.top)}px`
+      }
+    }, /*#__PURE__*/React__default.createElement(SortByRow, {
+      className: "sendbird-dropdown__reaction-bar__row",
+      maxItemCount: 8,
+      itemWidth: 44,
+      itemHeight: 40
+    }, children))), rootElement);
+  }
+  return null;
 };
 
-var ENTER_KEY = 13;
-var MenuItems = MenuItems$1;
-var EmojiListItems = EmojiListItems$1;
-var MenuItem = function (_a) {
-  var _b = _a.className,
-      className = _b === void 0 ? '' : _b,
-      children = _a.children,
-      onClick = _a.onClick,
-      _c = _a.disable,
-      disable = _c === void 0 ? false : _c;
-
-  var handleClickEvent = function (e) {
+const ENTER_KEY = 13;
+const MenuItems = MenuItems$1;
+const EmojiListItems = EmojiListItems$1;
+const MenuItem = _ref => {
+  let {
+    className = '',
+    children,
+    onClick,
+    disable = false,
+    dataSbId = ''
+  } = _ref;
+  const handleClickEvent = e => {
     if (!disable && onClick) {
       onClick === null || onClick === void 0 ? void 0 : onClick(e);
     }
   };
-
   return /*#__PURE__*/React__default.createElement("li", {
     className: getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : '']),
     role: "menuitem",
     "aria-disabled": disable ? true : false,
     onClick: handleClickEvent,
-    onKeyPress: function (e) {
+    onKeyPress: e => {
       if (e.keyCode === ENTER_KEY) handleClickEvent(e);
     },
-    tabIndex: 0
+    tabIndex: 0,
+    "data-sb-id": dataSbId
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-dropdown__menu-item__text",
     type: LabelTypography.SUBTITLE_2,
     color: disable ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1
   }, children));
 };
-var MenuRoot = function () {
-  return /*#__PURE__*/React__default.createElement("div", {
-    id: "sendbird-dropdown-portal",
-    className: "sendbird-dropdown-portal"
-  });
-};
-var EmojiReactionListRoot = function () {
-  return /*#__PURE__*/React__default.createElement("div", {
-    id: "sendbird-emoji-list-portal"
-  });
-};
-function ContextMenu(_a) {
-  var menuTrigger = _a.menuTrigger,
-      menuItems = _a.menuItems,
-      isOpen = _a.isOpen;
-
-  var _b = useState(false),
-      showMenu = _b[0],
-      setShowMenu = _b[1];
-
+const MenuRoot = () => /*#__PURE__*/React__default.createElement("div", {
+  id: "sendbird-dropdown-portal",
+  className: "sendbird-dropdown-portal"
+});
+
+// For the test environment
+const EmojiReactionListRoot = () => /*#__PURE__*/React__default.createElement("div", {
+  id: "sendbird-emoji-list-portal"
+});
+function ContextMenu(_ref2) {
+  let {
+    menuTrigger,
+    menuItems,
+    isOpen
+  } = _ref2;
+  const [showMenu, setShowMenu] = useState(false);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-context-menu",
     style: {
       display: 'inline'
     }
-  }, menuTrigger === null || menuTrigger === void 0 ? void 0 : menuTrigger(function () {
-    return setShowMenu(!showMenu);
-  }), (showMenu || isOpen) && menuItems(function () {
-    return setShowMenu(false);
-  }));
+  }, menuTrigger === null || menuTrigger === void 0 ? void 0 : menuTrigger(() => setShowMenu(!showMenu)), (showMenu || isOpen) && menuItems(() => setShowMenu(false)));
 }
 
 export { EmojiListItems, EmojiReactionListRoot, MenuItem, MenuItems, MenuRoot, ContextMenu as default };

package/ui/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../src/ui/ContextMenu/MenuItems.tsx","../../src/ui/ContextMenu/EmojiListItems.tsx","../../src/ui/ContextMenu/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface MenuItemsProps {\n  className?: string;\n  style?: Record<string, string>;\n  openLeft?: boolean;\n  children: React.ReactElement | Array<React.ReactElement>;\n  parentRef: React.RefObject<HTMLElement>;\n  parentContainRef: React.RefObject<HTMLElement>;\n  closeDropdown: () => void;\n}\n\ntype MenuStyleType = { top?: number, left?: number };\ninterface MenuItemsState {\n  menuStyle: MenuStyleType;\n  handleClickOutside: (e: MouseEvent) => void;\n}\n\nexport default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {\n  constructor(props: MenuItemsProps) {\n    super(props);\n    this.state = {\n      menuStyle: {},\n      handleClickOutside: () => {/* noop */ },\n    };\n  }\n  menuRef: React.RefObject<HTMLUListElement> = React.createRef();\n\n  componentDidMount(): void {\n    this.setupEvents();\n    this.getMenuPosition();\n  }\n\n  componentWillUnmount(): void {\n    this.cleanUpEvents();\n  }\n\n  setupEvents = (): void => {\n    const { closeDropdown } = this.props;\n    const { menuRef } = this;\n    const handleClickOutside = (event) => {\n      if (menuRef?.current && !menuRef?.current?.contains?.(event.target)) {\n        closeDropdown?.();\n      }\n    };\n    this.setState({\n      handleClickOutside,\n    });\n\n    document.addEventListener('mousedown', handleClickOutside);\n  }\n\n  cleanUpEvents = (): void => {\n    const {\n      handleClickOutside,\n    } = this.state;\n    document.removeEventListener('mousedown', handleClickOutside);\n  }\n\n  getMenuPosition = (): MenuStyleType => {\n    const { parentRef, openLeft } = this.props;\n    const parentRect = parentRef?.current?.getBoundingClientRect?.();\n    const x = parentRect?.x || parentRect?.left || 0;\n    const y = parentRect?.y || parentRect?.top || 0;\n    const menuStyle = {\n      top: y,\n      left: x,\n    };\n    if (!this.menuRef.current) return menuStyle;\n    const { innerWidth, innerHeight } = window;\n    const rect = this.menuRef.current.getBoundingClientRect();\n    if (y + rect.height > innerHeight) {\n      menuStyle.top -= rect.height;\n    }\n    if (x + rect.width > innerWidth && !openLeft) {\n      menuStyle.left -= rect.width;\n    }\n    if (menuStyle.top < 0) {\n      menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;\n    }\n    if (menuStyle.left < 0) {\n      menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;\n    }\n    menuStyle.top += 32;\n    if (openLeft) {\n      const padding = Number.isNaN(rect.width - 30)\n        ? 108 // default\n        : rect.width - 30;\n      menuStyle.left -= padding;\n    }\n    this.setState({ menuStyle })\n    return menuStyle;\n  }\n\n  render(): ReactElement {\n    const { menuStyle } = this.state;\n    const { children, style, className=\"\" } = this.props;\n    return (\n      createPortal(\n        (\n          <div className={this.props?.className}>\n            <div className=\"sendbird-dropdown__menu-backdrop\" />\n            <ul\n              className={`${className} sendbird-dropdown__menu`}\n              ref={this.menuRef}\n              style={{\n                display: 'inline-block',\n                position: 'fixed',\n                left: `${Math.round(menuStyle.left)}px`,\n                top: `${Math.round(menuStyle.top)}px`,\n                ...style,\n              }}\n            >\n              {children}\n            </ul>\n          </div>\n        ),\n        document.getElementById('sendbird-dropdown-portal'),\n      )\n    );\n  }\n}\n","import React, { ReactElement, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport SortByRow from '../SortByRow';\n\ntype SpaceFromTrigger = { x: number, y: number };\ntype ReactionStyle = { left: number, top: number };\nexport interface EmojiListItemsProps {\n  closeDropdown: () => void;\n  children: ReactNode;\n  parentRef: RefObject<HTMLDivElement>;\n  parentContainRef: RefObject<HTMLDivElement>;\n  spaceFromTrigger?: SpaceFromTrigger;\n}\n\nconst EmojiListItems = ({\n  children,\n  parentRef,\n  parentContainRef,\n  spaceFromTrigger = { x: 0, y: 0 },\n  closeDropdown,\n}: EmojiListItemsProps): ReactElement => {\n  const [reactionStyle, setReactionStyle] = useState<ReactionStyle>({ left: 0, top: 0 });\n  const reactionRef = useRef(null);\n\n  /* showParent & hideParent */\n  useEffect(() => {\n    if (parentContainRef && parentContainRef?.current) {\n      parentContainRef.current.classList.add('sendbird-reactions--pressed');\n    }\n    return () => {\n      if (parentContainRef && parentContainRef?.current) {\n        parentContainRef.current.classList.remove('sendbird-reactions--pressed');\n      }\n    };\n  }, []);\n\n  /* setupEvents & cleanupEvents */\n  useEffect(() => {\n    const handleClickOutSide = (event) => {\n      if (reactionRef?.current && !reactionRef?.current?.contains?.(event.target)) {\n        closeDropdown();\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutSide);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutSide);\n    };\n  }, []);\n\n  /* getBarPosition */\n  useEffect(() => {\n    const spaceFromTriggerX = spaceFromTrigger?.x || 0;\n    const spaceFromTriggerY = spaceFromTrigger?.y || 0;\n    const parentRect = parentRef?.current?.getBoundingClientRect();\n    const x = parentRect.x || parentRect.left;\n    const y = parentRect.y || parentRect.top;\n    const reactionStyle = {\n      top: y,\n      left: x,\n    };\n    if (!reactionRef?.current) {\n      setReactionStyle(reactionStyle);\n    } else {\n      const rect = reactionRef?.current?.getBoundingClientRect();\n      if (reactionStyle.top < rect.height) {\n        reactionStyle.top += parentRect.height;\n        reactionStyle.top += spaceFromTriggerY;\n      } else {\n        reactionStyle.top -= rect.height;\n        reactionStyle.top -= spaceFromTriggerY;\n      }\n      reactionStyle.left -= rect.width / 2;\n      reactionStyle.left += (parentRect.height / 2) - 2;\n      reactionStyle.left += spaceFromTriggerX;\n      const maximumLeft = window.innerWidth - rect.width;\n      if (maximumLeft < reactionStyle.left) {\n        reactionStyle.left = maximumLeft;\n      }\n      if (reactionStyle.left < 0) {\n        reactionStyle.left = 0;\n      }\n      setReactionStyle(reactionStyle);\n    }\n  }, []);\n\n  return (\n    createPortal(\n      <>\n        <div className=\"sendbird-dropdown__menu-backdrop\" />\n        <ul\n          className=\"sendbird-dropdown__reaction-bar\"\n          ref={reactionRef}\n          style={{\n            display: 'inline-block',\n            position: 'fixed',\n            left: `${Math.round(reactionStyle.left)}px`,\n            top: `${Math.round(reactionStyle.top)}px`,\n          }}\n        >\n          <SortByRow\n            className=\"sendbird-dropdown__reaction-bar__row\"\n            maxItemCount={8}\n            itemWidth={44}\n            itemHeight={40}\n          >\n            {children}\n          </SortByRow>\n        </ul>\n      </>,\n      document.getElementById('sendbird-emoji-list-portal'),\n    )\n  );\n};\n\nexport default EmojiListItems;\n","import React, { ReactElement, MouseEvent, useState, ReactNode } from 'react';\nimport './index.scss';\n\nimport _MenuItems from './MenuItems';\nimport _EmojiListItems from './EmojiListItems';\n\nimport { getClassName } from '../../utils';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nconst ENTER_KEY = 13;\n\nexport const MenuItems = _MenuItems;\nexport const EmojiListItems = _EmojiListItems;\n\nexport interface MenuItemProps {\n  className?: string | Array<string>;\n  children: ReactElement | ReactElement[] | ReactNode;\n  onClick?: (e: MouseEvent<HTMLLIElement>) => void;\n  disable?: boolean;\n}\nexport const MenuItem = ({\n  className = '',\n  children,\n  onClick,\n  disable = false,\n}: MenuItemProps): ReactElement => {\n  const handleClickEvent = (e) => {\n    if (!disable && onClick) {\n      onClick?.(e);\n    }\n  };\n  return (\n    <li\n      className={getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : ''])}\n      role=\"menuitem\"\n      aria-disabled={disable ? true : false}\n      onClick={handleClickEvent}\n      onKeyPress={(e) => { if (e.keyCode === ENTER_KEY) handleClickEvent(e); }}\n      tabIndex={0}\n    >\n      <Label\n        className=\"sendbird-dropdown__menu-item__text\"\n        type={LabelTypography.SUBTITLE_2}\n        color={disable ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1}\n      >\n        {children}\n      </Label>\n    </li>\n  );\n};\n\nexport const MenuRoot = (): ReactElement => (\n  <div\n    id=\"sendbird-dropdown-portal\"\n    className=\"sendbird-dropdown-portal\"\n  />\n);\nexport const EmojiReactionListRoot = (): ReactElement => <div id=\"sendbird-emoji-list-portal\" />;\n\ntype MenuDisplayingFunc = () => void;\nexport interface ContextMenuProps {\n  menuTrigger?: (MenuDisplayingFunc) => ReactElement;\n  menuItems: (MenuDisplayingFunc) => ReactElement;\n  isOpen?: boolean;\n}\nexport default function ContextMenu({\n  menuTrigger,\n  menuItems,\n  isOpen,\n}: ContextMenuProps): ReactElement {\n  const [showMenu, setShowMenu] = useState(false);\n  return (\n    <div\n      className=\"sendbird-context-menu\"\n      style={{ display: 'inline' }}\n    >\n      {menuTrigger?.(() => setShowMenu(!showMenu))}\n      {(showMenu || isOpen) && menuItems(() => setShowMenu(false))}\n    </div>\n  );\n}\n"],"names":["MenuItems","_super","__extends","props","_this","call","menuRef","React","createRef","setupEvents","closeDropdown","handleClickOutside","event","current","_b","_a","contains","target","setState","document","addEventListener","cleanUpEvents","state","removeEventListener","getMenuPosition","_c","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","window","innerHeight","rect","height","width","padding","Number","isNaN","prototype","componentDidMount","componentWillUnmount","render","children","style","className","createPortal","concat","__assign","display","position","Math","round","getElementById","Component","EmojiListItems","parentContainRef","spaceFromTrigger","useState","reactionStyle","setReactionStyle","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","spaceFromTriggerX","spaceFromTriggerY","maximumLeft","ENTER_KEY","_MenuItems","_EmojiListItems","MenuItem","onClick","disable","handleClickEvent","e","getClassName","keyCode","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_4","ONBACKGROUND_1","MenuRoot","EmojiReactionListRoot","ContextMenu","menuTrigger","menuItems","isOpen","showMenu","setShowMenu"],"mappings":";;;;;;;;;;;AAmBA,IAAAA,WAAA;AAAA;AAAA,UAAAC,MAAA,EAAA;AAAuCC,EAAAA,SAA+C,CAAAF,SAAA,EAAAC,MAAA,CAA/C,CAAA;;EACrC,SAAAD,SAAA,CAAYG,KAAZ,EAAiC;IAAjC,IACEC,KAAA,GAAAH,MAAA,CAAAI,IAAA,CAAA,IAAA,EAAMF,KAAN,CAAA,IAKD,IAND,CAAA;;AAOAC,IAAAA,KAAA,CAAAE,OAAA,gBAA6CC,cAAK,CAACC,SAAN,EAA7C,CAAA;;IAWAJ,KAAA,CAAAK,WAAA,GAAc,YAAA;AACJ,MAAA,IAAAC,aAAa,GAAKN,KAAI,CAACD,KAAL,cAAlB,CAAA;AACA,MAAA,IAAAG,OAAO,GAAKF,KAAI,CAAAE,OAAhB,CAAA;;AACR,MAAA,IAAMK,kBAAkB,GAAG,UAACC,KAAD,EAAM;;;AAC/B,QAAA,IAAI,CAAAN,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,OAAT,KAAoB,EAAC,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAT,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,OAAT,MAAkB,IAAlB,IAAkBE,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkBA,EAAA,CAAAC,QAAlB,MAA6B,IAA7B,IAA6BF,EAAA,KAAA,KAAA,CAA7B,GAA6B,KAAA,CAA7B,GAA6BA,EAAA,CAAAT,IAAA,CAAAU,EAAA,EAAAH,KAAK,CAACK,MAAN,CAA9B,CAAxB,EAAqE;AACnEP,UAAAA,aAAa,KAAb,IAAA,IAAAA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,EAAb,CAAA;AACD,SAAA;OAHH,CAAA;;MAKAN,KAAI,CAACc,QAAL,CAAc;AACZP,QAAAA,kBAAkB,EAAAA,kBAAAA;OADpB,CAAA,CAAA;;AAIAQ,MAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCT,kBAAvC,CAAA,CAAA;KAZF,CAAA;;IAeAP,KAAA,CAAAiB,aAAA,GAAgB,YAAA;AAEZ,MAAA,IAAAV,kBAAkB,GAChBP,KAAI,CAACkB,KAAL,mBADF,CAAA;AAEFH,MAAAA,QAAQ,CAACI,mBAAT,CAA6B,WAA7B,EAA0CZ,kBAA1C,CAAA,CAAA;KAJF,CAAA;;IAOAP,KAAA,CAAAoB,eAAA,GAAkB,YAAA;;;AACV,MAAA,IAAAC,EAAA,GAA0BrB,KAAI,CAACD,KAA/B;AAAA,UAAEuB,SAAS,GAAAD,EAAA,CAAAC,SAAX;AAAA,UAAaC,QAAQ,GAAAF,EAAA,CAAAE,QAArB,CAAA;MACN,IAAMC,UAAU,GAAG,CAAAd,EAAA,GAAA,CAAAC,EAAA,GAAAW,SAAS,KAAT,IAAA,IAAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,SAAS,CAAEb,OAAX,MAAoB,IAApB,IAAoBE,EAAA,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAoBA,EAAA,CAAAc,qBAApB,UAAA,iBAAA,SAAA,cAAnB,CAAA;AACA,MAAA,IAAMC,CAAC,GAAG,CAAAF,UAAU,SAAV,IAAAA,UAAU,KAAA,KAAA,CAAV,GAAU,KAAA,CAAV,GAAAA,UAAU,CAAEE,CAAZ,MAAiBF,UAAU,KAAA,IAAV,IAAAA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEG,IAA7B,KAAqC,CAA/C,CAAA;AACA,MAAA,IAAMC,CAAC,GAAG,CAAAJ,UAAU,SAAV,IAAAA,UAAU,KAAA,KAAA,CAAV,GAAU,KAAA,CAAV,GAAAA,UAAU,CAAEI,CAAZ,MAAiBJ,UAAU,KAAA,IAAV,IAAAA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEK,GAA7B,KAAoC,CAA9C,CAAA;AACA,MAAA,IAAMC,SAAS,GAAG;AAChBD,QAAAA,GAAG,EAAED,CADW;AAEhBD,QAAAA,IAAI,EAAED,CAAAA;OAFR,CAAA;MAIA,IAAI,CAAC1B,KAAI,CAACE,OAAL,CAAaO,OAAlB,EAA2B,OAAOqB,SAAP,CAAA;AACnB,MAAA,IAAAC,UAAU,GAAkBC,MAAM,CAAAD,UAAlC;AAAA,UAAYE,WAAW,GAAKD,MAAM,CAAAC,WAAlC,CAAA;;MACR,IAAMC,IAAI,GAAGlC,KAAI,CAACE,OAAL,CAAaO,OAAb,CAAqBgB,qBAArB,EAAb,CAAA;;AACA,MAAA,IAAIG,CAAC,GAAGM,IAAI,CAACC,MAAT,GAAkBF,WAAtB,EAAmC;AACjCH,QAAAA,SAAS,CAACD,GAAV,IAAiBK,IAAI,CAACC,MAAtB,CAAA;AACD,OAAA;;MACD,IAAIT,CAAC,GAAGQ,IAAI,CAACE,KAAT,GAAiBL,UAAjB,IAA+B,CAACR,QAApC,EAA8C;AAC5CO,QAAAA,SAAS,CAACH,IAAV,IAAkBO,IAAI,CAACE,KAAvB,CAAA;AACD,OAAA;;AACD,MAAA,IAAIN,SAAS,CAACD,GAAV,GAAgB,CAApB,EAAuB;AACrBC,QAAAA,SAAS,CAACD,GAAV,GAAgBK,IAAI,CAACC,MAAL,GAAcF,WAAd,GAA4B,CAACA,WAAW,GAAGC,IAAI,CAACC,MAApB,IAA8B,CAA1D,GAA8D,CAA9E,CAAA;AACD,OAAA;;AACD,MAAA,IAAIL,SAAS,CAACH,IAAV,GAAiB,CAArB,EAAwB;AACtBG,QAAAA,SAAS,CAACH,IAAV,GAAiBO,IAAI,CAACE,KAAL,GAAaL,UAAb,GAA0B,CAACA,UAAU,GAAGG,IAAI,CAACE,KAAnB,IAA4B,CAAtD,GAA0D,CAA3E,CAAA;AACD,OAAA;;MACDN,SAAS,CAACD,GAAV,IAAiB,EAAjB,CAAA;;AACA,MAAA,IAAIN,QAAJ,EAAc;AACZ,QAAA,IAAMc,OAAO,GAAGC,MAAM,CAACC,KAAP,CAAaL,IAAI,CAACE,KAAL,GAAa,EAA1B,CAAA,GACZ,GADY;AAAA,UAEZF,IAAI,CAACE,KAAL,GAAa,EAFjB,CAAA;QAGAN,SAAS,CAACH,IAAV,IAAkBU,OAAlB,CAAA;AACD,OAAA;;MACDrC,KAAI,CAACc,QAAL,CAAc;AAAEgB,QAAAA,SAAS,EAAAA,SAAAA;OAAzB,CAAA,CAAA;;AACA,MAAA,OAAOA,SAAP,CAAA;KAhCF,CAAA;;IAtCE9B,KAAI,CAACkB,KAAL,GAAa;AACXY,MAAAA,SAAS,EAAE,EADA;MAEXvB,kBAAkB,EAAE,cAAmB;KAFzC,CAAA;;AAID,GAAA;;AAGDX,EAAAA,SAAA,CAAA4C,SAAA,CAAAC,iBAAA,GAAA,YAAA;AACE,IAAA,IAAA,CAAKpC,WAAL,EAAA,CAAA;AACA,IAAA,IAAA,CAAKe,eAAL,EAAA,CAAA;GAFF,CAAA;;AAKAxB,EAAAA,SAAA,CAAA4C,SAAA,CAAAE,oBAAA,GAAA,YAAA;AACE,IAAA,IAAA,CAAKzB,aAAL,EAAA,CAAA;GADF,CAAA;;AA6DArB,EAAAA,SAAA,CAAA4C,SAAA,CAAAG,MAAA,GAAA,YAAA;;;AACU,IAAA,IAAAb,SAAS,GAAK,IAAKZ,CAAAA,KAAL,UAAd,CAAA;IACF,IAAAR,KAAoC,IAAA,CAAKX,KAAzC;AAAA,QAAE6C,QAAQ,GAAAlC,EAAA,CAAAkC,QAAV;AAAA,QAAYC,KAAK,GAAAnC,EAAA,CAAAmC,KAAjB;AAAA,QAAmBxB,EAAY,GAAAX,EAAA,CAAAoC,SAA/B;QAAmBA,SAAS,GAACzB,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,KAA7B,CAAA;AACN,IAAA,oBACE0B,YAAY,eAER5C,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE,MAAA,IAAKJ,CAAAA,KAAL,MAAY,IAAZ,IAAYY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAYA,EAAA,CAAAmC,SAAAA;KAC1B,eAAA3C,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAC,kCAAA;AAAf,KAAA,CADF,eAEEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AACE,MAAA,SAAS,EAAE,EAAG6C,CAAAA,MAAH,CAAGF,SAAH,EAAsC,0BAAtC,CADb;MAEE,GAAG,EAAE,KAAK5C,OAFZ;MAGE,KAAK,EACH+C,QAAA,CAAA;AAAAC,QAAAA,OAAO,EAAE,cAAT;AACAC,QAAAA,QAAQ,EAAE,OADV;AAEAxB,QAAAA,IAAI,EAAE,EAAA,CAAGqB,MAAH,CAAGI,IAAI,CAACC,KAAL,CAAWvB,SAAS,CAACH,IAArB,CAAH,EAA6B,IAA7B,CAFN;AAGAE,QAAAA,GAAG,EAAE,EAAA,CAAAmB,MAAA,CAAGI,IAAI,CAACC,KAAL,CAAWvB,SAAS,CAACD,GAArB,CAAH,EAAgC,IAAhC,CAAA;AAHL,OAAA,EAIGgB,KAJH,CAAA;KAODD,EAAAA,QAXH,CAFF,CAFQ,EAmBV7B,QAAQ,CAACuC,cAAT,CAAwB,0BAAxB,CAnBU,CADd,CAAA;GAHF,CAAA;;AA2BF,EAAA,OAAC1D,SAAD,CAAA;AAAC,CAvGD,CAAuCO,cAAK,CAACoD,SAA7C,CAAA;;ACJA,IAAMC,gBAAc,GAAG,UAAC7C,EAAD,EAMD;MALpBiC,QAAQ,GAAAjC,EAAA,CAAAiC;MACRtB,SAAS,GAAAX,EAAA,CAAAW;MACTmC,gBAAgB,GAAA9C,EAAA,CAAA8C;MAChB/C,EAAiC,GAAAC,EAAA,CAAA+C;MAAjCA,gBAAgB,GAAAhD,EAAA,KAAA,KAAA,CAAA,GAAG;AAAEgB,IAAAA,CAAC,EAAE,CAAL;AAAQE,IAAAA,CAAC,EAAE,CAAA;AAAX,GAAH,GAAiBlB;MACjCJ,aAAa,GAAAK,EAAA,CAAAL;;EAEP,IAAAe,KAAoCsC,QAAQ,CAAgB;AAAEhC,IAAAA,IAAI,EAAE,CAAR;AAAWE,IAAAA,GAAG,EAAE,CAAA;AAAhB,GAAhB,CAA5C;AAAA,MAAC+B,aAAa,QAAd;AAAA,MAAgBC,gBAAgB,QAAhC,CAAA;;AACN,EAAA,IAAMC,WAAW,GAAGC,MAAM,CAAC,IAAD,CAA1B,CAAA;AAEA;;AACAC,EAAAA,SAAS,CAAC,YAAA;AACR,IAAA,IAAIP,gBAAgB,KAAIA,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,WAAhB,SAAA,GAAAA,gBAAgB,CAAEhD,OAAtB,CAApB,EAAmD;AACjDgD,MAAAA,gBAAgB,CAAChD,OAAjB,CAAyBwD,SAAzB,CAAmCC,GAAnC,CAAuC,6BAAvC,CAAA,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,YAAA;AACL,MAAA,IAAIT,gBAAgB,KAAIA,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,WAAhB,SAAA,GAAAA,gBAAgB,CAAEhD,OAAtB,CAApB,EAAmD;AACjDgD,QAAAA,gBAAgB,CAAChD,OAAjB,CAAyBwD,SAAzB,CAAmCE,MAAnC,CAA0C,6BAA1C,CAAA,CAAA;AACD,OAAA;KAHH,CAAA;GAJO,EASN,EATM,CAAT,CAAA;AAWA;;AACAH,EAAAA,SAAS,CAAC,YAAA;AACR,IAAA,IAAMI,kBAAkB,GAAG,UAAC5D,KAAD,EAAM;;;AAC/B,MAAA,IAAI,CAAAsD,WAAW,KAAX,IAAA,IAAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAW,CAAErD,OAAb,KAAwB,EAAC,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAmD,WAAW,KAAX,IAAA,IAAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAW,CAAErD,OAAb,MAAsB,IAAtB,IAAsBE,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsBA,EAAA,CAAAC,QAAtB,MAAiC,IAAjC,IAAiCF,EAAA,KAAA,KAAA,CAAjC,GAAiC,KAAA,CAAjC,GAAiCA,EAAA,CAAAT,IAAA,CAAAU,EAAA,EAAAH,KAAK,CAACK,MAAN,CAAlC,CAA5B,EAA6E;QAC3EP,aAAa,EAAA,CAAA;AACd,OAAA;KAHH,CAAA;;AAKAS,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCoD,kBAAvC,CAAA,CAAA;AACA,IAAA,OAAO,YAAA;AACLrD,MAAAA,QAAQ,CAACI,mBAAT,CAA6B,WAA7B,EAA0CiD,kBAA1C,CAAA,CAAA;KADF,CAAA;GAPO,EAUN,EAVM,CAAT,CAAA;AAYA;;AACAJ,EAAAA,SAAS,CAAC,YAAA;;;AACR,IAAA,IAAMK,iBAAiB,GAAG,CAAAX,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,KAAhB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,gBAAgB,CAAEhC,CAAlB,KAAuB,CAAjD,CAAA;AACA,IAAA,IAAM4C,iBAAiB,GAAG,CAAAZ,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,KAAhB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,gBAAgB,CAAE9B,CAAlB,KAAuB,CAAjD,CAAA;AACA,IAAA,IAAMJ,UAAU,GAAG,CAAAb,EAAA,GAAAW,SAAS,KAAT,IAAA,IAAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,SAAS,CAAEb,OAAX,MAAoB,IAApB,IAAoBE,EAAA,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAoBA,EAAA,CAAAc,qBAAA,EAAvC,CAAA;IACA,IAAMC,CAAC,GAAGF,UAAU,CAACE,CAAX,IAAgBF,UAAU,CAACG,IAArC,CAAA;IACA,IAAMC,CAAC,GAAGJ,UAAU,CAACI,CAAX,IAAgBJ,UAAU,CAACK,GAArC,CAAA;AACA,IAAA,IAAM+B,aAAa,GAAG;AACpB/B,MAAAA,GAAG,EAAED,CADe;AAEpBD,MAAAA,IAAI,EAAED,CAAAA;KAFR,CAAA;;AAIA,IAAA,IAAI,EAACoC,WAAW,KAAX,IAAA,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAErD,OAAd,CAAJ,EAA2B;MACzBoD,gBAAgB,CAACD,aAAD,CAAhB,CAAA;AACD,KAFD,MAEO;AACL,MAAA,IAAM1B,IAAI,GAAG,CAAAxB,EAAA,GAAAoD,WAAW,KAAX,IAAA,IAAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAW,CAAErD,OAAb,MAAsB,IAAtB,IAAsBC,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsBA,EAAA,CAAAe,qBAAA,EAAnC,CAAA;;AACA,MAAA,IAAImC,aAAa,CAAC/B,GAAd,GAAoBK,IAAI,CAACC,MAA7B,EAAqC;AACnCyB,QAAAA,aAAa,CAAC/B,GAAd,IAAqBL,UAAU,CAACW,MAAhC,CAAA;QACAyB,aAAa,CAAC/B,GAAd,IAAqByC,iBAArB,CAAA;AACD,OAHD,MAGO;AACLV,QAAAA,aAAa,CAAC/B,GAAd,IAAqBK,IAAI,CAACC,MAA1B,CAAA;QACAyB,aAAa,CAAC/B,GAAd,IAAqByC,iBAArB,CAAA;AACD,OAAA;;AACDV,MAAAA,aAAa,CAACjC,IAAd,IAAsBO,IAAI,CAACE,KAAL,GAAa,CAAnC,CAAA;MACAwB,aAAa,CAACjC,IAAd,IAAuBH,UAAU,CAACW,MAAX,GAAoB,CAArB,GAA0B,CAAhD,CAAA;MACAyB,aAAa,CAACjC,IAAd,IAAsB0C,iBAAtB,CAAA;MACA,IAAME,WAAW,GAAGvC,MAAM,CAACD,UAAP,GAAoBG,IAAI,CAACE,KAA7C,CAAA;;AACA,MAAA,IAAImC,WAAW,GAAGX,aAAa,CAACjC,IAAhC,EAAsC;QACpCiC,aAAa,CAACjC,IAAd,GAAqB4C,WAArB,CAAA;AACD,OAAA;;AACD,MAAA,IAAIX,aAAa,CAACjC,IAAd,GAAqB,CAAzB,EAA4B;QAC1BiC,aAAa,CAACjC,IAAd,GAAqB,CAArB,CAAA;AACD,OAAA;;MACDkC,gBAAgB,CAACD,aAAD,CAAhB,CAAA;AACD,KAAA;GAhCM,EAiCN,EAjCM,CAAT,CAAA;EAmCA,oBACEb,YAAY,eACV5C,cACE,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,kCAAA;AAAf,GAAA,CADF,eAEEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AACE,IAAA,SAAS,EAAC,iCADZ;AAEE,IAAA,GAAG,EAAE2D,WAFP;AAGE,IAAA,KAAK,EAAE;AACLZ,MAAAA,OAAO,EAAE,cADJ;AAELC,MAAAA,QAAQ,EAAE,OAFL;AAGLxB,MAAAA,IAAI,EAAE,EAAA,CAAGqB,MAAH,CAAGI,IAAI,CAACC,KAAL,CAAWO,aAAa,CAACjC,IAAzB,CAAH,EAAqC,IAArC,CAHD;AAILE,MAAAA,GAAG,EAAE,EAAA,CAAGmB,MAAH,CAAGI,IAAI,CAACC,KAAL,CAAWO,aAAa,CAAC/B,GAAzB,CAAH,EAAoC,IAApC,CAAA;AAJA,KAAA;AAHT,GAAA,eAUE1B,6BAAC,SAAD,EAAA;AACE,IAAA,SAAS,EAAC,sCADZ;AAEE,IAAA,YAAY,EAAE,CAFhB;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,UAAU,EAAE,EAAA;GAEXyC,EAAAA,QANH,CAVF,CAFF,CADU,EAuBV7B,QAAQ,CAACuC,cAAT,CAAwB,4BAAxB,CAvBU,CADd,CAAA;AA2BD,CAlGD;;ACNA,IAAMkB,SAAS,GAAG,EAAlB,CAAA;AAEO,IAAM5E,SAAS,GAAG6E,YAAlB;AACA,IAAMjB,cAAc,GAAGkB,iBAAvB;AAQMC,IAAAA,QAAQ,GAAG,UAAChE,EAAD,EAKR;AAJd,EAAA,IAAAD,EAAA,GAAAC,EAAA,CAAAmC,SAAA;MAAAA,SAAS,GAAApC,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAAd;AAAA,MACAkC,QAAQ,GAAAjC,EAAA,CAAAiC,QADR;AAAA,MAEAgC,OAAO,aAFP;AAAA,MAGAvD,EAAA,GAAAV,EAAA,CAAAkE,OAHA;MAGAA,OAAO,GAAAxD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA,EAHf,CAAA;;AAKA,EAAA,IAAMyD,gBAAgB,GAAG,UAACC,CAAD,EAAE;AACzB,IAAA,IAAI,CAACF,OAAD,IAAYD,OAAhB,EAAyB;AACvBA,MAAAA,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAGG,CAAH,CAAP,CAAA;AACD,KAAA;GAHH,CAAA;;EAKA,oBACE5E,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AACE,IAAA,SAAS,EAAE6E,YAAY,CAAC,CAAClC,SAAD,EAAY,8BAAZ,EAA4C+B,OAAO,GAAG,SAAH,GAAe,EAAlE,CAAD,CADzB;AAEE,IAAA,IAAI,EAAC,UAFP;AAGE,IAAA,eAAA,EAAeA,OAAO,GAAG,IAAH,GAAU,KAHlC;AAIE,IAAA,OAAO,EAAEC,gBAJX;IAKE,UAAU,EAAE,UAACC,CAAD,EAAE;MAAO,IAAIA,CAAC,CAACE,OAAF,KAAcT,SAAlB,EAA6BM,gBAAgB,CAACC,CAAD,CAAhB,CAAA;KALpD;AAME,IAAA,QAAQ,EAAE,CAAA;AANZ,GAAA,eAQE5E,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,oCADZ;IAEE,IAAI,EAAE+E,eAAe,CAACC,UAFxB;IAGE,KAAK,EAAEN,OAAO,GAAGO,WAAW,CAACC,cAAf,GAAgCD,WAAW,CAACE,cAAAA;GAEzD1C,EAAAA,QALH,CARF,CADF,CAAA;AAkBD,EA7BM;AA+BA,IAAM2C,QAAQ,GAAG;EAAoB,oBAC1CpF,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,EAAE,EAAC,0BADL;AAEE,IAAA,SAAS,EAAC,0BAAA;GAH8B,CAAA,CAAA;AAK3C,EALM;AAMA,IAAMqF,qBAAqB,GAAG;EAAoB,oBAAArF,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,EAAE,EAAC,4BAAA;GAAR,CAAA,CAAA;AAAuC,EAAzF;AAQiB,SAAAsF,WAAA,CAAY9E,EAAZ,EAIL;AAHjB,EAAA,IAAA+E,WAAW,iBAAX;AAAA,MACAC,SAAS,GAAAhF,EAAA,CAAAgF,SADT;AAAA,MAEAC,MAAM,GAAAjF,EAAA,CAAAiF,MAFN,CAAA;;AAIM,EAAA,IAAAlF,EAAA,GAA0BiD,QAAQ,CAAC,KAAD,CAAlC;AAAA,MAACkC,QAAQ,GAAAnF,EAAA,CAAA,CAAA,CAAT;AAAA,MAAWoF,WAAW,GAAApF,EAAA,CAAA,CAAA,CAAtB,CAAA;;EACN,oBACEP,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,KAAK,EAAE;AAAE+C,MAAAA,OAAO,EAAE,QAAA;AAAX,KAAA;AAFT,GAAA,EAIGwC,WAAW,KAAX,IAAA,IAAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAW,CAAG,YAAM;AAAA,IAAA,OAAAI,WAAW,CAAC,CAACD,QAAF,CAAX,CAAA;GAAT,CAJd,EAKG,CAACA,QAAQ,IAAID,MAAb,KAAwBD,SAAS,CAAC,YAAM;IAAA,OAAAG,WAAW,CAAC,KAAD,CAAX,CAAA;AAAkB,GAAzB,CALpC,CADF,CAAA;AASD;;;;"}
+{"version":3,"file":"ContextMenu.js","sources":["../../src/ui/ContextMenu/MenuItems.tsx","../../src/ui/ContextMenu/EmojiListItems.tsx","../../src/ui/ContextMenu/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface MenuItemsProps {\n  className?: string;\n  style?: Record<string, string>;\n  openLeft?: boolean;\n  children: React.ReactElement | Array<React.ReactElement> | React.ReactNode;\n  parentRef: React.RefObject<HTMLElement>;\n  parentContainRef: React.RefObject<HTMLElement>;\n  closeDropdown: () => void;\n}\n\ntype MenuStyleType = { top?: number, left?: number };\ninterface MenuItemsState {\n  menuStyle: MenuStyleType;\n  handleClickOutside: (e: MouseEvent) => void;\n}\n\n// padding to handle height of last item in message-list\nconst HEIGHT_PADDING = 60;\n\nexport default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {\n  constructor(props: MenuItemsProps) {\n    super(props);\n    this.state = {\n      menuStyle: {},\n      handleClickOutside: () => { /* noop */ },\n    };\n  }\n\n  menuRef: React.RefObject<HTMLUListElement> = React.createRef();\n\n  componentDidMount(): void {\n    this.setupEvents();\n    this.getMenuPosition();\n  }\n\n  componentWillUnmount(): void {\n    this.cleanUpEvents();\n  }\n\n  setupEvents = (): void => {\n    const { closeDropdown } = this.props;\n    const { menuRef } = this;\n    const handleClickOutside = (event) => {\n      if (menuRef?.current && !menuRef?.current?.contains?.(event.target)) {\n        closeDropdown?.();\n      }\n    };\n    this.setState({\n      handleClickOutside,\n    });\n\n    document.addEventListener('mousedown', handleClickOutside);\n  };\n\n  cleanUpEvents = (): void => {\n    const {\n      handleClickOutside,\n    } = this.state;\n    document.removeEventListener('mousedown', handleClickOutside);\n  };\n\n  getMenuPosition = (): MenuStyleType => {\n    const { parentRef, openLeft } = this.props;\n    const parentRect = parentRef?.current?.getBoundingClientRect?.();\n    const x = parentRect?.x || parentRect?.left || 0;\n    const y = parentRect?.y || parentRect?.top || 0;\n    const menuStyle = {\n      top: y,\n      left: x,\n    };\n    if (!this.menuRef.current) return menuStyle;\n    const { innerWidth, innerHeight } = window;\n    const rect = this.menuRef.current.getBoundingClientRect();\n    if (y + rect.height + HEIGHT_PADDING > innerHeight) {\n      menuStyle.top -= rect.height;\n    }\n    if (x + rect.width > innerWidth && !openLeft) {\n      menuStyle.left -= rect.width;\n    }\n    if (menuStyle.top < 0) {\n      menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;\n    }\n    menuStyle.top += 32;\n    if (openLeft) {\n      const padding = Number.isNaN(rect.width - 30)\n        ? 108 // default\n        : rect.width - 30;\n      menuStyle.left -= padding;\n    }\n    // warning: this section has to be executed after the openLeft is calculated\n    // menu is outside viewport\n    if (menuStyle.left < 0) {\n      menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;\n    }\n\n    this.setState({ menuStyle });\n    return menuStyle;\n  };\n\n  render(): ReactElement {\n    const { menuStyle } = this.state;\n    const { children, style, className = '' } = this.props;\n    return (\n      createPortal(\n        (\n          <div className={this.props?.className}>\n            <div className=\"sendbird-dropdown__menu-backdrop\" />\n            <ul\n              className={`${className} sendbird-dropdown__menu`}\n              ref={this.menuRef}\n              style={{\n                display: 'inline-block',\n                position: 'fixed',\n                left: `${Math.round(menuStyle.left)}px`,\n                top: `${Math.round(menuStyle.top)}px`,\n                ...style,\n              }}\n            >\n              {children}\n            </ul>\n          </div>\n        ),\n        document.getElementById('sendbird-dropdown-portal'),\n      )\n    );\n  }\n}\n","import React, { ReactElement, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport SortByRow from '../SortByRow';\nimport { Nullable } from '../../types';\n\nconst defaultParentRect = { x: 0, y: 0, left: 0, top: 0, height: 0 };\ntype SpaceFromTrigger = { x: number, y: number };\ntype ReactionStyle = { left: number, top: number };\nexport interface EmojiListItemsProps {\n  closeDropdown: () => void;\n  children: ReactNode;\n  parentRef: RefObject<HTMLDivElement>;\n  parentContainRef: RefObject<HTMLDivElement>;\n  spaceFromTrigger?: SpaceFromTrigger;\n}\n\nexport const EmojiListItems = ({\n  children,\n  parentRef,\n  parentContainRef,\n  spaceFromTrigger = { x: 0, y: 0 },\n  closeDropdown,\n}: EmojiListItemsProps): Nullable<ReactElement> => {\n  const [reactionStyle, setReactionStyle] = useState<ReactionStyle>({ left: 0, top: 0 });\n  const reactionRef: RefObject<HTMLUListElement> = useRef(null);\n\n  /* showParent & hideParent */\n  useEffect(() => {\n    if (parentContainRef && parentContainRef?.current) {\n      parentContainRef.current.classList.add('sendbird-reactions--pressed');\n    }\n    return () => {\n      if (parentContainRef && parentContainRef?.current) {\n        parentContainRef.current.classList.remove('sendbird-reactions--pressed');\n      }\n    };\n  }, []);\n\n  /* setupEvents & cleanupEvents */\n  useEffect(() => {\n    const handleClickOutSide = (event) => {\n      if (reactionRef?.current && !reactionRef?.current?.contains?.(event.target)) {\n        closeDropdown();\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutSide);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutSide);\n    };\n  }, []);\n\n  /* getBarPosition */\n  useEffect(() => {\n    const spaceFromTriggerX = spaceFromTrigger?.x || 0;\n    const spaceFromTriggerY = spaceFromTrigger?.y || 0;\n    const parentRect = parentRef?.current?.getBoundingClientRect() ?? defaultParentRect;\n    const x = parentRect.x || parentRect.left;\n    const y = parentRect.y || parentRect.top;\n    const reactionStyle = {\n      top: y,\n      left: x,\n    };\n    if (!reactionRef?.current) {\n      setReactionStyle(reactionStyle);\n    } else {\n      const rect = reactionRef?.current?.getBoundingClientRect();\n      if (reactionStyle.top < rect.height) {\n        reactionStyle.top += parentRect.height;\n        reactionStyle.top += spaceFromTriggerY;\n      } else {\n        reactionStyle.top -= rect.height;\n        reactionStyle.top -= spaceFromTriggerY;\n      }\n      reactionStyle.left -= rect.width / 2;\n      reactionStyle.left += (parentRect.height / 2) - 2;\n      reactionStyle.left += spaceFromTriggerX;\n      const maximumLeft = window.innerWidth - rect.width;\n      if (maximumLeft < reactionStyle.left) {\n        reactionStyle.left = maximumLeft;\n      }\n      if (reactionStyle.left < 0) {\n        reactionStyle.left = 0;\n      }\n      setReactionStyle(reactionStyle);\n    }\n  }, []);\n\n  const rootElement = document.getElementById('sendbird-emoji-list-portal');\n  if (rootElement) {\n    return (\n      createPortal(\n        <>\n          <div className=\"sendbird-dropdown__menu-backdrop\" />\n          <ul\n            className=\"sendbird-dropdown__reaction-bar\"\n            ref={reactionRef}\n            style={{\n              display: 'inline-block',\n              position: 'fixed',\n              left: `${Math.round(reactionStyle.left)}px`,\n              top: `${Math.round(reactionStyle.top)}px`,\n            }}\n          >\n            <SortByRow\n              className=\"sendbird-dropdown__reaction-bar__row\"\n              maxItemCount={8}\n              itemWidth={44}\n              itemHeight={40}\n            >\n              {children}\n            </SortByRow>\n          </ul>\n        </>,\n        rootElement,\n      )\n    );\n  }\n  return null;\n};\n\nexport default EmojiListItems;\n","import React, { ReactElement, MouseEvent, useState, ReactNode } from 'react';\nimport './index.scss';\n\nimport _MenuItems from './MenuItems';\nimport _EmojiListItems from './EmojiListItems';\n\nimport { getClassName } from '../../utils';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nconst ENTER_KEY = 13;\n\nexport const MenuItems = _MenuItems;\nexport const EmojiListItems = _EmojiListItems;\n\nexport interface MenuItemProps {\n  className?: string | Array<string>;\n  children: ReactElement | ReactElement[] | ReactNode;\n  onClick?: (e: MouseEvent<HTMLLIElement>) => void;\n  disable?: boolean;\n  dataSbId?: string;\n}\nexport const MenuItem = ({\n  className = '',\n  children,\n  onClick,\n  disable = false,\n  dataSbId = '',\n}: MenuItemProps): ReactElement => {\n  const handleClickEvent = (e) => {\n    if (!disable && onClick) {\n      onClick?.(e);\n    }\n  };\n  return (\n    <li\n      className={getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : ''])}\n      role=\"menuitem\"\n      aria-disabled={disable ? true : false}\n      onClick={handleClickEvent}\n      onKeyPress={(e) => { if (e.keyCode === ENTER_KEY) handleClickEvent(e); }}\n      tabIndex={0}\n      data-sb-id={dataSbId}\n    >\n      <Label\n        className=\"sendbird-dropdown__menu-item__text\"\n        type={LabelTypography.SUBTITLE_2}\n        color={disable ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1}\n      >\n        {children}\n      </Label>\n    </li>\n  );\n};\n\nexport const MenuRoot = (): ReactElement => (\n  <div\n    id=\"sendbird-dropdown-portal\"\n    className=\"sendbird-dropdown-portal\"\n  />\n);\n\n// For the test environment\nexport const EmojiReactionListRoot = (): ReactElement => <div id=\"sendbird-emoji-list-portal\" />;\n\ntype MenuDisplayingFunc = () => void;\nexport interface ContextMenuProps {\n  menuTrigger?: (func: MenuDisplayingFunc) => ReactElement;\n  menuItems: (func: MenuDisplayingFunc) => ReactElement;\n  isOpen?: boolean;\n}\nexport default function ContextMenu({\n  menuTrigger,\n  menuItems,\n  isOpen,\n}: ContextMenuProps): ReactElement {\n  const [showMenu, setShowMenu] = useState(false);\n  return (\n    <div\n      className=\"sendbird-context-menu\"\n      style={{ display: 'inline' }}\n    >\n      {menuTrigger?.(() => setShowMenu(!showMenu))}\n      {(showMenu || isOpen) && menuItems(() => setShowMenu(false))}\n    </div>\n  );\n}\n"],"names":["HEIGHT_PADDING","MenuItems","React","Component","constructor","props","_defineProperty","createRef","closeDropdown","menuRef","handleClickOutside","event","_menuRef$current","_menuRef$current$cont","current","contains","call","target","setState","document","addEventListener","state","removeEventListener","_parentRef$current","_parentRef$current$ge","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","innerHeight","window","rect","height","width","padding","Number","isNaN","componentDidMount","setupEvents","getMenuPosition","componentWillUnmount","cleanUpEvents","render","_this$props","children","style","className","createPortal","createElement","ref","_objectSpread","display","position","Math","round","getElementById","defaultParentRect","EmojiListItems","_ref","parentContainRef","spaceFromTrigger","reactionStyle","setReactionStyle","useState","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","_reactionRef$current","_reactionRef$current$","spaceFromTriggerX","spaceFromTriggerY","_reactionRef$current2","maximumLeft","rootElement","Fragment","SortByRow","maxItemCount","itemWidth","itemHeight","ENTER_KEY","_MenuItems","_EmojiListItems","MenuItem","onClick","disable","dataSbId","handleClickEvent","e","getClassName","role","onKeyPress","keyCode","tabIndex","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_4","ONBACKGROUND_1","MenuRoot","id","EmojiReactionListRoot","ContextMenu","_ref2","menuTrigger","menuItems","isOpen","showMenu","setShowMenu"],"mappings":"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"}