@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/cjs/ui/MentionLabel.js

@@ -2,28 +2,29 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-18720f0d.js');
+var ui_Label = require('../index-35820a94.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../_rollupPluginBabelHelpers-83d7e84b.js');
+require('../tslib.es6-2f2b0bca.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-b2806cf5.js');
-require('../index-fbe9cc73.js');
+require('../uuid-c74bbbb6.js');
+require('../index-b995f638.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-a24e9cd7.js');
+require('../index-609b07a2.js');
 require('prop-types');
-require('../stringSet-d00535a5.js');
-require('../LocalizationContext-482c1343.js');
-require('../index-d04f312e.js');
-require('../UserProfileContext-fa8d0383.js');
+require('../stringSet-98b52c49.js');
+require('../LocalizationContext-5009012e.js');
+require('../index-fd8a0abb.js');
+require('../UserProfileContext-922a43ec.js');
 require('../sendbirdSelectors.js');
-require('../topics-adde627b.js');
-require('../utils-c47c68b1.js');
+require('../pubSub/topics.js');
+require('../utils-180c6bc8.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('./Button.js');
+require('../types-66554668.js');
 require('../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -31,28 +32,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function MentionLabel(props) {
-  var _sendbirdState$config, _sendbirdState$stores, _sendbirdState$stores2;
-  const {
-    mentionTemplate,
-    mentionedUserId,
-    mentionedUserNickname,
-    isByMe
-  } = props;
-  const mentionRef = React.useRef();
-  const sendbirdState = useSendbirdStateContext();
-  const userId = sendbirdState === null || sendbirdState === void 0 ? void 0 : (_sendbirdState$config = sendbirdState.config) === null || _sendbirdState$config === void 0 ? void 0 : _sendbirdState$config.userId;
-  const sdk = sendbirdState === null || sendbirdState === void 0 ? void 0 : (_sendbirdState$stores = sendbirdState.stores) === null || _sendbirdState$stores === void 0 ? void 0 : (_sendbirdState$stores2 = _sendbirdState$stores.sdkStore) === null || _sendbirdState$stores2 === void 0 ? void 0 : _sendbirdState$stores2.sdk;
-  const amIBeingMentioned = userId === mentionedUserId;
-  const [user, setUser] = React.useState();
-  const fetchUser = React.useCallback(toggleDropdown => {
-    if (user || !(sdk !== null && sdk !== void 0 && sdk.createApplicationUserListQuery)) {
+  var _a, _b, _c;
+  var mentionTemplate = props.mentionTemplate,
+    mentionedUserId = props.mentionedUserId,
+    mentionedUserNickname = props.mentionedUserNickname,
+    isByMe = props.isByMe;
+  var mentionRef = React.useRef();
+  var sendbirdState = useSendbirdStateContext.useSendbirdStateContext();
+  var userId = (_a = sendbirdState === null || sendbirdState === void 0 ? void 0 : sendbirdState.config) === null || _a === void 0 ? void 0 : _a.userId;
+  var sdk = (_c = (_b = sendbirdState === null || sendbirdState === void 0 ? void 0 : sendbirdState.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
+  var amIBeingMentioned = userId === mentionedUserId;
+  var _d = React.useState(),
+    user = _d[0],
+    setUser = _d[1];
+  var fetchUser = React.useCallback(function (toggleDropdown) {
+    if (user || !(sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery)) {
       toggleDropdown();
       return;
     }
-    const query = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery({
+    var query = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery({
       userIdsFilter: [mentionedUserId]
     });
-    query.next().then(members => {
+    query.next().then(function (members) {
       if ((members === null || members === void 0 ? void 0 : members.length) > 0) {
         setUser(members[0]);
       }
@@ -60,37 +61,40 @@ function MentionLabel(props) {
     });
   }, [sdk, mentionedUserId]);
   return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    menuTrigger: toggleDropdown => /*#__PURE__*/React__default["default"].createElement("a", {
-      className: `
-            sendbird-word__mention
-            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}
-          `,
-      onClick: () => fetchUser(toggleDropdown),
-      ref: mentionRef,
-      "data-userid": mentionedUserId,
-      "data-nickname": mentionedUserNickname,
-      "data-sb-mention": true
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-      type: ui_Label.LabelTypography.CAPTION_1,
-      color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
-    }, `${mentionTemplate}${mentionedUserNickname}`)),
-    menuItems: closeDropdown => /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems
-    /**
-    * parentRef: For catching location(x, y) of MenuItems
-    * parentContainRef: For toggling more options(menus & reactions)
-    */, {
-      parentRef: mentionRef,
-      parentContainRef: mentionRef,
-      closeDropdown: closeDropdown,
-      style: {
-        paddingTop: '0px',
-        paddingBottom: '0px'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
-      user: user,
-      onSuccess: closeDropdown,
-      currentUserId: userId
-    }))
+    menuTrigger: function (toggleDropdown) {
+      return /*#__PURE__*/React__default["default"].createElement("a", {
+        className: "\n            sendbird-word__mention\n            ".concat(amIBeingMentioned ? 'sendbird-word__mention--me' : '', "\n          "),
+        onClick: function () {
+          return fetchUser(toggleDropdown);
+        },
+        ref: mentionRef,
+        "data-userid": mentionedUserId,
+        "data-nickname": mentionedUserNickname,
+        "data-sb-mention": true
+      }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+        type: ui_Label.LabelTypography.CAPTION_1,
+        color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
+      }, "".concat(mentionTemplate).concat(mentionedUserNickname)));
+    },
+    menuItems: function (closeDropdown) {
+      return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems
+      /**
+      * parentRef: For catching location(x, y) of MenuItems
+      * parentContainRef: For toggling more options(menus & reactions)
+      */, {
+        parentRef: mentionRef,
+        parentContainRef: mentionRef,
+        closeDropdown: closeDropdown,
+        style: {
+          paddingTop: '0px',
+          paddingBottom: '0px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
+        user: user,
+        onSuccess: closeDropdown,
+        currentUserId: userId
+      }));
+    }
   });
 }
 

package/cjs/ui/MentionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionLabel.js","sources":["../../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  mentionedUserNickname: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    mentionedUserNickname,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user || !sdk?.createApplicationUserListQuery) {\n        toggleDropdown();\n        return;\n      }\n      const query = sdk?.createApplicationUserListQuery({\n        userIdsFilter: [mentionedUserId],\n      });\n      query.next().then((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      });\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n          data-userid={mentionedUserId}\n          data-nickname={mentionedUserNickname}\n          data-sb-mention={true}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserNickname}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: '0px', paddingBottom: '0px' }}\n        >\n          <UserProfile\n            user={user}\n            onSuccess={closeDropdown}\n            currentUserId={userId}\n          />\n        </MenuItems>\n      )}\n    />\n  );\n}\n"],"names":["MentionLabel","props","_sendbirdState$config","_sendbirdState$stores","_sendbirdState$stores2","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","config","sdk","stores","sdkStore","amIBeingMentioned","user","setUser","useState","fetchUser","useCallback","toggleDropdown","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","createElement","ContextMenu","menuTrigger","className","onClick","ref","Label","type","LabelTypography","CAPTION_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","UserProfile","onSuccess","currentUserId"],"mappings":"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"}
+{"version":3,"file":"MentionLabel.js","sources":["../../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  mentionedUserNickname: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    mentionedUserNickname,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user || !sdk?.createApplicationUserListQuery) {\n        toggleDropdown();\n        return;\n      }\n      const query = sdk?.createApplicationUserListQuery({\n        userIdsFilter: [mentionedUserId],\n      });\n      query.next().then((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      });\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n          data-userid={mentionedUserId}\n          data-nickname={mentionedUserNickname}\n          data-sb-mention={true}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserNickname}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: '0px', paddingBottom: '0px' }}\n        >\n          <UserProfile\n            user={user}\n            onSuccess={closeDropdown}\n            currentUserId={userId}\n          />\n        </MenuItems>\n      )}\n    />\n  );\n}\n"],"names":["MentionLabel","props","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","_a","config","sdk","_c","_b","stores","sdkStore","amIBeingMentioned","_d","useState","user","setUser","fetchUser","useCallback","toggleDropdown","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","createElement","ContextMenu","menuTrigger","className","concat","onClick","ref","Label","type","LabelTypography","CAPTION_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","UserProfile","onSuccess","currentUserId"],"mappings":"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"}

package/cjs/ui/MentionUserLabel.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../consts-b018b1ed.js');
+var consts = require('../consts-54f5c12d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function MentionUserLabel(_ref) {
-  let {
-    className = '',
-    children,
-    isReverse = false,
-    color,
-    userId
-  } = _ref;
+function MentionUserLabel(_a) {
+  var _b = _a.className,
+    className = _b === void 0 ? '' : _b,
+    children = _a.children,
+    _c = _a.isReverse,
+    isReverse = _c === void 0 ? false : _c,
+    color = _a.color,
+    userId = _a.userId;
   return /*#__PURE__*/React__default["default"].createElement("span", {
-    className: `${consts.MENTION_USER_LABEL_CLASSNAME} ${className} ${isReverse ? 'reverse' : ''} ${color}`,
+    className: "".concat(consts.MENTION_USER_LABEL_CLASSNAME, " ").concat(className, " ").concat(isReverse ? 'reverse' : '', " ").concat(color),
     contentEditable: false,
     "data-userid": userId,
     "data-sb-mention": true

package/cjs/ui/MentionUserLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionUserLabel.js","sources":["../../../src/ui/MentionUserLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React from 'react';\nimport { MENTION_USER_LABEL_CLASSNAME } from './consts';\n\ninterface MentionUserLabelProps {\n  className?: string\n  children?: string;\n  isReverse?: boolean;\n  color?: string;\n  userId?: string;\n}\n\nexport default function MentionUserLabel({\n  className = '',\n  children,\n  isReverse = false,\n  color,\n  userId,\n}: MentionUserLabelProps): JSX.Element {\n  return (\n    <span\n      className={`${MENTION_USER_LABEL_CLASSNAME} ${className} ${isReverse ? 'reverse' : ''} ${color}`}\n      contentEditable={false}\n      data-userid={userId}\n      data-sb-mention={true}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["MentionUserLabel","_ref","className","children","isReverse","color","userId","React","createElement","MENTION_USER_LABEL_CLASSNAME","contentEditable"],"mappings":";;;;;;;;;AAae,SAASA,gBAAgBA,CAAAC,IAAA,EAMD;EAAA,IANE;AACvCC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,SAAS,GAAG,KAAK;IACjBC,KAAK;AACLC,IAAAA,MAAAA;AACqB,GAAC,GAAAL,IAAA,CAAA;EACtB,oBACEM,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEN,IAAAA,SAAS,EAAG,CAAA,EAAEO,mCAA6B,CAAA,CAAA,EAAGP,SAAU,CAAA,CAAA,EAAGE,SAAS,GAAG,SAAS,GAAG,EAAG,CAAA,CAAA,EAAGC,KAAM,CAAE,CAAA;AACjGK,IAAAA,eAAe,EAAE,KAAM;AACvB,IAAA,aAAA,EAAaJ,MAAO;IACpB,iBAAiB,EAAA,IAAA;AAAK,GAAA,EAErBH,QAAQ,CACJ,CAAA;AAEX;;;;"}
+{"version":3,"file":"MentionUserLabel.js","sources":["../../../src/ui/MentionUserLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React from 'react';\nimport { MENTION_USER_LABEL_CLASSNAME } from './consts';\n\ninterface MentionUserLabelProps {\n  className?: string\n  children?: string;\n  isReverse?: boolean;\n  color?: string;\n  userId?: string;\n}\n\nexport default function MentionUserLabel({\n  className = '',\n  children,\n  isReverse = false,\n  color,\n  userId,\n}: MentionUserLabelProps): JSX.Element {\n  return (\n    <span\n      className={`${MENTION_USER_LABEL_CLASSNAME} ${className} ${isReverse ? 'reverse' : ''} ${color}`}\n      contentEditable={false}\n      data-userid={userId}\n      data-sb-mention={true}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["MentionUserLabel","_a","_b","className","children","_c","isReverse","color","userId","React","createElement","concat","MENTION_USER_LABEL_CLASSNAME","contentEditable"],"mappings":";;;;;;;;;AAawB,SAAAA,gBAAgBA,CAACC,EAMjB,EAAA;MALtBC,EAAc,GAAAD,EAAA,CAAAE,SAAA;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACdE,QAAQ,cAAA;IACRC,EAAA,GAAAJ,EAAA,CAAAK,SAAiB;IAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACjBE,KAAK,GAAAN,EAAA,CAAAM,KAAA;IACLC,MAAM,GAAAP,EAAA,CAAAO,MAAA,CAAA;EAEN,oBACEC,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEP,IAAAA,SAAS,EAAE,EAAG,CAAAQ,MAAA,CAAAC,mCAA4B,cAAIT,SAAS,EAAA,GAAA,CAAA,CAAAQ,MAAA,CAAIL,SAAS,GAAG,SAAS,GAAG,EAAE,cAAIC,KAAK,CAAG;AACjGM,IAAAA,eAAe,EAAE,KAAM;AACvB,IAAA,aAAA,EAAaL,MAAO;IACpB,iBAAiB,EAAA,IAAA;AAAK,GAAA,EAErBJ,QACG,CAAC,CAAA;AAEX;;;;"}