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

package/src/components/post_view/post_message_view/post_message_view.tsx

@@ -1,192 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import {FormattedMessage} from 'react-intl';
-
-// import {Posts} from 'mattermost-redux/constants';
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import {Theme} from 'mattermost-redux/types/themes';
-
-// import * as PostUtils from 'utils/post_utils';
-// import * as Utils from 'utils/utils';
-
-// import PostMarkdown from 'components/post_markdown';
-// import Pluggable from 'plugins/pluggable';
-// import ShowMore from 'components/post_view/show_more';
-// import {TextFormattingOptions} from 'utils/text_formatting';
-// import {AttachmentTextOverflowType} from 'components/post_view/show_more/show_more';
-
-// type Props = {
-//     post: Post; /* The post to render the message for */
-//     enableFormatting?: boolean; /* Set to enable Markdown formatting */
-//     options?: TextFormattingOptions; /* Options specific to text formatting */
-//     compactDisplay?: boolean; /* Set to render post body compactly */
-//     isRHS?: boolean; /* Flags if the post_message_view is for the RHS (Reply). */
-//     isRHSOpen?: boolean; /* Whether or not the RHS is visible */
-//     isRHSExpanded?: boolean; /* Whether or not the RHS is expanded */
-//     theme: Theme; /* Logged in user's theme */
-//     pluginPostTypes?: any; /* Post type components from plugins */
-//     currentRelativeTeamUrl: string;
-//     overflowType?: AttachmentTextOverflowType;
-//     maxHeight?: number; /* The max height used by the show more component */
-// }
-
-// type State = {
-//     collapse: boolean;
-//     hasOverflow: boolean;
-//     checkOverflow: number;
-// }
-
-// export default class PostMessageView extends React.PureComponent<Props, State> {
-//     private imageProps: any;
-
-//     static defaultProps = {
-//         options: {},
-//         isRHS: false,
-//         pluginPostTypes: {},
-//         overflowType: undefined,
-//     };
-
-//     constructor(props: Props) {
-//         super(props);
-
-//         this.state = {
-//             collapse: true,
-//             hasOverflow: false,
-//             checkOverflow: 0,
-//         };
-
-//         this.imageProps = {
-//             onImageLoaded: this.handleHeightReceived,
-//             onImageHeightChanged: this.checkPostOverflow,
-//         };
-//     }
-
-//     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.
-//         this.setState((prevState) => {
-//             return {checkOverflow: prevState.checkOverflow + 1};
-//         });
-//     }
-
-//     handleHeightReceived = (height: number) => {
-//         if (height > 0) {
-//             this.checkPostOverflow();
-//         }
-//     };
-
-//     renderDeletedPost() {
-//         return (
-//             <p>
-//                 <FormattedMessage
-//                     id='post_body.deleted'
-//                     defaultMessage='(message deleted)'
-//                 />
-//             </p>
-//         );
-//     }
-
-//     renderEditedIndicator() {
-//         if (!PostUtils.isEdited(this.props.post)) {
-//             return null;
-//         }
-
-//         return (
-//             <span
-//                 id={`postEdited_${this.props.post.id}`}
-//                 className='post-edited__indicator'
-//             >
-//                 <FormattedMessage
-//                     id='post_message_view.edited'
-//                     defaultMessage='(edited)'
-//                 />
-//             </span>
-//         );
-//     }
-
-//     handleFormattedTextClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) =>
-//         Utils.handleFormattedTextClick(e, this.props.currentRelativeTeamUrl);
-
-//     render() {
-//         const {
-//             post,
-//             enableFormatting,
-//             options,
-//             pluginPostTypes,
-//             compactDisplay,
-//             isRHS,
-//             theme,
-//             overflowType,
-//             maxHeight,
-//         } = this.props;
-
-//         if (post.state === Posts.POST_DELETED) {
-//             return this.renderDeletedPost();
-//         }
-
-//         if (!enableFormatting) {
-//             return <span>{post.message}</span>;
-//         }
-
-//         const postType = post.props && post.props.type ? post.props.type : post.type;
-
-//         if (pluginPostTypes && pluginPostTypes.hasOwnProperty(postType)) {
-//             const PluginComponent = pluginPostTypes[postType].component;
-//             return (
-//                 <PluginComponent
-//                     post={post}
-//                     compactDisplay={compactDisplay}
-//                     isRHS={isRHS}
-//                     theme={theme}
-//                 />
-//             );
-//         }
-
-//         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}`;
-
-//         return (
-//             <ShowMore
-//                 checkOverflow={this.state.checkOverflow}
-//                 text={message}
-//                 overflowType={overflowType}
-//                 maxHeight={maxHeight}
-//             >
-//                 <div
-//                     aria-readonly='true'
-//                     tabIndex={0}
-//                     id={id}
-//                     className='post-message__text'
-//                     dir='auto'
-//                     onClick={this.handleFormattedTextClick}
-//                 >
-//                     <PostMarkdown
-//                         message={message}
-//                         imageProps={this.imageProps}
-//                         isRHS={isRHS}
-//                         options={options}
-//                         post={post}
-//                         channelId={post.channel_id}
-//                         mentionKeys={[]}
-//                     />
-//                 </div>
-//                 {this.renderEditedIndicator()}
-//                 <Pluggable
-//                     pluggableName='PostMessageAttachment'
-//                     postId={post.id}
-//                     onHeightChange={this.handleHeightReceived}
-//                 />
-//             </ShowMore>
-//         );
-//     }
-// }

package/src/components/post_view/post_pre_header/__snapshots__/post_pre_header.test.tsx.snap

@@ -1,209 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/PostPreHeader should not render anything if both skipFlagged and skipPinned are true 1`] = `""`;
-
-exports[`components/PostPreHeader should not render anything if the post is neither flagged nor pinned 1`] = `""`;
-
-exports[`components/PostPreHeader should properly handle flagged posts (and not pinned) 1`] = `
-<div
-  className="post-pre-header"
->
-  <div
-    className="post-pre-header__icons-container"
-  >
-    <FlagIconFilled
-      className="icon icon--post-pre-header"
-    />
-  </div>
-  <div
-    className="post-pre-header__text-container"
-  >
-    <span>
-      <a
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="Saved"
-          id="post_pre_header.flagged"
-        />
-      </a>
-    </span>
-  </div>
-</div>
-`;
-
-exports[`components/PostPreHeader should properly handle flagged posts (and not pinned) 2`] = `""`;
-
-exports[`components/PostPreHeader should properly handle link clicks 1`] = `
-<div
-  className="post-pre-header"
->
-  <div
-    className="post-pre-header__icons-container"
-  >
-    <span
-      className="icon-pin icon icon--post-pre-header"
-    />
-    <FlagIconFilled
-      className="icon icon--post-pre-header"
-    />
-  </div>
-  <div
-    className="post-pre-header__text-container"
-  >
-    <span>
-      <a
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="Pinned"
-          id="post_pre_header.pinned"
-        />
-      </a>
-      <span
-        className="post-pre-header__link-separator"
-      >
-        ⬤
-      </span>
-      <a
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="Saved"
-          id="post_pre_header.flagged"
-        />
-      </a>
-    </span>
-  </div>
-</div>
-`;
-
-exports[`components/PostPreHeader should properly handle pinned posts (and not flagged) 1`] = `
-<div
-  className="post-pre-header"
->
-  <div
-    className="post-pre-header__icons-container"
-  >
-    <span
-      className="icon-pin icon icon--post-pre-header"
-    />
-  </div>
-  <div
-    className="post-pre-header__text-container"
-  >
-    <span>
-      <a
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="Pinned"
-          id="post_pre_header.pinned"
-        />
-      </a>
-    </span>
-  </div>
-</div>
-`;
-
-exports[`components/PostPreHeader should properly handle pinned posts (and not flagged) 2`] = `""`;
-
-exports[`components/PostPreHeader should properly handle posts that are flagged and pinned both skipFlagged and skipPinned are not true 1`] = `
-<div
-  className="post-pre-header"
->
-  <div
-    className="post-pre-header__icons-container"
-  >
-    <span
-      className="icon-pin icon icon--post-pre-header"
-    />
-    <FlagIconFilled
-      className="icon icon--post-pre-header"
-    />
-  </div>
-  <div
-    className="post-pre-header__text-container"
-  >
-    <span>
-      <a
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="Pinned"
-          id="post_pre_header.pinned"
-        />
-      </a>
-      <span
-        className="post-pre-header__link-separator"
-      >
-        ⬤
-      </span>
-      <a
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="Saved"
-          id="post_pre_header.flagged"
-        />
-      </a>
-    </span>
-  </div>
-</div>
-`;
-
-exports[`components/PostPreHeader should properly handle posts that are flagged and pinned skipFlagged is true 1`] = `
-<div
-  className="post-pre-header"
->
-  <div
-    className="post-pre-header__icons-container"
-  >
-    <span
-      className="icon-pin icon icon--post-pre-header"
-    />
-  </div>
-  <div
-    className="post-pre-header__text-container"
-  >
-    <span>
-      <a
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="Pinned"
-          id="post_pre_header.pinned"
-        />
-      </a>
-    </span>
-  </div>
-</div>
-`;
-
-exports[`components/PostPreHeader should properly handle posts that are flagged and pinned skipPinned is true 1`] = `
-<div
-  className="post-pre-header"
->
-  <div
-    className="post-pre-header__icons-container"
-  >
-    <FlagIconFilled
-      className="icon icon--post-pre-header"
-    />
-  </div>
-  <div
-    className="post-pre-header__text-container"
-  >
-    <span>
-      <a
-        onClick={[Function]}
-      >
-        <MemoizedFormattedMessage
-          defaultMessage="Saved"
-          id="post_pre_header.flagged"
-        />
-      </a>
-    </span>
-  </div>
-</div>
-`;

package/src/components/post_view/post_pre_header/index.js

@@ -1,18 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {bindActionCreators} from 'redux';
-import {connect} from 'react-redux';
-
-import {showFlaggedPosts, showPinnedPosts} from 'actions/views/rhs';
-
-import PostPreHeader from './post_pre_header';
-
-const mapDispatchToProps = (dispatch) => ({
-    actions: bindActionCreators({
-        showFlaggedPosts,
-        showPinnedPosts,
-    }, dispatch),
-});
-
-export default connect(null, mapDispatchToProps)(PostPreHeader);

package/src/components/post_view/post_pre_header/post_pre_header.test.tsx

@@ -1,188 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import {FormattedMessage} from 'react-intl';
-
-// import {shallowWithIntl} from 'tests/helpers/intl-test-helper';
-// import PostPreHeader from 'components/post_view/post_pre_header/post_pre_header';
-// import FlagIconFilled from 'components/widgets/icons/flag_icon_filled';
-
-// describe('components/PostPreHeader', () => {
-//     const baseProps = {
-//         channelId: 'channel_id',
-//         actions: {
-//             showFlaggedPosts: jest.fn(),
-//             showPinnedPosts: jest.fn(),
-//         },
-//     };
-
-//     test('should not render anything if the post is neither flagged nor pinned', () => {
-//         const props = {
-//             ...baseProps,
-//             isFlagged: false,
-//             isPinned: false,
-//         };
-
-//         const wrapper = shallowWithIntl(
-//             <PostPreHeader {...props}/>,
-//         );
-
-//         expect(wrapper.find('div')).toHaveLength(0);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should not render anything if both skipFlagged and skipPinned are true', () => {
-//         const props = {
-//             ...baseProps,
-//             isFlagged: true,
-//             isPinned: true,
-//             skipFlagged: true,
-//             skipPinned: true,
-//         };
-
-//         const wrapper = shallowWithIntl(
-//             <PostPreHeader {...props}/>,
-//         );
-
-//         expect(wrapper.find('div')).toHaveLength(0);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should properly handle flagged posts (and not pinned)', () => {
-//         const props = {
-//             ...baseProps,
-//             isFlagged: true,
-//             isPinned: false,
-//         };
-
-//         const wrapper = shallowWithIntl(
-//             <PostPreHeader {...props}/>,
-//         );
-
-//         expect(wrapper.find('span.icon-pin')).toHaveLength(0);
-
-//         expect(wrapper.find(FlagIconFilled)).toHaveLength(1);
-//         expect(wrapper.find(FormattedMessage)).toHaveLength(1);
-//         expect(wrapper.find(FormattedMessage).prop('defaultMessage')).toEqual('Saved');
-//         expect(wrapper).toMatchSnapshot();
-
-//         // case of skipFlagged is true
-//         wrapper.setProps({...props, skipFlagged: true});
-
-//         expect(wrapper.find(FlagIconFilled)).toHaveLength(0);
-//         expect(wrapper.find(FormattedMessage)).toHaveLength(0);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should properly handle pinned posts (and not flagged)', () => {
-//         const props = {
-//             ...baseProps,
-//             isFlagged: false,
-//             isPinned: true,
-//         };
-
-//         const wrapper = shallowWithIntl(
-//             <PostPreHeader {...props}/>,
-//         );
-
-//         expect(wrapper.find(FlagIconFilled)).toHaveLength(0);
-
-//         expect(wrapper.find('span.icon-pin')).toHaveLength(1);
-//         expect(wrapper.find(FormattedMessage)).toHaveLength(1);
-//         expect(wrapper.find(FormattedMessage).prop('defaultMessage')).toEqual('Pinned');
-//         expect(wrapper).toMatchSnapshot();
-
-//         // case of skipPinned is true
-//         wrapper.setProps({...props, skipPinned: true});
-
-//         expect(wrapper.find('span.icon-pin')).toHaveLength(0);
-//         expect(wrapper.find(FormattedMessage)).toHaveLength(0);
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     describe('should properly handle posts that are flagged and pinned', () => {
-//         test('both skipFlagged and skipPinned are not true', () => {
-//             const props = {
-//                 ...baseProps,
-//                 isFlagged: true,
-//                 isPinned: true,
-//             };
-
-//             const wrapper = shallowWithIntl(
-//                 <PostPreHeader {...props}/>,
-//             );
-
-//             expect(wrapper.find(FlagIconFilled)).toHaveLength(1);
-//             expect(wrapper.find('span.icon-pin')).toHaveLength(1);
-//             expect(wrapper.find(FormattedMessage)).toHaveLength(2);
-//             expect(wrapper.find(FormattedMessage).first().prop('defaultMessage')).toEqual('Pinned');
-//             expect(wrapper.find(FormattedMessage).last().prop('defaultMessage')).toEqual('Saved');
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('skipFlagged is true', () => {
-//             const props = {
-//                 ...baseProps,
-//                 isFlagged: true,
-//                 isPinned: true,
-//                 skipFlagged: true,
-//             };
-
-//             const wrapper = shallowWithIntl(
-//                 <PostPreHeader {...props}/>,
-//             );
-
-//             expect(wrapper.find(FlagIconFilled)).toHaveLength(0);
-
-//             expect(wrapper.find('span.icon-pin')).toHaveLength(1);
-//             expect(wrapper.find(FormattedMessage)).toHaveLength(1);
-//             expect(wrapper.find(FormattedMessage).prop('defaultMessage')).toEqual('Pinned');
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('skipPinned is true', () => {
-//             const props = {
-//                 ...baseProps,
-//                 isFlagged: true,
-//                 isPinned: true,
-//                 skipPinned: true,
-//             };
-
-//             const wrapper = shallowWithIntl(
-//                 <PostPreHeader {...props}/>,
-//             );
-
-//             expect(wrapper.find('span.icon-pin')).toHaveLength(0);
-
-//             expect(wrapper.find(FlagIconFilled)).toHaveLength(1);
-//             expect(wrapper.find(FormattedMessage)).toHaveLength(1);
-//             expect(wrapper.find(FormattedMessage).prop('defaultMessage')).toEqual('Saved');
-//             expect(wrapper).toMatchSnapshot();
-//         });
-//     });
-
-//     test('should properly handle link clicks', () => {
-//         const props = {
-//             ...baseProps,
-//             isFlagged: true,
-//             isPinned: true,
-//         };
-
-//         const wrapper = shallowWithIntl(
-//             <PostPreHeader {...props}/>,
-//         );
-
-//         expect(wrapper.find(FlagIconFilled)).toHaveLength(1);
-//         expect(wrapper.find('span.icon-pin')).toHaveLength(1);
-//         expect(wrapper.find(FormattedMessage)).toHaveLength(2);
-//         expect(wrapper).toMatchSnapshot();
-
-//         wrapper.find('a').first().simulate('click');
-//         expect(baseProps.actions.showPinnedPosts).toHaveBeenNthCalledWith(1, baseProps.channelId);
-
-//         wrapper.find('a').last().simulate('click');
-//         expect(baseProps.actions.showFlaggedPosts).toHaveBeenNthCalledWith(1);
-//     });
-// });