@sendbird/uikit-react 3.7.0 → 3.8.0

package/ui/MentionLabel.js

@@ -1,95 +1,65 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../tslib.es6-c2fb729e.js';
+import '../chunks/bundle-hKtwSqbO.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-c15b8b3b.js';
-import '../index-776554c0.js';
+import '../chunks/bundle-bofQNMJb.js';
+import '../chunks/bundle-EHReigfD.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-09847c0f.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
-import '../LocalizationContext-287ee149.js';
-import '../index-e4277f9c.js';
-import '../UserProfileContext-2001a468.js';
+import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-v0OWADVv.js';
+import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-ubky9D9H.js';
 import '../sendbirdSelectors.js';
 import '../pubSub/topics.js';
-import '../utils-6c50a6d1.js';
+import '../chunks/bundle-v9a1_z0P.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
-import '../types-9d43ac6e.js';
 import '../withSendbird.js';
 
-function MentionLabel(props) {
-  var _a, _b, _c;
-  var mentionTemplate = props.mentionTemplate,
-    mentionedUserId = props.mentionedUserId,
-    mentionedUserNickname = props.mentionedUserNickname,
-    isByMe = props.isByMe;
-  var mentionRef = useRef();
-  var sendbirdState = 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 = useState(),
-    user = _d[0],
-    setUser = _d[1];
-  var fetchUser = useCallback(function (toggleDropdown) {
-    if (user || !(sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery)) {
-      toggleDropdown();
-      return;
-    }
-    var query = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery({
-      userIdsFilter: [mentionedUserId]
-    });
-    query.next().then(function (members) {
-      if ((members === null || members === void 0 ? void 0 : members.length) > 0) {
-        setUser(members[0]);
-      }
-      toggleDropdown();
-    });
-  }, [sdk, mentionedUserId]);
-  return /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function (toggleDropdown) {
-      return /*#__PURE__*/React__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.createElement(Label, {
-        type: LabelTypography.CAPTION_1,
-        color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
-      }, "".concat(mentionTemplate).concat(mentionedUserNickname)));
-    },
-    menuItems: function (closeDropdown) {
-      return /*#__PURE__*/React__default.createElement(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.createElement(UserProfile, {
-        user: user,
-        onSuccess: closeDropdown,
-        currentUserId: userId
-      }));
-    }
-  });
+function MentionLabel(props) {
+    var _a, _b, _c;
+    var mentionTemplate = props.mentionTemplate, mentionedUserId = props.mentionedUserId, mentionedUserNickname = props.mentionedUserNickname, isByMe = props.isByMe;
+    var mentionRef = useRef();
+    var sendbirdState = 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 = useState(), user = _d[0], setUser = _d[1];
+    var fetchUser = useCallback(function (toggleDropdown) {
+        if (user || !(sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery)) {
+            toggleDropdown();
+            return;
+        }
+        var query = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery({
+            userIdsFilter: [mentionedUserId],
+        });
+        query.next().then(function (members) {
+            if ((members === null || members === void 0 ? void 0 : members.length) > 0) {
+                setUser(members[0]);
+            }
+            toggleDropdown();
+        });
+    }, [sdk, mentionedUserId]);
+    return (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__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 },
+            React__default.createElement(Label, { type: LabelTypography.CAPTION_1, color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1 }, "".concat(mentionTemplate).concat(mentionedUserNickname)))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems
+        /**
+        * parentRef: For catching location(x, y) of MenuItems
+        * parentContainRef: For toggling more options(menus & reactions)
+        */
+        , { 
+            /**
+            * 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' } },
+            React__default.createElement(UserProfile, { user: user, onSuccess: closeDropdown, currentUserId: userId }))); } }));
 }
 
 export { MentionLabel as default };

package/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","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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"}
+{"version":3,"file":"MentionLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/MentionUserLabel.js

@@ -1,20 +1,9 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-57c888b9.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle--F_1NyoU.js';
 
-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.createElement("span", {
-    className: "".concat(MENTION_USER_LABEL_CLASSNAME, " ").concat(className, " ").concat(isReverse ? 'reverse' : '', " ").concat(color),
-    contentEditable: false,
-    "data-userid": userId,
-    "data-sb-mention": true
-  }, children);
+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 (React__default.createElement("span", { className: "".concat(MENTION_USER_LABEL_CLASSNAME, " ").concat(className, " ").concat(isReverse ? 'reverse' : '', " ").concat(color), contentEditable: false, "data-userid": userId, "data-sb-mention": true }, children));
 }
 
 export { MentionUserLabel as default };

package/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","_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,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEP,IAAAA,SAAS,EAAE,EAAG,CAAAQ,MAAA,CAAAC,4BAA4B,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;;;;"}
+{"version":3,"file":"MentionUserLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}