@sendbird/uikit-react 3.7.0 → 3.8.1

package/ui/QuoteMessageInput.js

@@ -1,108 +1,81 @@
 import React__default, { useContext } from 'react';
-import { r as isFileMessage, c as isMultipleFilesMessage, d as isVoiceMessage, s as isImageMessage, t as isVideoMessage, u as isImageFileInfo, v as isThumbnailMessage, w as isAudioMessage, o as getClassName, x as isGifMessage, y as isUserMessage, z as getUIKitMessageType, U as UIKitMessageTypes } from '../index-776554c0.js';
+import { c as isFileMessage, b as isMultipleFilesMessage, i as isVoiceMessage, F as isImageMessage, x as isVideoMessage, G as isImageFileInfo, r as isThumbnailMessage, H as isAudioMessage, n as getClassName, y as isGifMessage, j as isUserMessage, t as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-OoXqnc0l.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
-import { a as LocalizationContext } from '../LocalizationContext-287ee149.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-lDOyfwhb.js';
+import { L as LocalizationContext } from '../chunks/bundle-GqUhOzeC.js';
 import ImageRenderer from './ImageRenderer.js';
-import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType, a as getMessageFirstFileName } from '../utils-bfc0ab3b.js';
-import '../tslib.es6-c2fb729e.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-zqQY3xFx.js';
+import '../chunks/bundle-AVOWwEQ4.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-09847c0f.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
-import '../index-e4277f9c.js';
+import '../chunks/bundle-0BwB1B7t.js';
+import '../chunks/bundle-FQAabli1.js';
+import '../chunks/bundle-4zdVdGkr.js';
+import '../chunks/bundle-ltzZCtkR.js';
 
-var componentClassname = 'sendbird-quote_message_input__avatar';
-function QuoteMessageThumbnail(_a) {
-  var _b, _c;
-  var message = _a.message;
-  if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message)) {
-    return null;
-  }
-  var thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
-  if (!thumbnailUrl) {
-    if (((_b = message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message)) && (isImageMessage(message) || isVideoMessage(message))) {
-      thumbnailUrl = getMessageFirstFileUrl(message);
-    } else if (((_c = message.isMultipleFilesMessage) === null || _c === void 0 ? void 0 : _c.call(message)) && message.fileInfoList.length > 0 && isImageFileInfo(message.fileInfoList[0])) {
-      thumbnailUrl = message.fileInfoList[0].url;
-    }
-  }
-  if (isVideoMessage(message) && thumbnailUrl) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default.createElement("video", {
-      style: {
-        width: '44px',
-        height: '44px'
-      },
-      src: thumbnailUrl
-    }));
-  } else if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {
-    return /*#__PURE__*/React__default.createElement(ImageRenderer, {
-      className: componentClassname,
-      url: thumbnailUrl,
-      alt: getMessageFirstFileType(message),
-      width: "44px",
-      height: "44px",
-      fixedSize: true
-    });
-  } else if (isAudioMessage(message)) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: IconTypes.FILE_AUDIO,
-      fillColor: IconColors.ON_BACKGROUND_2,
-      width: "24px",
-      height: "24px"
-    }));
-  } else {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: IconTypes.FILE_DOCUMENT,
-      fillColor: IconColors.ON_BACKGROUND_2,
-      width: "24px",
-      height: "24px"
-    }));
-  }
+var componentClassname = 'sendbird-quote_message_input__avatar';
+function QuoteMessageThumbnail(_a) {
+    var _b, _c;
+    var message = _a.message;
+    if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message)) {
+        return null;
+    }
+    var thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
+    if (!thumbnailUrl) {
+        if (((_b = message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message))
+            && (isImageMessage(message)
+                || isVideoMessage(message))) {
+            thumbnailUrl = getMessageFirstFileUrl(message);
+        }
+        else if (((_c = message.isMultipleFilesMessage) === null || _c === void 0 ? void 0 : _c.call(message))
+            && (message.fileInfoList.length > 0
+                && isImageFileInfo((message).fileInfoList[0]))) {
+            thumbnailUrl = message.fileInfoList[0].url;
+        }
+    }
+    if (isVideoMessage(message) && thumbnailUrl) {
+        return (React__default.createElement("div", { className: componentClassname },
+            React__default.createElement("video", { style: {
+                    width: '44px',
+                    height: '44px',
+                }, src: thumbnailUrl })));
+    }
+    else if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {
+        return (React__default.createElement(ImageRenderer, { className: componentClassname, url: thumbnailUrl, alt: getMessageFirstFileType(message), width: "44px", height: "44px", fixedSize: true }));
+    }
+    else if (isAudioMessage(message)) {
+        return (React__default.createElement("div", { className: componentClassname },
+            React__default.createElement(Icon, { type: IconTypes.FILE_AUDIO, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })));
+    }
+    else {
+        return (React__default.createElement("div", { className: componentClassname },
+            React__default.createElement(Icon, { type: IconTypes.FILE_DOCUMENT, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })));
+    }
 }
 
-function QuoteMessageInput(_a) {
-  var className = _a.className,
-    replyingMessage = _a.replyingMessage,
-    onClose = _a.onClose;
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var fileMessage = replyingMessage;
-  var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
-  var displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage)) && !isVoiceMessage(replyingMessage);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName(['sendbird-quote_message_input', className])
-  }, displayFileIcon && /*#__PURE__*/React__default.createElement(QuoteMessageThumbnail, {
-    message: fileMessage
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote_message_input__body",
-    style: {
-      width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
-      left: displayFileIcon ? '92px' : '40px'
-    }
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote_message_input__body__sender-name",
-    type: LabelTypography.CAPTION_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat(sender && sender.nickname ? sender.nickname : stringSet.NO_NAME)), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote_message_input__body__message-content",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_3
-  }, isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, isUserMessage(replyingMessage) && replyingMessage.message, getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage), isMultipleFilesMessage(replyingMessage) && "".concat(fileMessage.fileInfoList.length, " Photos"), isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)), /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-quote_message_input__close-button",
-    type: IconTypes.CLOSE,
-    fillColor: IconColors.ON_BACKGROUND_2,
-    width: "24px",
-    height: "24px",
-    onClick: function () {
-      return onClose(replyingMessage);
-    }
-  }));
+function QuoteMessageInput(_a) {
+    var className = _a.className, replyingMessage = _a.replyingMessage, onClose = _a.onClose;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var fileMessage = replyingMessage;
+    var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
+    var displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))
+        && !isVoiceMessage(replyingMessage);
+    return (React__default.createElement("div", { className: getClassName(['sendbird-quote_message_input', className]) },
+        displayFileIcon && (React__default.createElement(QuoteMessageThumbnail, { message: fileMessage })),
+        React__default.createElement("div", { className: "sendbird-quote_message_input__body", style: {
+                width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
+                left: displayFileIcon ? '92px' : '40px',
+            } },
+            React__default.createElement(Label, { className: "sendbird-quote_message_input__body__sender-name", type: LabelTypography.CAPTION_1, color: LabelColors.ONBACKGROUND_1 }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat((sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME)),
+            React__default.createElement(Label, { className: "sendbird-quote_message_input__body__message-content", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 },
+                isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE,
+                isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO,
+                isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF,
+                isUserMessage(replyingMessage) && replyingMessage.message,
+                getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage),
+                isMultipleFilesMessage(replyingMessage)
+                    && "".concat(fileMessage.fileInfoList.length, " Photos"),
+                isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)),
+        React__default.createElement(Icon, { className: "sendbird-quote_message_input__close-button", type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px", onClick: function () { return onClose(replyingMessage); } })));
 }
 
 export { QuoteMessageInput as default };

package/ui/QuoteMessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessageInput.js","sources":["../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport {\n  isAudioMessage,\n  isFileMessage, isImageFileInfo,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isVideoMessage,\n  isVoiceMessage,\n} from '../../utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileType, getMessageFirstFileUrl, getMessageFirstFileThumbnailUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  message: FileMessage | MultipleFilesMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n  if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message as FileMessage)) {\n    return null;\n  }\n  let thumbnailUrl = getMessageFirstFileThumbnailUrl(message);\n  if (!thumbnailUrl) {\n    if (\n      message.isFileMessage?.()\n      && (\n        isImageMessage(message)\n        || isVideoMessage(message)\n      )\n    ) {\n      thumbnailUrl = getMessageFirstFileUrl(message);\n    } else if (\n      message.isMultipleFilesMessage?.()\n      && (\n        message.fileInfoList.length > 0\n        && isImageFileInfo((message).fileInfoList[0])\n      )\n    ) {\n      thumbnailUrl = message.fileInfoList[0].url;\n    }\n  }\n  if (isVideoMessage(message as FileMessage) && thumbnailUrl) {\n    return (\n      <div className={componentClassname}>\n        <video\n          style={{\n            width: '44px',\n            height: '44px',\n          }}\n          src={thumbnailUrl}\n        />\n      </div>\n    );\n  } else if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {\n    return (\n      <ImageRenderer\n        className={componentClassname}\n        url={thumbnailUrl}\n        alt={getMessageFirstFileType(message)}\n        width=\"44px\"\n        height=\"44px\"\n        fixedSize\n      />\n    );\n  } else if (isAudioMessage(message as FileMessage)) {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_AUDIO}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_DOCUMENT}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  }\n}\n","import './index.scss';\n\nimport React, { ReactElement, useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitMessageType,\n  isFileMessage,\n  isGifMessage,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isUserMessage,\n  isVideoMessage,\n  isVoiceMessage, SendableMessageType,\n  UIKitMessageTypes,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport { getMessageFirstFileName } from '../QuoteMessage/utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  replyingMessage: SendableMessageType;\n  onClose?: (message: SendableMessageType) => void;\n}\n\nexport default function QuoteMessageInput({\n  className,\n  replyingMessage,\n  onClose,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const fileMessage = replyingMessage as FileMessage | MultipleFilesMessage;\n  const sender = (replyingMessage as SendableMessageType)?.sender;\n  const displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))\n    && !isVoiceMessage(replyingMessage as FileMessage);\n\n  return (\n    <div className={getClassName(['sendbird-quote_message_input', className])}>\n      {\n        displayFileIcon && (\n          <QuoteMessageThumbnail message={fileMessage} />\n        )\n      }\n      <div\n        className=\"sendbird-quote_message_input__body\"\n        style={{\n          width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,\n          left: displayFileIcon ? '92px' : '40px',\n        }}\n      >\n        <Label\n          className=\"sendbird-quote_message_input__body__sender-name\"\n          type={LabelTypography.CAPTION_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n        </Label>\n        <Label\n          className=\"sendbird-quote_message_input__body__message-content\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n          {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n          {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n          {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n          {getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage)}\n          {\n            isMultipleFilesMessage(replyingMessage as CoreMessageType)\n            && `${(fileMessage as MultipleFilesMessage).fileInfoList.length} Photos`}\n          {isVoiceMessage(replyingMessage as FileMessage) && stringSet.VOICE_MESSAGE}\n        </Label>\n      </div>\n      <Icon\n        className=\"sendbird-quote_message_input__close-button\"\n        type={IconTypes.CLOSE}\n        fillColor={IconColors.ON_BACKGROUND_2}\n        width=\"24px\"\n        height=\"24px\"\n        onClick={() => onClose(replyingMessage)}\n      />\n    </div>\n  );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_a","message","isFileMessage","isMultipleFilesMessage","isVoiceMessage","thumbnailUrl","getMessageFirstFileThumbnailUrl","_b","call","isImageMessage","isVideoMessage","getMessageFirstFileUrl","_c","fileInfoList","length","isImageFileInfo","url","React","createElement","className","style","width","height","src","isThumbnailMessage","ImageRenderer","alt","getMessageFirstFileType","fixedSize","isAudioMessage","Icon","type","IconTypes","FILE_AUDIO","fillColor","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","displayFileIcon","getClassName","concat","left","Label","LabelTypography","CAPTION_1","color","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","getUIKitMessageType","UIKitMessageTypes","FILE","getMessageFirstFileName","VOICE_MESSAGE","CLOSE","onClick"],"mappings":"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"}
+{"version":3,"file":"QuoteMessageInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/ReactionBadge.js

@@ -1,47 +1,25 @@
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-lDOyfwhb.js';
+import '../chunks/bundle-4zdVdGkr.js';
 
-var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var _a = props.className,
-    className = _a === void 0 ? '' : _a,
-    children = props.children,
-    _b = props.count,
-    count = _b === void 0 ? '' : _b,
-    _c = props.isAdd,
-    isAdd = _c === void 0 ? false : _c,
-    _d = props.selected,
-    selected = _d === void 0 ? false : _d,
-    _e = props.onClick,
-    onClick = _e === void 0 ? function () {} : _e;
-  var getClassNameTail = function () {
-    if (selected && !isAdd) {
-      return '--selected';
-    }
-    if (isAdd) {
-      return '--is-add';
-    }
-    return '';
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ["sendbird-reaction-badge".concat(getClassNameTail())], false).join(' '),
-    role: "button",
-    ref: ref,
-    onClick: onClick,
-    onKeyDown: onClick,
-    onTouchEnd: onClick,
-    tabIndex: 0
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-reaction-badge__inner"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-reaction-badge__inner__icon"
-  }, children), /*#__PURE__*/React__default.createElement(Label, {
-    className: children && count && 'sendbird-reaction-badge__inner__count',
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_1
-  }, count)));
+var ReactionBadge = React__default.forwardRef(function (props, ref) {
+    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;
+    var getClassNameTail = function () {
+        if (selected && !isAdd) {
+            return '--selected';
+        }
+        if (isAdd) {
+            return '--is-add';
+        }
+        return '';
+    };
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            "sendbird-reaction-badge".concat(getClassNameTail()),
+        ], false).join(' '), role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
+        React__default.createElement("div", { className: "sendbird-reaction-badge__inner" },
+            React__default.createElement("div", { className: "sendbird-reaction-badge__inner__icon" }, children),
+            React__default.createElement(Label, { className: (children && count) && 'sendbird-reaction-badge__inner__count', type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_1 }, count))));
 });
 
 export { ReactionBadge as default };

package/ui/ReactionBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionBadge.js","sources":["../../src/ui/ReactionBadge/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ReactionBadgeProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  count?: number | string;\n  isAdd?: boolean;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionBadge = React.forwardRef((props: ReactionBadgeProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className = '',\n    children,\n    count = '',\n    isAdd = false,\n    selected = false,\n    onClick = () => { /* noop */ },\n  } = props;\n\n  const getClassNameTail = (): string => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onTouchEnd={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","_a","className","children","_b","count","_c","isAdd","_d","selected","_e","onClick","getClassNameTail","createElement","__spreadArray","Array","isArray","concat","join","role","onKeyDown","onTouchEnd","tabIndex","Label","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1"],"mappings":";;;;;;AAsBMA,IAAAA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAACC,KAAyB,EAAEC,GAA8B,EAAA;AAE7F,EAAA,IAAAC,EAAA,GAMEF,KAAK,CANOG,SAAA;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAKNJ,KAAK,CALCI,QAAA;IACRC,EAIE,GAAAL,KAAK,CAJGM,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACVE,EAGE,GAAAP,KAAK,MAHM;IAAbQ,KAAK,mBAAG,KAAK,GAAAD,EAAA;IACbE,EAEE,GAAAT,KAAK,CAFSU,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EACE,GAAAX,KAAK,CADuBY,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA,CAAA;AAGhC,EAAA,IAAME,gBAAgB,GAAG,YAAA;AACvB,IAAA,IAAIH,QAAQ,IAAI,CAACF,KAAK,EAAE;AACtB,MAAA,OAAO,YAAY,CAAA;AACpB,KAAA;AACD,IAAA,IAAIA,KAAK,EAAE;AACT,MAAA,OAAO,UAAU,CAAA;AAClB,KAAA;AACD,IAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACEV,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEX,IAAAA,SAAS,EAAEY,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACd,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,yBAA0B,CAAAe,MAAA,CAAAL,gBAAgB,EAAE,CAAE,CAC9C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbnB,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,OAAO,EAAEA,OAAQ;AACjBS,IAAAA,SAAS,EAAET,OAAQ;AACnBU,IAAAA,UAAU,EAAEV,OAAQ;AACpBW,IAAAA,QAAQ,EAAE,CAAA;GAEVzB,eAAAA,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,gCAAA;GACbL,eAAAA,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EAClDC,QACE,CACL,eAAAN,cAAA,CAAAgB,aAAA,CAACU,KAAK,EAAA;AACJrB,IAAAA,SAAS,EAAGC,QAAQ,IAAIE,KAAK,IAAK,uCAAwC;IAC1EmB,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBxB,EAAAA,KACI,CACJ,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionBadge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/ReactionButton.js

@@ -1,40 +1,22 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-e92eb032.js';
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { _ as __assign, a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default from 'react';
-import { u as useLongPress } from '../useLongPress-f8655a14.js';
-import { n as noop } from '../utils-6c50a6d1.js';
-import '../MediaQueryContext-114ca049.js';
+import { u as useLongPress } from '../chunks/bundle-9uR-6efo.js';
+import { n as noop } from '../chunks/bundle-FQAabli1.js';
+import '../chunks/bundle-QKq7b-WA.js';
 
-var ReactionButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var className = props.className,
-    width = props.width,
-    height = props.height,
-    selected = props.selected,
-    _a = props.dataSbId,
-    dataSbId = _a === void 0 ? '' : _a,
-    onClick = props.onClick,
-    children = props.children;
-  var onClickHandler = useLongPress({
-    onLongPress: noop,
-    onClick: onClick
-  }, {
-    shouldPreventDefault: true,
-    shouldStopPropagation: true
-  });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ["sendbird-reaction-button".concat(selected ? '--selected' : '')], false).join(' '),
-    ref: ref,
-    role: "button",
-    style: {
-      width: width,
-      height: height
-    }
-  }, onClickHandler, {
-    tabIndex: 0,
-    "data-sb-id": dataSbId
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-reaction-button__inner"
-  }, children));
+var ReactionButton = React__default.forwardRef(function (props, ref) {
+    var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;
+    var onClickHandler = useLongPress({
+        onLongPress: noop,
+        onClick: onClick,
+    }, {
+        shouldPreventDefault: true,
+        shouldStopPropagation: true,
+    });
+    return (React__default.createElement("div", __assign({ className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            "sendbird-reaction-button".concat(selected ? '--selected' : ''),
+        ], false).join(' '), ref: ref, role: "button", style: { width: width, height: height } }, onClickHandler, { tabIndex: 0, "data-sb-id": dataSbId }),
+        React__default.createElement("div", { className: "sendbird-reaction-button__inner" }, children)));
 });
 
 export { ReactionButton as default };

package/ui/ReactionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionButton.js","sources":["../../src/ui/ReactionButton/index.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\nimport useLongPress from '../../hooks/useLongPress';\nimport { noop } from '../../utils/utils';\n\nexport interface ReactionButtonProps {\n  children: ReactElement;\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  selected?: boolean;\n  dataSbId?: string;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\n\nconst ReactionButton = React.forwardRef((props: ReactionButtonProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const {\n    className,\n    width,\n    height,\n    selected,\n    dataSbId = '',\n    onClick,\n    children,\n  } = props;\n\n  const onClickHandler = useLongPress({\n    onLongPress: noop,\n    onClick,\n  }, {\n    shouldPreventDefault: true,\n    shouldStopPropagation: true,\n  });\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-button${selected ? '--selected' : ''}`,\n      ].join(' ')}\n      ref={ref}\n      role=\"button\"\n      style={{ width, height }}\n      {...onClickHandler}\n      tabIndex={0}\n      data-sb-id={dataSbId}\n    >\n      <div className=\"sendbird-reaction-button__inner\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","_a","dataSbId","onClick","children","onClickHandler","useLongPress","onLongPress","noop","shouldPreventDefault","shouldStopPropagation","createElement","_extends","__spreadArray","Array","isArray","concat","join","role","style","tabIndex"],"mappings":";;;;;;;AAwBMA,IAAAA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAACC,KAA0B,EAAEC,GAAiC,EAAA;AAElG,EAAA,IAAAC,SAAS,GAOPF,KAAK,CAPEE,SAAA;IACTC,KAAK,GAMHH,KAAK,CANFG,KAAA;IACLC,MAAM,GAKJJ,KAAK,OALD;IACNK,QAAQ,GAINL,KAAK,CAAAK,QAJC;IACRC,EAAA,GAGEN,KAAK,CAHMO,QAAA;IAAbA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACbE,OAAO,GAELR,KAAK,CAFAQ,OAAA;IACPC,QAAQ,GACNT,KAAK,SADC,CAAA;EAGV,IAAMU,cAAc,GAAGC,YAAY,CAAC;AAClCC,IAAAA,WAAW,EAAEC,IAAI;AACjBL,IAAAA,OAAO,EAAAA,OAAAA;GACR,EAAE;AACDM,IAAAA,oBAAoB,EAAE,IAAI;AAC1BC,IAAAA,qBAAqB,EAAE,IAAA;AACxB,GAAA,CAAC,CAAA;AAEF,EAAA,oBACEjB,cAAA,CAAAkB,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACEf,IAAAA,SAAS,EAAEgB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAClB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,0BAA2B,CAAAmB,MAAA,CAAAhB,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAE,CACzD,EAAA,KAAA,CAAA,CAAAiB,IAAI,CAAC,GAAG,CAAE;AACZrB,IAAAA,GAAG,EAAEA,GAAI;AACTsB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,KAAK,EAAE;AAAErB,MAAAA,KAAK,EAAAA,KAAA;AAAEC,MAAAA,MAAM;AAAE,KAAA;AAAC,GAAA,EACrBM,cAAc,EAAA;AAClBe,IAAAA,QAAQ,EAAE,CAAE;IACZ,YAAYlB,EAAAA,QAAAA;GAEZT,CAAAA,eAAAA,cAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,iCAAA;GACZO,EAAAA,QACE,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/SortByRow.js

@@ -1,36 +1,28 @@
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-c15b8b3b.js';
+import { u as uuidv4 } from '../chunks/bundle-iPDlyZXo.js';
 
-var componentClassName = 'sendbird-sort-by-row';
-function SortByRow(_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    maxItemCount = _a.maxItemCount,
-    itemWidth = _a.itemWidth,
-    itemHeight = _a.itemHeight,
-    children = _a.children;
-  if (Array.isArray(children) && children.length > maxItemCount) {
-    var result = [];
-    for (var i = 0; i < children.length; i += maxItemCount) {
-      result.push( /*#__PURE__*/React__default.createElement("div", {
-        className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), [componentClassName], false).join(' '),
-        key: uuidv4(),
-        style: {
-          width: itemWidth * maxItemCount,
-          height: itemHeight
-        }
-      }, children.slice(i, i + maxItemCount)));
-    }
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, result);
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), [componentClassName], false).join(' '),
-    style: {
-      width: itemWidth * (Array.isArray(children) ? children.length : 1),
-      height: itemHeight
-    }
-  }, children);
+var componentClassName = 'sendbird-sort-by-row';
+function SortByRow(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, maxItemCount = _a.maxItemCount, itemWidth = _a.itemWidth, itemHeight = _a.itemHeight, children = _a.children;
+    if (Array.isArray(children) && children.length > maxItemCount) {
+        var result = [];
+        for (var i = 0; i < children.length; i += maxItemCount) {
+            result.push(React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+                    componentClassName,
+                ], false).join(' '), key: uuidv4(), style: {
+                    width: itemWidth * maxItemCount,
+                    height: itemHeight,
+                } }, children.slice(i, i + maxItemCount)));
+        }
+        return React__default.createElement(React__default.Fragment, null, result);
+    }
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            componentClassName,
+        ], false).join(' '), style: {
+            width: itemWidth * (Array.isArray(children) ? children.length : 1),
+            height: itemHeight,
+        } }, children));
 }
 
 export { SortByRow as default };

package/ui/SortByRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortByRow.js","sources":["../../src/ui/SortByRow/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport uuidv4 from '../../utils/uuid';\n\nimport './index.scss';\n\nconst componentClassName = 'sendbird-sort-by-row';\n\nexport interface SortByRowProps {\n  className?: string | Array<string>;\n  maxItemCount: number;\n  itemWidth: number;\n  itemHeight: number;\n  children: ReactNode;\n}\nexport default function SortByRow({\n  className = '',\n  maxItemCount,\n  itemWidth,\n  itemHeight,\n  children,\n}: SortByRowProps): ReactElement {\n  if (Array.isArray(children) && children.length > maxItemCount) {\n    const result = [];\n\n    for (let i = 0; i < children.length; i += maxItemCount) {\n      result.push(\n        <div\n          className={[\n            ...(Array.isArray(className) ? className : [className]),\n            componentClassName,\n          ].join(' ')}\n          key={uuidv4()}\n          style={{\n            width: itemWidth * maxItemCount,\n            height: itemHeight,\n          }}\n        >\n          {\n            children.slice(i, i + maxItemCount)\n          }\n        </div>,\n      );\n    }\n    return <>{result}</>;\n  }\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        componentClassName,\n      ].join(' ')}\n      style={{\n        width: itemWidth * (Array.isArray(children) ? children.length : 1),\n        height: itemHeight,\n      }}\n    >\n      {children as ReactElement}\n    </div>\n  );\n}\n"],"names":["componentClassName","SortByRow","_a","_b","className","maxItemCount","itemWidth","itemHeight","children","Array","isArray","length","result","i","push","React","createElement","__spreadArray","join","key","uuidv4","style","width","height","slice","Fragment"],"mappings":";;;;AAKA,IAAMA,kBAAkB,GAAG,sBAAsB,CAAA;AASzB,SAAAC,SAASA,CAACC,EAMjB,EAAA;AALf,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,YAAY,GAAAH,EAAA,CAAAG,YAAA;IACZC,SAAS,eAAA;IACTC,UAAU,GAAAL,EAAA,CAAAK,UAAA;IACVC,QAAQ,GAAAN,EAAA,CAAAM,QAAA,CAAA;AAER,EAAA,IAAIC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAIA,QAAQ,CAACG,MAAM,GAAGN,YAAY,EAAE;IAC7D,IAAMO,MAAM,GAAG,EAAE,CAAA;AAEjB,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,QAAQ,CAACG,MAAM,EAAEE,CAAC,IAAIR,YAAY,EAAE;AACtDO,MAAAA,MAAM,CAACE,IAAI,eACTC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEZ,QAAAA,SAAS,EAAEa,aACN,CAAAA,aAAA,CAAA,EAAA,EAACR,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDJ,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAkB,IAAI,CAAC,GAAG,CAAE;QACZC,GAAG,EAAEC,MAAM,EAAG;AACdC,QAAAA,KAAK,EAAE;UACLC,KAAK,EAAEhB,SAAS,GAAGD,YAAY;AAC/BkB,UAAAA,MAAM,EAAEhB,UAAAA;AACT,SAAA;OAGCC,EAAAA,QAAQ,CAACgB,KAAK,CAACX,CAAC,EAAEA,CAAC,GAAGR,YAAY,CAEjC,CAAC,CACP,CAAA;AACF,KAAA;IACD,oBAAOU,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAU,QAAA,EAAGb,IAAAA,EAAAA,OAAU,CAAA;AACrB,GAAA;EAED,oBACEG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEZ,IAAAA,SAAS,EAAEa,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLR,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDJ,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAkB,IAAI,CAAC,GAAG,CAAE;AACZG,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEhB,SAAS,IAAIG,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAAGA,QAAQ,CAACG,MAAM,GAAG,CAAC,CAAC;AAClEY,MAAAA,MAAM,EAAEhB,UAAAA;AACT,KAAA;AAAC,GAAA,EAEDC,QACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"SortByRow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/TextButton.js

@@ -1,30 +1,14 @@
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-57373b4c.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-06CfHADE.js';
 
-var TextButton = function (_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    _c = _a.color,
-    color = _c === void 0 ? Colors.ONBACKGROUND_1 : _c,
-    _d = _a.disabled,
-    disabled = _d === void 0 ? false : _d,
-    _e = _a.disableUnderline,
-    disableUnderline = _e === void 0 ? false : _e,
-    _f = _a.onClick,
-    onClick = _f === void 0 ? function () {} : _f,
-    children = _a.children;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), [changeColorToClassName(color), disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : ''], false).join(' '),
-    role: "button",
-    tabIndex: 0,
-    onClick: function (e) {
-      return onClick(e);
-    },
-    onKeyPress: function (e) {
-      return onClick(e);
-    }
-  }, children);
+var TextButton = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.color, color = _c === void 0 ? Colors.ONBACKGROUND_1 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.disableUnderline, disableUnderline = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, children = _a.children;
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            changeColorToClassName(color),
+            disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',
+            disabled ? 'sendbird-textbutton--disabled' : '',
+        ], false).join(' '), role: "button", tabIndex: 0, onClick: function (e) { return onClick(e); }, onKeyPress: function (e) { return onClick(e); } }, children));
 };
 
 export { TextButton as default };

package/ui/TextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.js","sources":["../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => { /* noop */ },\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_a","_b","className","_c","color","Colors","ONBACKGROUND_1","_d","disabled","_e","disableUnderline","_f","onClick","children","React","createElement","__spreadArray","Array","isArray","changeColorToClassName","join","role","tabIndex","e","onKeyPress"],"mappings":";;;;AAkBA,IAAMA,UAAU,GAAG,UAACC,EAOF,EAAA;AANhB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAA6B,GAAAH,EAAA,CAAAI,KAAA;IAA7BA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,MAAM,CAACC,cAAc,KAAA;IAC7BC,EAAA,GAAAP,EAAA,CAAAQ,QAAgB;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAAwB,GAAAT,EAAA,CAAAU,gBAAA;IAAxBA,gBAAgB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACxBE,EAA8B,GAAAX,EAAA,CAAAY,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA;IAC9BE,QAAQ,GAAAb,EAAA,CAAAa,QAAA,CAAA;EAER,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEb,SAAS,EAAEc,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAChB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDiB,sBAAsB,CAACf,KAAK,CAAC,EAC7BM,gBAAgB,GAAG,oCAAoC,GAAG,qBAAqB,EAC/EF,QAAQ,GAAG,+BAA+B,GAAG,EAAE,UAC/CY,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZV,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;KAAC;AAC3BC,IAAAA,UAAU,EAAE,UAACD,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;AAAV,KAAA;AAAW,GAAA,EAE7BV,QACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"TextButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}