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

package/src/components/post_view/post_list/__snapshots__/post_list.test.jsx.snap

@@ -1,71 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/post_list snapshot for loading when there are no posts 1`] = `
-<div
-  className="post-list-holder-by-time"
-  key="postlist-fake-id"
->
-  <div
-    className="post-list__table"
-  >
-    <div
-      className="post-list__content"
-      id="virtualizedPostListContent"
-    >
-      <PostList
-        actions={
-          Object {
-            "canLoadMorePosts": [Function],
-            "changeUnreadChunkTimeStamp": [MockFunction],
-            "checkAndSetMobileView": [MockFunction],
-            "loadNewerPosts": [Function],
-            "loadOlderPosts": [Function],
-            "updateNewMessagesAtInChannel": [MockFunction],
-          }
-        }
-        atLatestPost={false}
-        autoRetryEnable={true}
-        channelId="fake-id"
-        loadingNewerPosts={false}
-        loadingOlderPosts={false}
-        postListIds={Array []}
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`components/post_view/post_list snapshot with couple of posts 1`] = `
-<div
-  className="post-list-holder-by-time"
-  key="postlist-fake-id"
->
-  <div
-    className="post-list__table"
-  >
-    <div
-      className="post-list__content"
-      id="virtualizedPostListContent"
-    >
-      <PostList
-        actions={
-          Object {
-            "canLoadMorePosts": [Function],
-            "changeUnreadChunkTimeStamp": [MockFunction],
-            "checkAndSetMobileView": [MockFunction],
-            "loadNewerPosts": [Function],
-            "loadOlderPosts": [Function],
-            "updateNewMessagesAtInChannel": [MockFunction],
-          }
-        }
-        atLatestPost={false}
-        autoRetryEnable={true}
-        channelId="fake-id"
-        loadingNewerPosts={false}
-        loadingOlderPosts={false}
-        postListIds={Array []}
-      />
-    </div>
-  </div>
-</div>
-`;

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

@@ -1,105 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {connect} from 'react-redux';
-// import {bindActionCreators} from 'redux';
-// import {withRouter} from 'react-router-dom';
-
-// import {getRecentPostsChunkInChannel, makeGetPostsChunkAroundPost, getUnreadPostsChunk, getPost} from 'mattermost-redux/selectors/entities/posts';
-// import {isManuallyUnread} from 'mattermost-redux/selectors/entities/channels';
-// import {memoizeResult} from 'mattermost-redux/utils/helpers';
-// import {markChannelAsRead, markChannelAsViewed} from 'mattermost-redux/actions/channels';
-// import {makePreparePostIdsForPostList} from 'mattermost-redux/utils/post_list';
-// import {RequestStatus} from 'mattermost-redux/constants';
-
-// import {updateNewMessagesAtInChannel} from 'actions/global_actions';
-// import {getLatestPostId} from 'utils/post_utils';
-// import {
-//     checkAndSetMobileView,
-//     loadPosts,
-//     loadUnreads,
-//     loadPostsAround,
-//     syncPostsInChannel,
-//     loadLatestPosts,
-// } from 'actions/views/channel';
-
-// import PostList from './post_list.jsx';
-
-// const isFirstLoad = (state, channelId) => !state.entities.posts.postsInChannel[channelId];
-// const memoizedGetLatestPostId = memoizeResult((postIds) => getLatestPostId(postIds));
-
-// // This function is added as a fail safe for the channel sync issue we have.
-// // When the user switches to a team for the first time we show the channel of previous team and then settle for the right channel after that
-// // This causes the scroll correction etc an issue because post_list is not mounted for new channel instead it is updated
-
-// function makeMapStateToProps() {
-//     const getPostsChunkAroundPost = makeGetPostsChunkAroundPost();
-//     const preparePostIdsForPostList = makePreparePostIdsForPostList();
-
-//     return function mapStateToProps(state, ownProps) {
-//         let latestPostTimeStamp = 0;
-//         let postIds;
-//         let chunk;
-//         let atLatestPost = false;
-//         let atOldestPost = false;
-//         let formattedPostIds;
-//         const {focusedPostId, unreadChunkTimeStamp, channelId} = ownProps;
-//         const channelViewState = state.views.channel;
-//         const lastViewedAt = channelViewState.lastChannelViewTime[channelId];
-//         const isPrefetchingInProcess = channelViewState.channelPrefetchStatus[channelId] === RequestStatus.STARTED;
-//         const channelManuallyUnread = isManuallyUnread(state, channelId);
-
-//         if (focusedPostId && unreadChunkTimeStamp !== '') {
-//             chunk = getPostsChunkAroundPost(state, focusedPostId, channelId);
-//         } else if (unreadChunkTimeStamp) {
-//             chunk = getUnreadPostsChunk(state, channelId, unreadChunkTimeStamp);
-//         } else {
-//             chunk = getRecentPostsChunkInChannel(state, channelId);
-//         }
-
-//         if (chunk) {
-//             postIds = chunk.order;
-//             atLatestPost = chunk.recent;
-//             atOldestPost = chunk.oldest;
-//         }
-
-//         if (postIds) {
-//             formattedPostIds = preparePostIdsForPostList(state, {postIds, lastViewedAt, indicateNewMessages: true, channelId});
-//             if (postIds.length) {
-//                 const latestPostId = memoizedGetLatestPostId(postIds);
-//                 const latestPost = getPost(state, latestPostId);
-//                 latestPostTimeStamp = latestPost.create_at;
-//             }
-//         }
-
-//         return {
-//             lastViewedAt,
-//             isFirstLoad: isFirstLoad(state, channelId),
-//             formattedPostIds,
-//             atLatestPost,
-//             atOldestPost,
-//             latestPostTimeStamp,
-//             postListIds: postIds,
-//             isPrefetchingInProcess,
-//             channelManuallyUnread,
-//         };
-//     };
-// }
-
-// function mapDispatchToProps(dispatch) {
-//     return {
-//         actions: bindActionCreators({
-//             loadUnreads,
-//             loadPosts,
-//             loadLatestPosts,
-//             loadPostsAround,
-//             checkAndSetMobileView,
-//             syncPostsInChannel,
-//             markChannelAsViewed,
-//             markChannelAsRead,
-//             updateNewMessagesAtInChannel,
-//         }, dispatch),
-//     };
-// }
-
-// export default withRouter(connect(makeMapStateToProps, mapDispatchToProps)(PostList));

package/src/components/post_view/post_list/post_list.jsx

@@ -1,324 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import PropTypes from 'prop-types';
-
-// import LoadingScreen from 'components/loading_screen';
-// import {PostRequestTypes} from 'utils/constants';
-
-// import {getOldestPostId, getLatestPostId} from 'utils/post_utils';
-
-// import VirtPostList from 'components/post_view/post_list_virtualized/post_list_virtualized';
-
-// const MAX_NUMBER_OF_AUTO_RETRIES = 3;
-// export const MAX_EXTRA_PAGES_LOADED = 10;
-
-// export default class PostList extends React.PureComponent {
-//     static propTypes = {
-
-//         /**
-//          *  Array of formatted post ids in the channel
-//          *  This will be different from postListIds because of grouping and filtering of posts
-//          *  This array should be used for making Before and After API calls
-//          */
-//         formattedPostIds: PropTypes.array,
-
-//         /**
-//          *  Array of post ids in the channel, ordered from newest to oldest
-//          */
-//         postListIds: PropTypes.array,
-
-//         /**
-//          * The channel the posts are in
-//          */
-//         channelId: PropTypes.string,
-
-//         /*
-//          * To get posts for perma view
-//          */
-//         focusedPostId: PropTypes.string,
-
-//         /*
-//          * Used for determining if we are not at the recent most chunk in channel
-//          */
-//         atLatestPost: PropTypes.bool,
-
-//         /*
-//          * Used for determining if we are at the channels oldest post
-//          */
-//         atOldestPost: PropTypes.bool,
-
-//         /*
-//          * Used for loading posts using unread API
-//          */
-//         isFirstLoad: PropTypes.bool,
-
-//         /*
-//          * Used for syncing posts and is also passed down to virt list for newMessages indicator
-//          */
-//         latestPostTimeStamp: PropTypes.number,
-
-//         /*
-//          * Used for handling the read logic when unmounting the component
-//          */
-//         channelManuallyUnread: PropTypes.bool.isRequired,
-
-//         /**
-//          * Lastest post id of the current post list, this doesnt include timestamps etc, just actual posts
-//          */
-//         latestPostId: PropTypes.string,
-
-//         /*
-//          * Used for passing down to virt list so it can change the chunk of posts selected
-//          */
-//         changeUnreadChunkTimeStamp: PropTypes.func.isRequired,
-
-//         /*
-//          * Used for skipping the call on load
-//          */
-//         isPrefetchingInProcess: PropTypes.bool.isRequired,
-
-//         actions: PropTypes.shape({
-
-//             /*
-//              * Used for getting permalink view posts
-//              */
-//             loadPostsAround: PropTypes.func.isRequired,
-
-//             /*
-//              * Used for geting unreads posts
-//              */
-//             loadUnreads: PropTypes.func.isRequired,
-
-//             /*
-//              * Used for getting posts using BEFORE_ID and AFTER_ID
-//              */
-//             loadPosts: PropTypes.func.isRequired,
-
-//             /*
-//              * Used to set mobile view on resize
-//              */
-//             checkAndSetMobileView: PropTypes.func.isRequired,
-
-//             /*
-//              * Used to loading posts since a timestamp to sync the posts
-//              */
-//             syncPostsInChannel: PropTypes.func.isRequired,
-
-//             /*
-//              * Used to loading posts if it not first visit, permalink or there exists any postListIds
-//              * This happens when previous channel visit has a chunk which is not the latest set of posts
-//              */
-//             loadLatestPosts: PropTypes.func.isRequired,
-
-//             markChannelAsViewed: PropTypes.func.isRequired,
-
-//             markChannelAsRead: PropTypes.func.isRequired,
-//             updateNewMessagesAtInChannel: PropTypes.func.isRequired,
-
-//         }).isRequired,
-//     }
-
-//     constructor(props) {
-//         super(props);
-//         this.state = {
-//             loadingNewerPosts: false,
-//             loadingOlderPosts: false,
-//             autoRetryEnable: true,
-//         };
-
-//         this.autoRetriesCount = 0;
-//         this.loadingMorePosts = null;
-//         this.actionsForPostList = {
-//             loadOlderPosts: this.getPostsBefore,
-//             loadNewerPosts: this.getPostsAfter,
-//             checkAndSetMobileView: props.actions.checkAndSetMobileView,
-//             canLoadMorePosts: this.canLoadMorePosts,
-//             changeUnreadChunkTimeStamp: props.changeUnreadChunkTimeStamp,
-//             updateNewMessagesAtInChannel: this.props.actions.updateNewMessagesAtInChannel,
-//         };
-//     }
-
-//     componentDidMount() {
-//         this.mounted = true;
-//         if (this.props.channelId) {
-//             this.postsOnLoad(this.props.channelId);
-//         }
-//     }
-
-//     componentDidUpdate(prevProps) {
-//         if (this.props.channelId !== prevProps.channelId) {
-//             this.postsOnLoad(this.props.channelId);
-//         }
-//     }
-
-//     componentWillUnmount() {
-//         if (!this.props.channelManuallyUnread) {
-//             this.markChannelAsReadAndViewed(this.props.channelId);
-//         }
-
-//         this.mounted = false;
-//     }
-
-//     postsOnLoad = async (channelId) => {
-//         const {focusedPostId, isFirstLoad, latestPostTimeStamp, isPrefetchingInProcess, actions} = this.props;
-//         if (focusedPostId) {
-//             await actions.loadPostsAround(channelId, this.props.focusedPostId);
-//         } else if (isFirstLoad) {
-//             if (!isPrefetchingInProcess) {
-//                 await actions.loadUnreads(channelId);
-//             }
-//         } else if (latestPostTimeStamp) {
-//             await actions.syncPostsInChannel(channelId, this.props.latestPostTimeStamp, false);
-//         } else {
-//             await actions.loadLatestPosts(channelId);
-//         }
-
-//         if (!focusedPostId) {
-//             this.markChannelAsReadAndViewed(channelId);
-//         }
-
-//         if (this.mounted) {
-//             this.setState({
-//                 loadingOlderPosts: false,
-//                 loadingNewerPosts: false,
-//             });
-//         }
-//     }
-
-//     callLoadPosts = async (channelId, postId, type) => {
-//         const {error} = await this.props.actions.loadPosts({
-//             channelId,
-//             postId,
-//             type,
-//         });
-
-//         if (type === PostRequestTypes.BEFORE_ID) {
-//             this.setState({loadingOlderPosts: false});
-//         } else {
-//             this.setState({loadingNewerPosts: false});
-//         }
-
-//         if (error) {
-//             if (this.autoRetriesCount < MAX_NUMBER_OF_AUTO_RETRIES) {
-//                 this.autoRetriesCount++;
-//                 await this.callLoadPosts(channelId, postId, type);
-//             } else if (this.mounted) {
-//                 this.setState({autoRetryEnable: false});
-//             }
-//         } else {
-//             if (this.mounted) {
-//                 this.setState({autoRetryEnable: true});
-//             }
-
-//             if (!this.state.autoRetryEnable) {
-//                 this.autoRetriesCount = 0;
-//             }
-//         }
-
-//         return {error};
-//     }
-
-//     markChannelAsReadAndViewed = (channelId) => {
-//         // Posts are marked as read from here to not cause a race when loading posts
-//         // marking channel as read and viewed after calling for posts in channel
-//         this.props.actions.markChannelAsViewed(channelId);
-//         this.props.actions.markChannelAsRead(channelId);
-//     }
-
-//     getOldestVisiblePostId = () => {
-//         return getOldestPostId(this.props.postListIds);
-//     }
-
-//     getLatestVisiblePostId = () => {
-//         return getLatestPostId(this.props.postListIds);
-//     }
-
-//     canLoadMorePosts = async (type = PostRequestTypes.BEFORE_ID) => {
-//         if (!this.props.postListIds) {
-//             return;
-//         }
-
-//         if (this.state.loadingOlderPosts || this.state.loadingNewerPosts) {
-//             return;
-//         }
-
-//         if (this.extraPagesLoaded > MAX_EXTRA_PAGES_LOADED) {
-//             // Prevent this from loading a lot of pages in a channel with only hidden messages
-//             // Enable load more messages manual link
-//             if (this.state.autoRetryEnable) {
-//                 this.setState({autoRetryEnable: false});
-//             }
-//             return;
-//         }
-
-//         if (!this.props.atOldestPost && type === PostRequestTypes.BEFORE_ID) {
-//             const oldestPostId = this.getOldestVisiblePostId();
-//             await this.getPostsBefore(oldestPostId);
-//         } else if (!this.props.atLatestPost) {
-//             // if all olderPosts are loaded load new ones
-//             const latestPostId = this.getLatestVisiblePostId();
-//             await this.getPostsAfter(latestPostId);
-//         }
-
-//         this.extraPagesLoaded += 1;
-//     }
-
-//     getPostsBefore = async () => {
-//         if (this.state.loadingOlderPosts) {
-//             return;
-//         }
-//         const oldestPostId = this.getOldestVisiblePostId();
-//         this.setState({loadingOlderPosts: true});
-//         await this.callLoadPosts(this.props.channelId, oldestPostId, PostRequestTypes.BEFORE_ID);
-//     }
-
-//     getPostsAfter = async () => {
-//         if (this.state.loadingNewerPosts) {
-//             return;
-//         }
-//         const latestPostId = this.getLatestVisiblePostId();
-//         this.setState({loadingNewerPosts: true});
-//         await this.callLoadPosts(this.props.channelId, latestPostId, PostRequestTypes.AFTER_ID);
-//     }
-
-//     render() {
-//         if (!this.props.postListIds) {
-//             return (
-//                 <LoadingScreen
-//                     position='absolute'
-//                     key='loading'
-//                 />
-//             );
-//         }
-
-//         return (
-//             <div
-//                 className='post-list-holder-by-time'
-//                 key={'postlist-' + this.props.channelId}
-//             >
-//                 <div className='post-list__table'>
-//                     <div
-//                         id='virtualizedPostListContent'
-//                         className='post-list__content'
-//                     >
-//                         <VirtPostList
-//                             loadingNewerPosts={this.state.loadingNewerPosts}
-//                             loadingOlderPosts={this.state.loadingOlderPosts}
-//                             atOldestPost={this.props.atOldestPost}
-//                             atLatestPost={this.props.atLatestPost}
-//                             focusedPostId={this.props.focusedPostId}
-//                             channelId={this.props.channelId}
-//                             autoRetryEnable={this.state.autoRetryEnable}
-//                             actions={this.actionsForPostList}
-//                             postListIds={this.props.formattedPostIds}
-//                             latestPostTimeStamp={this.props.latestPostTimeStamp}
-//                             latestPostId={this.props.latestPostId}
-//                         />
-//                     </div>
-//                 </div>
-//             </div>
-//         );
-//     }
-// }