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

package/cjs/ChannelList/components/ChannelPreviewAction.js

@@ -0,0 +1,140 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var LocalizationContext = require('../../LocalizationContext-8cc9717d.js');
+var ui_ContextMenu = require('../../ui/ContextMenu.js');
+var ui_IconButton = require('../../ui/IconButton.js');
+var ui_Icon = require('../../ui/Icon.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var utils = require('../../utils-5aa0708e.js');
+var ui_Modal = require('../../ui/Modal.js');
+var ChannelList_context = require('../../ChannelListProvider-84fdbeba.js');
+require('../../stringSet-ce782136.js');
+require('../../index-d749c4c2.js');
+require('../../_rollupPluginBabelHelpers-acf412a3.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../uuid-1eceb0c8.js');
+require('../../index-a91b85d9.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../index-35633fb6.js');
+require('../../withSendbird.js');
+require('../../index-8029e07a.js');
+require('../../ui/Button.js');
+require('../../MediaQueryContext-fad211ad.js');
+require('@sendbird/chat/groupChannel');
+require('../../topics-e24ef339.js');
+require('../../UserProfileContext-d993c96b.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 LeaveChannel = props => {
+  var _useChannelListContex, _state$config, _state$config2;
+  const {
+    channel = null,
+    onSubmit = utils.noop,
+    onCancel = utils.noop
+  } = props;
+  const channelFromContext = (_useChannelListContex = ChannelList_context.useChannelListContext()) === null || _useChannelListContex === void 0 ? void 0 : _useChannelListContex.currentChannel;
+  const leavingChannel = channel || channelFromContext;
+  const state = useSendbirdStateContext();
+  const {
+    stringSet
+  } = LocalizationContext.useLocalization();
+  const logger = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.logger;
+  const isOnline = state === null || state === void 0 ? void 0 : (_state$config2 = state.config) === null || _state$config2 === void 0 ? void 0 : _state$config2.isOnline;
+  if (leavingChannel) {
+    return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+      disabled: !isOnline,
+      onCancel: onCancel,
+      onSubmit: () => {
+        logger.info('ChannelSettings: Leaving channel', leavingChannel);
+        leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(() => {
+          logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);
+          onSubmit();
+        });
+      },
+      submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER,
+      titleText: stringSet.MODAL__LEAVE_CHANNEL__TITLE
+    });
+  }
+};
+
+function ChannelPreviewAction(_ref) {
+  let {
+    channel,
+    disabled,
+    onLeaveChannel
+  } = _ref;
+  const parentRef = React.useRef(null);
+  const parentContainerRef = React.useRef(null);
+  const [showModal, setShowModal] = React.useState(false);
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    role: "button",
+    style: {
+      display: 'inline-block'
+    },
+    onKeyDown: e => {
+      e.stopPropagation();
+    },
+    tabIndex: 0,
+    onClick: e => {
+      e.stopPropagation();
+    },
+    ref: parentContainerRef
+  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"]
+  /* eslint-disable react/no-unstable-nested-components */, {
+    menuTrigger: toggleDropdown => /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+      ref: parentRef,
+      onClick: toggleDropdown,
+      height: "32px",
+      width: "32px"
+    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+      type: ui_Icon.IconTypes.MORE,
+      fillColor: ui_Icon.IconColors.PRIMARY,
+      width: "24px",
+      height: "24px"
+    }))
+    /* eslint-disable react/no-unstable-nested-components */,
+    menuItems: closeDropdown => /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
+      parentRef: parentRef,
+      parentContainRef: parentContainerRef,
+      closeDropdown: closeDropdown
+    }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+      onClick: () => {
+        if (disabled) {
+          return;
+        }
+        setShowModal(true);
+        closeDropdown();
+      },
+      dataSbId: "channel_list_item_context_menu_leave_channel"
+    }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))
+  }), showModal && /*#__PURE__*/React__default["default"].createElement(LeaveChannel, {
+    channel: channel,
+    onSubmit: () => {
+      setShowModal(false);
+      onLeaveChannel();
+    },
+    onCancel: () => setShowModal(false)
+  }));
+}
+ChannelPreviewAction.propTypes = {
+  disabled: PropTypes__default["default"].bool,
+  onLeaveChannel: PropTypes__default["default"].func.isRequired,
+  channel: PropTypes__default["default"].shape({})
+};
+ChannelPreviewAction.defaultProps = {
+  disabled: false,
+  channel: null
+};
+
+module.exports = ChannelPreviewAction;
+//# sourceMappingURL=ChannelPreviewAction.js.map

package/cjs/ChannelList/context.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../_rollupPluginBabelHelpers-acf412a3.js');
+require('react');
+require('@sendbird/chat/groupChannel');
+var ChannelList_context = require('../ChannelListProvider-84fdbeba.js');
+require('../uuid-1eceb0c8.js');
+require('../utils-5aa0708e.js');
+require('../UserProfileContext-d993c96b.js');
+require('../useSendbirdStateContext.js');
+require('../topics-e24ef339.js');
+require('../index-a91b85d9.js');
+require('../utils/message/getOutgoingMessageState.js');
+require('prop-types');
+require('../withSendbird.js');
+
+
+
+exports.ChannelListProvider = ChannelList_context.ChannelListProvider;
+exports.useChannelListContext = ChannelList_context.useChannelListContext;
+//# sourceMappingURL=context.js.map

package/cjs/ChannelList.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var React = require('react');
+var ChannelList_context = require('./ChannelListProvider-84fdbeba.js');
+var ChannelList_components_ChannelListUI = require('./ChannelList/components/ChannelListUI.js');
+require('./_rollupPluginBabelHelpers-acf412a3.js');
+require('@sendbird/chat/groupChannel');
+require('./topics-e24ef339.js');
+require('./uuid-1eceb0c8.js');
+require('./utils-5aa0708e.js');
+require('./UserProfileContext-d993c96b.js');
+require('prop-types');
+require('./useSendbirdStateContext.js');
+require('./withSendbird.js');
+require('./index-a91b85d9.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./ChannelList/components/ChannelListHeader.js');
+require('./LocalizationContext-8cc9717d.js');
+require('./stringSet-ce782136.js');
+require('./index-d749c4c2.js');
+require('./index-35633fb6.js');
+require('./ui/Avatar.js');
+require('./ui/ImageRenderer.js');
+require('./ui/Icon.js');
+require('./ChannelList/components/AddChannel.js');
+require('./ui/IconButton.js');
+require('./CreateChannel.js');
+require('./CreateChannel/components/CreateChannelUI.js');
+require('./CreateChannelProvider-36e598db.js');
+require('./sendbirdSelectors.js');
+require('./CreateChannel/components/InviteUsers.js');
+require('./ui/Modal.js');
+require('react-dom');
+require('./index-8029e07a.js');
+require('./ui/Button.js');
+require('./MediaQueryContext-fad211ad.js');
+require('./ui/UserListItem.js');
+require('./ui/MutedAvatarOverlay.js');
+require('./ui/Checkbox.js');
+require('./ui/UserProfile.js');
+require('./ui/ContextMenu.js');
+require('./ui/SortByRow.js');
+require('./CreateChannel/components/SelectChannelType.js');
+require('./ChannelList/components/ChannelPreview.js');
+require('./ui/ChannelAvatar.js');
+require('./utils-d9c99217.js');
+require('./ui/Badge.js');
+require('./index-0a0a6c08.js');
+require('./index-3fc4f7d7.js');
+require('./ui/Loader.js');
+require('./index-0e24aca4.js');
+require('./index-bf8f9551.js');
+require('./ui/MentionUserLabel.js');
+require('./consts-d04401ad.js');
+require('./ui/TextButton.js');
+require('./color-5cfb41c7.js');
+require('./Channel/components/TypingIndicator.js');
+require('./ChannelProvider-39d1e9a4.js');
+require('./const-a3e169f4.js');
+require('./compareIds-784d9a4e.js');
+require('@sendbird/chat/message');
+require('./consts-9641990e.js');
+require('./resolvedReplyType-930f5b54.js');
+require('./useLongPress-cf56e64a.js');
+require('./ChannelList/components/ChannelPreviewAction.js');
+require('./EditUserProfile.js');
+require('./index-f3784774.js');
+require('./ui/Input.js');
+require('./actionTypes-0755b8bb.js');
+require('./index-985a1afb.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const ChannelList = props => {
+  return /*#__PURE__*/React__default["default"].createElement(ChannelList_context.ChannelListProvider, {
+    className: props === null || props === void 0 ? void 0 : props.className,
+    disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
+    allowProfileEdit: props === null || props === void 0 ? void 0 : props.allowProfileEdit,
+    onBeforeCreateChannel: props === null || props === void 0 ? void 0 : props.onBeforeCreateChannel,
+    onThemeChange: props === null || props === void 0 ? void 0 : props.onThemeChange,
+    overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser,
+    onProfileEditSuccess: props === null || props === void 0 ? void 0 : props.onProfileEditSuccess,
+    onChannelSelect: props === null || props === void 0 ? void 0 : props.onChannelSelect,
+    sortChannelList: props === null || props === void 0 ? void 0 : props.sortChannelList,
+    queries: props === null || props === void 0 ? void 0 : props.queries,
+    disableAutoSelect: props === null || props === void 0 ? void 0 : props.disableAutoSelect,
+    activeChannelUrl: props === null || props === void 0 ? void 0 : props.activeChannelUrl,
+    isTypingIndicatorEnabled: props === null || props === void 0 ? void 0 : props.isTypingIndicatorEnabled,
+    isMessageReceiptStatusEnabled: props === null || props === void 0 ? void 0 : props.isMessageReceiptStatusEnabled
+  }, /*#__PURE__*/React__default["default"].createElement(ChannelList_components_ChannelListUI, {
+    renderChannelPreview: props === null || props === void 0 ? void 0 : props.renderChannelPreview,
+    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
+    renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader,
+    renderPlaceHolderEmptyList: props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList,
+    renderPlaceHolderError: props === null || props === void 0 ? void 0 : props.renderPlaceHolderError,
+    renderPlaceHolderLoading: props === null || props === void 0 ? void 0 : props.renderPlaceHolderLoading
+  }));
+};
+
+module.exports = ChannelList;
+//# sourceMappingURL=ChannelList.js.map