@messenger-box/platform-browser 10.0.3-alpha.17 → 10.0.3-alpha.171

package/src/components/post/post_markdown/system_message_helpers.tsx

@@ -1,420 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import React, {ReactNode} from 'react';
-// import {FormattedMessage} from 'react-intl';
-
-// import {General, Posts} from 'mattermost-redux/constants';
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import {Channel} from 'mattermost-redux/types/channels';
-
-// import * as Utils from 'utils/utils.jsx';
-// import {TextFormattingOptions} from 'utils/text_formatting';
-
-// import Markdown from 'components/markdown';
-// import CombinedSystemMessage from 'components/post_view/combined_system_message';
-// import PostAddChannelMember from 'components/post_view/post_add_channel_member';
-
-// function renderUsername(value: string): ReactNode {
-//     const username = (value[0] === '@') ? value : `@${value}`;
-
-//     const options = {
-//         markdown: false,
-//     };
-
-//     return renderFormattedText(username, options);
-// }
-
-// function renderFormattedText(value: string, options?: Partial<TextFormattingOptions>, post?: Post): ReactNode {
-//     return (
-//         <Markdown
-//             message={value}
-//             options={options}
-//             postId={post && post.id}
-//             postType={post && post.type}
-//         />
-//     );
-// }
-
-// function renderJoinChannelMessage(post: Post): ReactNode {
-//     const username = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.join_channel.post_and_forget'
-//             defaultMessage='{username} joined the channel.'
-//             values={{username}}
-//         />
-//     );
-// }
-
-// function renderGuestJoinChannelMessage(post: Post): ReactNode {
-//     const username = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.guest_join_channel.post_and_forget'
-//             defaultMessage='{username} joined the channel as a guest.'
-//             values={{username}}
-//         />
-//     );
-// }
-
-// function renderLeaveChannelMessage(post: Post): ReactNode {
-//     const username = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.leave.left'
-//             defaultMessage='{username} has left the channel.'
-//             values={{username}}
-//         />
-//     );
-// }
-
-// function renderAddToChannelMessage(post: Post): ReactNode {
-//     const username = renderUsername(post.props.username);
-//     const addedUsername = renderUsername(post.props.addedUsername);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.add_member.added'
-//             defaultMessage='{addedUsername} added to the channel by {username}.'
-//             values={{
-//                 username,
-//                 addedUsername,
-//             }}
-//         />
-//     );
-// }
-
-// function renderAddGuestToChannelMessage(post: Post): ReactNode {
-//     const username = renderUsername(post.props.username);
-//     const addedUsername = renderUsername(post.props.addedUsername);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.add_guest.added'
-//             defaultMessage='{addedUsername} added to the channel as a guest by {username}.'
-//             values={{
-//                 username,
-//                 addedUsername,
-//             }}
-//         />
-//     );
-// }
-
-// function renderRemoveFromChannelMessage(post: Post): ReactNode {
-//     const removedUsername = renderUsername(post.props.removedUsername);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.remove_member.removed'
-//             defaultMessage='{removedUsername} was removed from the channel'
-//             values={{
-//                 removedUsername,
-//             }}
-//         />
-//     );
-// }
-
-// function renderJoinTeamMessage(post: Post): ReactNode {
-//     const username = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.team.join_team.post_and_forget'
-//             defaultMessage='{username} joined the team.'
-//             values={{username}}
-//         />
-//     );
-// }
-
-// function renderLeaveTeamMessage(post: Post): ReactNode {
-//     const username = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.team.leave.left'
-//             defaultMessage='{username} left the team.'
-//             values={{username}}
-//         />
-//     );
-// }
-
-// function renderAddToTeamMessage(post: Post): ReactNode {
-//     const username = renderUsername(post.props.username);
-//     const addedUsername = renderUsername(post.props.addedUsername);
-
-//     return (
-//         <FormattedMessage
-//             id='api.team.add_member.added'
-//             defaultMessage='{addedUsername} added to the team by {username}.'
-//             values={{
-//                 username,
-//                 addedUsername,
-//             }}
-//         />
-//     );
-// }
-
-// function renderRemoveFromTeamMessage(post: Post): ReactNode {
-//     const removedUsername = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.team.remove_user_from_team.removed'
-//             defaultMessage='{removedUsername} was removed from the team.'
-//             values={{
-//                 removedUsername,
-//             }}
-//         />
-//     );
-// }
-
-// function renderHeaderChangeMessage(post: Post): ReactNode {
-//     if (!post.props.username) {
-//         return null;
-//     }
-
-//     const headerOptions = {
-//         singleline: true,
-//         channelNamesMap: post.props && post.props.channel_mentions,
-//         mentionHighlight: true,
-//     };
-
-//     const username = renderUsername(post.props.username);
-//     const oldHeader = post.props.old_header ? renderFormattedText(post.props.old_header, headerOptions, post) : null;
-//     const newHeader = post.props.new_header ? renderFormattedText(post.props.new_header, headerOptions, post) : null;
-
-//     if (post.props.new_header) {
-//         if (post.props.old_header) {
-//             return (
-//                 <FormattedMessage
-//                     id='api.channel.post_update_channel_header_message_and_forget.updated_from'
-//                     defaultMessage='{username} updated the channel header <br></br><strong>From:</strong> {old} <br></br><strong>To:</strong> {new}'
-//                     values={{
-//                         username,
-//                         old: oldHeader,
-//                         new: newHeader,
-//                         strong: (chunks: React.ReactNode) => (<strong>{chunks}</strong>),
-//                         br: (x: React.ReactNode) => (<><br/>{x}</>),
-//                     }}
-//                 />
-//             );
-//         }
-
-//         return (
-//             <FormattedMessage
-//                 id='api.channel.post_update_channel_header_message_and_forget.updated_to'
-//                 defaultMessage='{username} updated the channel header to: {new}'
-//                 values={{
-//                     username,
-//                     new: newHeader,
-//                 }}
-//             />
-//         );
-//     } else if (post.props.old_header) {
-//         return (
-//             <FormattedMessage
-//                 id='api.channel.post_update_channel_header_message_and_forget.removed'
-//                 defaultMessage='{username} removed the channel header (was: {old})'
-//                 values={{
-//                     username,
-//                     old: oldHeader,
-//                 }}
-//             />
-//         );
-//     }
-
-//     return null;
-// }
-
-// function renderDisplayNameChangeMessage(post: Post): ReactNode {
-//     if (!(post.props.username && post.props.old_displayname && post.props.new_displayname)) {
-//         return null;
-//     }
-
-//     const username = renderUsername(post.props.username);
-//     const oldDisplayName = post.props.old_displayname;
-//     const newDisplayName = post.props.new_displayname;
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.post_update_channel_displayname_message_and_forget.updated_from'
-//             defaultMessage='{username} updated the channel display name from: {old} to: {new}'
-//             values={{
-//                 username,
-//                 old: oldDisplayName,
-//                 new: newDisplayName,
-//             }}
-//         />
-//     );
-// }
-
-// function renderConvertChannelToPrivateMessage(post: Post): ReactNode {
-//     if (!(post.props.username)) {
-//         return null;
-//     }
-
-//     const username = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.post_convert_channel_to_private.updated_from'
-//             defaultMessage='{username} converted the channel from public to private'
-//             values={{
-//                 username,
-//             }}
-//         />
-//     );
-// }
-
-// function renderPurposeChangeMessage(post: Post): ReactNode {
-//     if (!post.props.username) {
-//         return null;
-//     }
-
-//     const username = renderUsername(post.props.username);
-//     const oldPurpose = post.props.old_purpose;
-//     const newPurpose = post.props.new_purpose;
-
-//     if (post.props.new_purpose) {
-//         if (post.props.old_purpose) {
-//             return (
-//                 <FormattedMessage
-//                     id='app.channel.post_update_channel_purpose_message.updated_from'
-//                     defaultMessage='{username} updated the channel purpose from: {old} to: {new}'
-//                     values={{
-//                         username,
-//                         old: oldPurpose,
-//                         new: newPurpose,
-//                     }}
-//                 />
-//             );
-//         }
-
-//         return (
-//             <FormattedMessage
-//                 id='app.channel.post_update_channel_purpose_message.updated_to'
-//                 defaultMessage='{username} updated the channel purpose to: {new}'
-//                 values={{
-//                     username,
-//                     new: newPurpose,
-//                 }}
-//             />
-//         );
-//     } else if (post.props.old_purpose) {
-//         return (
-//             <FormattedMessage
-//                 id='app.channel.post_update_channel_purpose_message.removed'
-//                 defaultMessage='{username} removed the channel purpose (was: {old})'
-//                 values={{
-//                     username,
-//                     old: oldPurpose,
-//                 }}
-//             />
-//         );
-//     }
-
-//     return null;
-// }
-
-// function renderChannelDeletedMessage(post: Post): ReactNode {
-//     if (!post.props.username) {
-//         return null;
-//     }
-
-//     const username = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.delete_channel.archived'
-//             defaultMessage='{username} has archived the channel.'
-//             values={{username}}
-//         />
-//     );
-// }
-
-// function renderChannelUnarchivedMessage(post: Post): ReactNode {
-//     if (!post.props.username) {
-//         return null;
-//     }
-
-//     const username = renderUsername(post.props.username);
-
-//     return (
-//         <FormattedMessage
-//             id='api.channel.restore_channel.unarchived'
-//             defaultMessage='{username} has unarchived the channel.'
-//             values={{username}}
-//         />
-//     );
-// }
-
-// function renderMeMessage(post: Post): ReactNode {
-//     // Trim off the leading and trailing asterisk added to /me messages
-//     const message = post.message.replace(/^\*|\*$/g, '');
-
-//     return renderFormattedText(message);
-// }
-
-// const systemMessageRenderers = {
-//     [Posts.POST_TYPES.JOIN_CHANNEL]: renderJoinChannelMessage,
-//     [Posts.POST_TYPES.GUEST_JOIN_CHANNEL]: renderGuestJoinChannelMessage,
-//     [Posts.POST_TYPES.LEAVE_CHANNEL]: renderLeaveChannelMessage,
-//     [Posts.POST_TYPES.ADD_TO_CHANNEL]: renderAddToChannelMessage,
-//     [Posts.POST_TYPES.ADD_GUEST_TO_CHANNEL]: renderAddGuestToChannelMessage,
-//     [Posts.POST_TYPES.REMOVE_FROM_CHANNEL]: renderRemoveFromChannelMessage,
-//     [Posts.POST_TYPES.JOIN_TEAM]: renderJoinTeamMessage,
-//     [Posts.POST_TYPES.LEAVE_TEAM]: renderLeaveTeamMessage,
-//     [Posts.POST_TYPES.ADD_TO_TEAM]: renderAddToTeamMessage,
-//     [Posts.POST_TYPES.REMOVE_FROM_TEAM]: renderRemoveFromTeamMessage,
-//     [Posts.POST_TYPES.HEADER_CHANGE]: renderHeaderChangeMessage,
-//     [Posts.POST_TYPES.DISPLAYNAME_CHANGE]: renderDisplayNameChangeMessage,
-//     [Posts.POST_TYPES.CONVERT_CHANNEL]: renderConvertChannelToPrivateMessage,
-//     [Posts.POST_TYPES.PURPOSE_CHANGE]: renderPurposeChangeMessage,
-//     [Posts.POST_TYPES.CHANNEL_DELETED]: renderChannelDeletedMessage,
-//     [Posts.POST_TYPES.CHANNEL_UNARCHIVED]: renderChannelUnarchivedMessage,
-//     [Posts.POST_TYPES.ME]: renderMeMessage,
-// };
-
-// export function renderSystemMessage(post: Post, channel: Channel, isUserCanManageMembers?: boolean): ReactNode {
-//     if (post.props && post.props.add_channel_member) {
-//         const isEphemeral = Utils.isPostEphemeral(post);
-
-//         if (channel && (channel.type === General.PRIVATE_CHANNEL || channel.type === General.OPEN_CHANNEL) &&
-//             isUserCanManageMembers &&
-//             isEphemeral
-//         ) {
-//             const addMemberProps = post.props.add_channel_member;
-//             return (
-//                 <PostAddChannelMember
-//                     postId={addMemberProps.post_id}
-//                     userIds={addMemberProps.not_in_channel_user_ids}
-//                     noGroupsUsernames={addMemberProps.not_in_groups_usernames}
-//                     usernames={addMemberProps.not_in_channel_usernames}
-//                 />
-//             );
-//         }
-
-//         return null;
-//     } else if (systemMessageRenderers[post.type]) {
-//         return systemMessageRenderers[post.type](post);
-//     } else if (post.type === Posts.POST_TYPES.EPHEMERAL_ADD_TO_CHANNEL) {
-//         return renderAddToChannelMessage(post);
-//     } else if (post.type === Posts.POST_TYPES.COMBINED_USER_ACTIVITY) {
-//         const {allUserIds, allUsernames, messageData} = post.props.user_activity;
-
-//         return (
-//             <CombinedSystemMessage
-//                 allUserIds={allUserIds}
-//                 allUsernames={allUsernames}
-//                 messageData={messageData}
-//             />
-//         );
-//     }
-
-//     return null;
-// }

package/src/components/post/post_message_view/index.ts

@@ -1,4 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-export { PostMessageView } from './post_message_view';

package/src/components/post/post_message_view/post_message_view.test.tsx

@@ -1,89 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import {shallow} from 'enzyme';
-
-// import {Posts} from 'mattermost-redux/constants';
-
-// import {Post, PostType} from 'mattermost-redux/types/posts';
-
-// import {Theme} from 'mattermost-redux/types/themes';
-
-// import PostMessageView from 'components/post_view/post_message_view/post_message_view';
-
-// describe('components/post_view/PostAttachment', () => {
-//     const post = {
-//         id: 'post_id',
-//         message: 'post message',
-//     } as Post;
-
-//     const baseProps = {
-//         post,
-//         enableFormatting: true,
-//         options: {},
-//         compactDisplay: false,
-//         isRHS: false,
-//         isRHSOpen: false,
-//         isRHSExpanded: false,
-//         theme: {} as Theme,
-//         pluginPostTypes: {},
-//         currentRelativeTeamUrl: 'dummy_team_url',
-//     };
-
-//     test('should match snapshot', () => {
-//         const wrapper = shallow(<PostMessageView {...baseProps}/>);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, on Show More', () => {
-//         const wrapper = shallow(<PostMessageView {...baseProps}/>);
-
-//         wrapper.setState({hasOverflow: true, collapse: true});
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, on Show Less', () => {
-//         const wrapper = shallow(<PostMessageView {...baseProps}/>);
-
-//         wrapper.setState({hasOverflow: true, collapse: false});
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, on deleted post', () => {
-//         const props = {...baseProps, post: {...post, state: Posts.POST_DELETED as 'DELETED'}};
-//         const wrapper = shallow(<PostMessageView {...props}/>);
-//         const instance = wrapper.instance() as PostMessageView;
-
-//         expect(wrapper).toMatchSnapshot();
-//         expect(instance.renderDeletedPost()).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, on edited post', () => {
-//         const props = {...baseProps, post: {...post, edit_at: 1}};
-//         const wrapper = shallow(<PostMessageView {...props}/>);
-//         const instance = wrapper.instance() as PostMessageView;
-
-//         expect(wrapper).toMatchSnapshot();
-//         expect(instance.renderEditedIndicator()).toMatchSnapshot();
-//     });
-
-//     test('should match snapshot, on ephemeral post', () => {
-//         const props = {...baseProps, post: {...post, type: Posts.POST_TYPES.EPHEMERAL as PostType}};
-//         const wrapper = shallow(<PostMessageView {...props}/>);
-
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match checkOverflow state on handleHeightReceived change', () => {
-//         const wrapper = shallow(<PostMessageView {...baseProps}/>);
-//         const instance = wrapper.instance() as PostMessageView;
-
-//         wrapper.setState({checkOverflow: 0});
-//         instance.handleHeightReceived(1);
-//         expect(wrapper.state('checkOverflow')).toEqual(1);
-
-//         instance.handleHeightReceived(0);
-//         expect(wrapper.state('checkOverflow')).toEqual(1);
-//     });
-// });

package/src/components/post/post_message_view/post_message_view.tsx

@@ -1,71 +0,0 @@
-import React, { useState } from 'react';
-import { ShowMore } from '../show_more';
-import * as Utils from '../../../utils/utils';
-import { PostMarkdown } from '../post_markdown';
-
-export const PostMessageView = (props) => {
-    const { post, enableFormatting, options, pluginPostTypes, compactDisplay, isRHS, theme, overflowType, maxHeight } =
-        props;
-
-    const [collapse, setCollapse] = useState(true);
-    const [hasOverflow, setHasOverflow] = useState(false);
-    const [checkOverflow, setcheckOverflow] = useState(0);
-
-    console.log({ props }, 'PostMessageView component');
-
-    let message = post.message;
-    const isEphemeral = Utils.isPostEphemeral(post);
-    if (compactDisplay && isEphemeral) {
-        const visibleMessage = Utils.localizeMessage('post_info.message.visible.compact', ' (Only visible to you)');
-        message = message.concat(visibleMessage);
-    }
-
-    const id = isRHS ? `rhsPostMessageText_${post.id}` : `postMessageText_${post.id}`;
-
-    const handleHeightReceived = (height: number) => {
-        if (height > 0) {
-            checkPostOverflow();
-        }
-    };
-
-    const checkPostOverflow = () => {
-        // Increment checkOverflow to indicate change in height
-        // and recompute textContainer height at ShowMore component
-        // and see whether overflow text of show more/less is necessary or not.
-        setcheckOverflow(checkOverflow + 1);
-    };
-
-    const imageProps = {
-        onImageLoaded: handleHeightReceived,
-        onImageHeightChanged: checkPostOverflow,
-    };
-
-    return (
-        <ShowMore checkOverflow={checkOverflow} text={message} overflowType={overflowType} maxHeight={maxHeight}>
-            <div
-                aria-readonly="true"
-                tabIndex={0}
-                id={id}
-                className="post-message__text"
-                dir="auto"
-                // onClick={handleFormattedTextClick}
-            >
-                <PostMarkdown
-                    message={message}
-                    imageProps={imageProps}
-                    isRHS={isRHS}
-                    options={options}
-                    post={post}
-                    channelId={post.channel_id}
-                    mentionKeys={[]}
-                />
-            </div>
-            {/* {renderEditedIndicator()}
-            <Pluggable
-                pluggableName="PostMessageAttachment"
-                postId={post.id}
-                onHeightChange={handleHeightReceived}
-            /> */}
-        </ShowMore>
-    );
-};