@sendbird/uikit-react 3.6.3 → 3.6.4-rc-0

package/cjs/ui/FileMessageItemBody.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Label = require('../index-347004c1.js');
-var ui_Icon = require('./Icon.js');
-var ui_TextButton = require('./TextButton.js');
-var index = require('../index-f4d89559.js');
-var color = require('../color-e2978317.js');
-var MediaQueryContext = require('../MediaQueryContext-aea0ce1a.js');
-require('prop-types');
-require('../stringSet-b0d09ab2.js');
-require('../_rollupPluginBabelHelpers-a2f03c55.js');
-require('../utils/message/getOutgoingMessageState.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function FileMessageItemBody(_ref) {
-  var _message$reactions;
-  let {
-    className,
-    message,
-    isByMe = false,
-    mouseHover = false,
-    isReactionEnabled = false,
-    truncateLimit = null
-  } = _ref;
-  const {
-    isMobile
-  } = MediaQueryContext.useMediaQueryContext();
-  const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, 'sendbird-file-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0 ? 'reactions' : ''])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-file-message-item-body__file-icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-file-message-item-body__file-icon__icon",
-    type: {
-      IMAGE: ui_Icon.IconTypes.PHOTO,
-      VIDEO: ui_Icon.IconTypes.PLAY,
-      AUDIO: ui_Icon.IconTypes.FILE_AUDIO,
-      GIF: ui_Icon.IconTypes.GIF,
-      OTHERS: ui_Icon.IconTypes.FILE_DOCUMENT
-    }[index.getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)],
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "24px",
-    height: "24px"
-  })), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    className: "sendbird-file-message-item-body__file-name",
-    onClick: () => {
-      window.open(message === null || message === void 0 ? void 0 : message.url);
-    },
-    color: isByMe ? color.Colors.ONCONTENT_1 : color.Colors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-file-message-item-body__file-name__text",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
-  }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), truncateMaxNum))));
-}
-
-module.exports = FileMessageItemBody;
-//# sourceMappingURL=FileMessageItemBody.js.map

package/cjs/ui/FileViewer.js

@@ -1,137 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactDom = require('react-dom');
-var LocalizationContext = require('../LocalizationContext-c014018b.js');
-var index = require('../index-fea92ea0.js');
-var index$1 = require('../index-f4d89559.js');
-var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-347004c1.js');
-var ui_Icon = require('./Icon.js');
-require('../stringSet-b0d09ab2.js');
-require('../index-035bdafb.js');
-require('../_rollupPluginBabelHelpers-a2f03c55.js');
-require('../utils/message/getOutgoingMessageState.js');
-require('./ImageRenderer.js');
-require('../uuid-3462be83.js');
-require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const FileViewerComponent = _ref => {
-  let {
-    profileUrl,
-    nickname,
-    name,
-    type,
-    url,
-    isByMe = true,
-    disableDelete = false,
-    onClose,
-    onDelete
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__left"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__left__avatar"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    height: "32px",
-    width: "32px",
-    src: profileUrl
-  })), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-fileviewer__header__left__filename",
-    type: ui_Label.LabelTypography.H_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, name), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-fileviewer__header__left__sender-name",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, nickname)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right"
-  }, index$1.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions"
-  }, /*#__PURE__*/React__default["default"].createElement("a", {
-    className: "sendbird-fileviewer__header__right__actions__download",
-    rel: "noopener noreferrer",
-    href: url,
-    target: "_blank"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.DOWNLOAD,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px"
-  })), onDelete && isByMe && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions__delete"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: disableDelete ? 'disabled' : '',
-    type: ui_Icon.IconTypes.DELETE,
-    fillColor: disableDelete ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px",
-    onClick: e => {
-      if (!disableDelete) {
-        onDelete === null || onDelete === void 0 ? void 0 : onDelete(e);
-      }
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions__close"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.CLOSE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px",
-    onClick: e => onClose === null || onClose === void 0 ? void 0 : onClose(e)
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__content"
-  }, index$1.isVideo(type) && /*#__PURE__*/React__default["default"].createElement("video", {
-    controls: true,
-    className: "sendbird-fileviewer__content__video"
-  }, /*#__PURE__*/React__default["default"].createElement("source", {
-    src: url,
-    type: type
-  })), index$1.isImage(type) && /*#__PURE__*/React__default["default"].createElement("img", {
-    src: url,
-    alt: name,
-    className: "sendbird-fileviewer__content__img"
-  }), !index$1.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__content__unsupported"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.H_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.UI__FILE_VIEWER__UNSUPPORT) || 'Unsupported message'))));
-};
-function FileViewer(_ref2) {
-  var _message$sender, _message$sender2, _message$threadInfo;
-  let {
-    message,
-    isByMe = false,
-    onClose,
-    onDelete
-  } = _ref2;
-  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(FileViewerComponent, {
-    profileUrl: message === null || message === void 0 ? void 0 : (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.profileUrl,
-    nickname: message === null || message === void 0 ? void 0 : (_message$sender2 = message.sender) === null || _message$sender2 === void 0 ? void 0 : _message$sender2.nickname,
-    name: message === null || message === void 0 ? void 0 : message.name,
-    type: message === null || message === void 0 ? void 0 : message.type,
-    url: message === null || message === void 0 ? void 0 : message.url,
-    isByMe: isByMe,
-    disableDelete: (message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) > 0,
-    onClose: onClose,
-    onDelete: onDelete
-  }), document.getElementById(index.MODAL_ROOT));
-}
-
-exports.FileViewerComponent = FileViewerComponent;
-exports["default"] = FileViewer;
-//# sourceMappingURL=FileViewer.js.map

package/cjs/ui/IconButton.js

@@ -1,49 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-a2f03c55.js');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const IconButton = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
-  const {
-    className = '',
-    children,
-    disabled = false,
-    width = '56px',
-    height = '56px',
-    type = 'button',
-    style = {},
-    onBlur = () => {/* noop */},
-    onClick = () => {/* noop */}
-  } = props;
-  const [isPressed, setIsPressed] = React.useState(false);
-  return /*#__PURE__*/React__default["default"].createElement("button", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-iconbutton', isPressed ? 'sendbird-iconbutton--pressed' : ''].join(' '),
-    disabled: disabled,
-    ref: ref,
-    type: type,
-    style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, style), {}, {
-      height,
-      width
-    }),
-    onClick: e => {
-      if (disabled) {
-        return;
-      }
-      setIsPressed(true);
-      onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    },
-    onBlur: e => {
-      setIsPressed(false);
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "sendbird-iconbutton__inner"
-  }, children));
-});
-
-module.exports = IconButton;
-//# sourceMappingURL=IconButton.js.map

package/cjs/ui/Input.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ui_Label = require('../index-347004c1.js');
-require('prop-types');
-require('../stringSet-b0d09ab2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const InputLabel = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-input-label",
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, children);
-};
-const Input = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
-  const {
-    name,
-    required,
-    disabled,
-    value,
-    placeHolder
-  } = props;
-  const [inputValue, setInputValue] = React.useState(value);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-input"
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    className: "sendbird-input__input",
-    ref: ref,
-    name: name,
-    required: required,
-    disabled: disabled,
-    value: inputValue,
-    onChange: e => {
-      setInputValue(e.target.value);
-    }
-  }), placeHolder && !inputValue && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-input__placeholder",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, placeHolder));
-});
-
-exports.InputLabel = InputLabel;
-exports["default"] = Input;
-//# sourceMappingURL=Input.js.map

package/cjs/ui/Label.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-require('prop-types');
-var ui_Label = require('../index-347004c1.js');
-require('../stringSet-b0d09ab2.js');
-
-
-
-exports.LabelColors = ui_Label.LabelColors;
-exports.LabelStringSet = ui_Label.LabelStringSet;
-exports.LabelTypography = ui_Label.LabelTypography;
-exports["default"] = ui_Label.Label;
-//# sourceMappingURL=Label.js.map

package/cjs/ui/LinkLabel.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var ui_Label = require('../index-347004c1.js');
-require('../stringSet-b0d09ab2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-const http = /https?:\/\//;
-function LinkLabel(_ref) {
-  let {
-    className,
-    src,
-    type,
-    color,
-    children
-  } = _ref;
-  const url = http.test(src) ? src : `http://${src}`;
-  return /*#__PURE__*/React__default["default"].createElement("a", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-link-label', color ? ui_Label.changeColorToClassName(color) : ''].join(' '),
-    href: url,
-    target: "_blank",
-    rel: "noopener noreferrer"
-    // for mobile
-    ,
-    onTouchEnd: e => {
-      e.preventDefault();
-      e.nativeEvent.stopImmediatePropagation();
-      window.open(url, '_blank', 'noopener,noreferrer');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-link-label__label",
-    type: type,
-    color: color
-  }, children));
-}
-LinkLabel.propTypes = {
-  className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
-  src: PropTypes__default["default"].string.isRequired,
-  type: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string), PropTypes__default["default"].arrayOf(PropTypes__default["default"].element)]).isRequired
-};
-LinkLabel.defaultProps = {
-  className: '',
-  type: '',
-  color: ''
-};
-const LinkLabelTypography = ui_Label.LabelTypography;
-const LinkLabelColors = ui_Label.LabelColors;
-
-exports.LinkLabelColors = LinkLabelColors;
-exports.LinkLabelTypography = LinkLabelTypography;
-exports["default"] = LinkLabel;
-//# sourceMappingURL=LinkLabel.js.map

package/cjs/ui/MentionLabel.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-347004c1.js');
-var ui_UserProfile = require('./UserProfile.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../_rollupPluginBabelHelpers-a2f03c55.js');
-require('react-dom');
-require('./SortByRow.js');
-require('../uuid-3462be83.js');
-require('../index-f4d89559.js');
-require('../utils/message/getOutgoingMessageState.js');
-require('prop-types');
-require('../stringSet-b0d09ab2.js');
-require('../LocalizationContext-c014018b.js');
-require('../index-035bdafb.js');
-require('../UserProfileContext-218e40b8.js');
-require('../sendbirdSelectors.js');
-require('../topics-d64c7836.js');
-require('../utils-29b5d4dd.js');
-require('./Avatar.js');
-require('./ImageRenderer.js');
-require('./Icon.js');
-require('./Button.js');
-require('../withSendbird.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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)) {
-      toggleDropdown();
-      return;
-    }
-    const query = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery({
-      userIdsFilter: [mentionedUserId]
-    });
-    query.next().then(members => {
-      if ((members === null || members === void 0 ? void 0 : members.length) > 0) {
-        setUser(members[0]);
-      }
-      toggleDropdown();
-    });
-  }, [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
-    }))
-  });
-}
-
-module.exports = MentionLabel;
-//# sourceMappingURL=MentionLabel.js.map

package/cjs/ui/MentionUserLabel.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var React = require('react');
-var consts = require('../consts-fb57db79.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;
-  return /*#__PURE__*/React__default["default"].createElement("span", {
-    className: `${consts.MENTION_USER_LABEL_CLASSNAME} ${className} ${isReverse ? 'reverse' : ''} ${color}`,
-    contentEditable: false,
-    "data-userid": userId,
-    "data-sb-mention": true
-  }, children);
-}
-
-module.exports = MentionUserLabel;
-//# sourceMappingURL=MentionUserLabel.js.map