box-ui-elements 16.1.0-beta.9 → 17.0.0

package/es/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.js

@@ -27,6 +27,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import * as React from 'react';
 import getProp from 'lodash/get';
 import noop from 'lodash/noop';
+import throttle from 'lodash/throttle';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
 import ActiveState from './ActiveState';
@@ -36,7 +37,7 @@ import InlineError from '../../../../components/inline-error/InlineError';
 import LoadingIndicator from '../../../../components/loading-indicator/LoadingIndicator';
 import messages from './messages';
 import { collapseFeedState, ItemTypes } from './activityFeedUtils';
-import { PERMISSION_CAN_CREATE_ANNOTATIONS } from '../../../../constants';
+import { FEED_ITEM_TYPE_ANNOTATION, FEED_ITEM_TYPE_COMMENT, FEED_ITEM_TYPE_TASK, PERMISSION_CAN_CREATE_ANNOTATIONS } from '../../../../constants';
 import { scrollIntoView } from '../../../../utils/dom';
 import './ActivityFeed.scss';
 
@@ -59,7 +60,9 @@ function (_React$Component) {
     _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ActivityFeed)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "state", {
-      isInputOpen: false
+      isScrolled: false,
+      isInputOpen: false,
+      selectedItemId: null
     });
 
     _defineProperty(_assertThisInitialized(_this), "activeFeedItemRef", React.createRef());
@@ -88,6 +91,20 @@ function (_React$Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "handleFeedScroll", function (event) {
+      var target = event.target;
+
+      if (target instanceof Element) {
+        var scrollTop = target.scrollTop;
+
+        _this.setState({
+          isScrolled: scrollTop > 0
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "throttledFeedScroll", throttle(_this.handleFeedScroll, 100));
+
     _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
       var nativeEvent = event.nativeEvent;
       nativeEvent.stopImmediatePropagation();
@@ -139,6 +156,40 @@ function (_React$Component) {
       versionInfoHandler(data);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "setSelectedItem", function (itemId) {
+      var hasReplies = _this.props.hasReplies;
+
+      if (!hasReplies) {
+        return;
+      }
+
+      _this.setState({
+        selectedItemId: itemId
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "isFeedItemActive", function (_ref4) {
+      var id = _ref4.id,
+          type = _ref4.type;
+      var _this$props2 = _this.props,
+          activeFeedEntryId = _this$props2.activeFeedEntryId,
+          activeFeedEntryType = _this$props2.activeFeedEntryType;
+      var selectedItemId = _this.state.selectedItemId;
+      var isSelected = selectedItemId === id;
+      return selectedItemId ? isSelected : id === activeFeedEntryId && type === activeFeedEntryType;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "isCommentFeedItemActive", function (item) {
+      var activeFeedEntryId = _this.props.activeFeedEntryId;
+      var replies = item.replies;
+
+      var isActive = _this.isFeedItemActive(item);
+
+      return isActive || !!replies && replies.some(function (reply) {
+        return reply.id === activeFeedEntryId;
+      });
+    });
+
     return _this;
   }
 
@@ -153,9 +204,9 @@ function (_React$Component) {
       var prevActiveFeedEntryId = prevProps.activeFeedEntryId,
           prevCurrentUser = prevProps.currentUser,
           prevFeedItems = prevProps.feedItems;
-      var _this$props2 = this.props,
-          currFeedItems = _this$props2.feedItems,
-          activeFeedEntryId = _this$props2.activeFeedEntryId;
+      var _this$props3 = this.props,
+          currFeedItems = _this$props3.feedItems,
+          activeFeedEntryId = _this$props3.activeFeedEntryId;
       var prevIsInputOpen = prevState.isInputOpen;
       var currIsInputOpen = this.state.isInputOpen;
       var hasLoaded = this.hasLoaded(prevCurrentUser, prevFeedItems);
@@ -202,52 +253,66 @@ function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props3 = this.props,
-          activeFeedEntryId = _this$props3.activeFeedEntryId,
-          activeFeedEntryType = _this$props3.activeFeedEntryType,
-          activityFeedError = _this$props3.activityFeedError,
-          approverSelectorContacts = _this$props3.approverSelectorContacts,
-          currentUser = _this$props3.currentUser,
-          feedItems = _this$props3.feedItems,
-          file = _this$props3.file,
-          getApproverWithQuery = _this$props3.getApproverWithQuery,
-          getAvatarUrl = _this$props3.getAvatarUrl,
-          getMentionWithQuery = _this$props3.getMentionWithQuery,
-          getUserProfileUrl = _this$props3.getUserProfileUrl,
-          hasReplies = _this$props3.hasReplies,
-          isDisabled = _this$props3.isDisabled,
-          mentionSelectorContacts = _this$props3.mentionSelectorContacts,
-          contactsLoaded = _this$props3.contactsLoaded,
-          onAnnotationDelete = _this$props3.onAnnotationDelete,
-          onAnnotationEdit = _this$props3.onAnnotationEdit,
-          onAnnotationSelect = _this$props3.onAnnotationSelect,
-          onAnnotationStatusChange = _this$props3.onAnnotationStatusChange,
-          onAppActivityDelete = _this$props3.onAppActivityDelete,
-          onCommentCreate = _this$props3.onCommentCreate,
-          onCommentDelete = _this$props3.onCommentDelete,
-          onCommentUpdate = _this$props3.onCommentUpdate,
-          onHideReplies = _this$props3.onHideReplies,
-          onReplyCreate = _this$props3.onReplyCreate,
-          onReplyDelete = _this$props3.onReplyDelete,
-          onReplyUpdate = _this$props3.onReplyUpdate,
-          onShowReplies = _this$props3.onShowReplies,
-          onTaskAssignmentUpdate = _this$props3.onTaskAssignmentUpdate,
-          onTaskDelete = _this$props3.onTaskDelete,
-          onTaskModalClose = _this$props3.onTaskModalClose,
-          onTaskUpdate = _this$props3.onTaskUpdate,
-          onTaskView = _this$props3.onTaskView,
-          onVersionHistoryClick = _this$props3.onVersionHistoryClick,
-          translations = _this$props3.translations;
-      var isInputOpen = this.state.isInputOpen;
+      var _this$props4 = this.props,
+          activeFeedEntryType = _this$props4.activeFeedEntryType,
+          activityFeedError = _this$props4.activityFeedError,
+          approverSelectorContacts = _this$props4.approverSelectorContacts,
+          currentUser = _this$props4.currentUser,
+          feedItems = _this$props4.feedItems,
+          file = _this$props4.file,
+          getApproverWithQuery = _this$props4.getApproverWithQuery,
+          getAvatarUrl = _this$props4.getAvatarUrl,
+          getMentionWithQuery = _this$props4.getMentionWithQuery,
+          getUserProfileUrl = _this$props4.getUserProfileUrl,
+          hasNewThreadedReplies = _this$props4.hasNewThreadedReplies,
+          hasReplies = _this$props4.hasReplies,
+          hasVersions = _this$props4.hasVersions,
+          isDisabled = _this$props4.isDisabled,
+          mentionSelectorContacts = _this$props4.mentionSelectorContacts,
+          contactsLoaded = _this$props4.contactsLoaded,
+          onAnnotationDelete = _this$props4.onAnnotationDelete,
+          onAnnotationEdit = _this$props4.onAnnotationEdit,
+          onAnnotationSelect = _this$props4.onAnnotationSelect,
+          onAnnotationStatusChange = _this$props4.onAnnotationStatusChange,
+          onAppActivityDelete = _this$props4.onAppActivityDelete,
+          onCommentCreate = _this$props4.onCommentCreate,
+          onCommentDelete = _this$props4.onCommentDelete,
+          onCommentUpdate = _this$props4.onCommentUpdate,
+          onHideReplies = _this$props4.onHideReplies,
+          onReplyCreate = _this$props4.onReplyCreate,
+          onReplyDelete = _this$props4.onReplyDelete,
+          onReplyUpdate = _this$props4.onReplyUpdate,
+          onShowReplies = _this$props4.onShowReplies,
+          onTaskAssignmentUpdate = _this$props4.onTaskAssignmentUpdate,
+          onTaskDelete = _this$props4.onTaskDelete,
+          onTaskModalClose = _this$props4.onTaskModalClose,
+          onTaskUpdate = _this$props4.onTaskUpdate,
+          onTaskView = _this$props4.onTaskView,
+          onVersionHistoryClick = _this$props4.onVersionHistoryClick,
+          translations = _this$props4.translations;
+      var _this$state = this.state,
+          isInputOpen = _this$state.isInputOpen,
+          isScrolled = _this$state.isScrolled;
+      var currentFileVersionId = getProp(file, 'file_version.id');
       var hasAnnotationCreatePermission = getProp(file, ['permissions', PERMISSION_CAN_CREATE_ANNOTATIONS], false);
       var hasCommentPermission = getProp(file, 'permissions.can_comment', false);
       var showCommentForm = !!(currentUser && hasCommentPermission && onCommentCreate && feedItems);
       var isEmpty = this.isEmpty(this.props);
       var isLoading = !this.hasLoaded();
-      var activeEntry = Array.isArray(feedItems) && feedItems.find(function (_ref4) {
-        var id = _ref4.id,
-            type = _ref4.type;
-        return id === activeFeedEntryId && type === activeFeedEntryType;
+      var activeFeedItem = Array.isArray(feedItems) && feedItems.find(function (item) {
+        switch (item.type) {
+          case FEED_ITEM_TYPE_ANNOTATION:
+            return _this2.isCommentFeedItemActive(item);
+
+          case FEED_ITEM_TYPE_COMMENT:
+            return _this2.isCommentFeedItemActive(item);
+
+          case FEED_ITEM_TYPE_TASK:
+            return _this2.isFeedItemActive(item);
+
+          default:
+            return false;
+        }
       });
       var errorMessageByEntryType = {
         annotation: messages.annotationMissingError,
@@ -255,26 +320,27 @@ function (_React$Component) {
         task: messages.taskMissingError
       };
       var inlineFeedItemErrorMessage = activeFeedEntryType ? errorMessageByEntryType[activeFeedEntryType] : undefined;
-      var isInlineFeedItemErrorVisible = !isLoading && activeFeedEntryType && !activeEntry;
-      var currentFileVersionId = getProp(file, 'file_version.id');
-      return (// eslint-disable-next-line
+      var isInlineFeedItemErrorVisible = !isLoading && activeFeedEntryType && !activeFeedItem;
+      return (// eslint-disable-next-line jsx-a11y/no-static-element-interactions
         React.createElement("div", {
-          className: "bcs-activity-feed",
+          className: classNames('bcs-activity-feed', {
+            'bcs-is-scrolled': isScrolled
+          }),
           "data-testid": "activityfeed",
           onKeyDown: this.onKeyDown
         }, React.createElement("div", {
           ref: function ref(_ref5) {
             _this2.feedContainer = _ref5;
           },
-          className: "bcs-activity-feed-items-container"
+          className: "bcs-activity-feed-items-container",
+          onScroll: this.throttledFeedScroll
         }, isLoading && React.createElement("div", {
           className: "bcs-activity-feed-loading-state"
         }, React.createElement(LoadingIndicator, null)), isEmpty && !isLoading && React.createElement(EmptyState, {
           showAnnotationMessage: hasAnnotationCreatePermission,
           showCommentMessage: showCommentForm
         }), !isEmpty && !isLoading && React.createElement(ActiveState, _extends({}, activityFeedError, {
-          activeFeedEntryId: activeFeedEntryId,
-          activeFeedEntryType: activeFeedEntryType,
+          activeFeedItem: activeFeedItem,
           activeFeedItemRef: this.activeFeedItemRef,
           approverSelectorContacts: approverSelectorContacts,
           currentFileVersionId: currentFileVersionId,
@@ -283,7 +349,9 @@ function (_React$Component) {
           getAvatarUrl: getAvatarUrl,
           getMentionWithQuery: getMentionWithQuery,
           getUserProfileUrl: getUserProfileUrl,
+          hasNewThreadedReplies: hasNewThreadedReplies,
           hasReplies: hasReplies,
+          hasVersions: hasVersions,
           isDisabled: isDisabled,
           items: collapseFeedState(feedItems),
           mentionSelectorContacts: mentionSelectorContacts,
@@ -294,6 +362,7 @@ function (_React$Component) {
           onAppActivityDelete: onAppActivityDelete,
           onCommentDelete: hasCommentPermission ? onCommentDelete : noop,
           onCommentEdit: hasCommentPermission ? onCommentUpdate : noop,
+          onCommentSelect: this.setSelectedItem,
           onHideReplies: onHideReplies,
           onReplyCreate: hasCommentPermission ? onReplyCreate : noop,
           onReplyDelete: hasCommentPermission ? onReplyDelete : noop,

package/es/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.js.flow

@@ -6,6 +6,7 @@
 import * as React from 'react';
 import getProp from 'lodash/get';
 import noop from 'lodash/noop';
+import throttle from 'lodash/throttle';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
 import ActiveState from './ActiveState';
@@ -15,7 +16,12 @@ import InlineError from '../../../../components/inline-error/InlineError';
 import LoadingIndicator from '../../../../components/loading-indicator/LoadingIndicator';
 import messages from './messages';
 import { collapseFeedState, ItemTypes } from './activityFeedUtils';
-import { PERMISSION_CAN_CREATE_ANNOTATIONS } from '../../../../constants';
+import {
+    FEED_ITEM_TYPE_ANNOTATION,
+    FEED_ITEM_TYPE_COMMENT,
+    FEED_ITEM_TYPE_TASK,
+    PERMISSION_CAN_CREATE_ANNOTATIONS,
+} from '../../../../constants';
 import { scrollIntoView } from '../../../../utils/dom';
 import type {
     Annotation,
@@ -23,9 +29,10 @@ import type {
     BoxCommentPermission,
     Comment,
     CommentFeedItemType,
-    FocusableFeedItemType,
-    FeedItems,
     FeedItemStatus,
+    FeedItems,
+    FocusableFeedItemType,
+    Task,
 } from '../../../../common/types/feed';
 import type { SelectorItems, User, GroupMini, BoxItem } from '../../../../common/types/core';
 import type { Errors, GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';
@@ -45,7 +52,9 @@ type Props = {
     getAvatarUrl: GetAvatarUrlCallback,
     getMentionWithQuery?: Function,
     getUserProfileUrl?: GetProfileUrlCallback,
+    hasNewThreadedReplies?: boolean,
     hasReplies?: boolean,
+    hasVersions?: boolean,
     isDisabled?: boolean,
     mentionSelectorContacts?: SelectorItems<User>,
     onAnnotationDelete?: ({ id: string, permissions: AnnotationPermission }) => void,
@@ -88,11 +97,15 @@ type Props = {
 
 type State = {
     isInputOpen: boolean,
+    isScrolled: boolean,
+    selectedItemId: string | null,
 };
 
 class ActivityFeed extends React.Component<Props, State> {
     state = {
+        isScrolled: false,
         isInputOpen: false,
+        selectedItemId: null,
     };
 
     activeFeedItemRef = React.createRef<null | HTMLElement>();
@@ -179,6 +192,16 @@ class ActivityFeed extends React.Component<Props, State> {
         }
     };
 
+    handleFeedScroll = (event: UIEvent): void => {
+        const { target } = event;
+        if (target instanceof Element) {
+            const { scrollTop } = target;
+            this.setState({ isScrolled: scrollTop > 0 });
+        }
+    };
+
+    throttledFeedScroll = throttle(this.handleFeedScroll, 100);
+
     onKeyDown = (event: SyntheticKeyboardEvent<>): void => {
         const { nativeEvent } = event;
         nativeEvent.stopImmediatePropagation();
@@ -224,9 +247,33 @@ class ActivityFeed extends React.Component<Props, State> {
         versionInfoHandler(data);
     };
 
+    setSelectedItem = (itemId: string | null) => {
+        const { hasReplies } = this.props;
+        if (!hasReplies) {
+            return;
+        }
+        this.setState({ selectedItemId: itemId });
+    };
+
+    isFeedItemActive = <T, U: { id: string, type: T }>({ id, type }: U): boolean => {
+        const { activeFeedEntryId, activeFeedEntryType } = this.props;
+        const { selectedItemId } = this.state;
+
+        const isSelected = selectedItemId === id;
+
+        return selectedItemId ? isSelected : id === activeFeedEntryId && type === activeFeedEntryType;
+    };
+
+    isCommentFeedItemActive = <T, U: { id: string, replies?: Array<Comment>, type: T }>(item: U): boolean => {
+        const { activeFeedEntryId } = this.props;
+        const { replies } = item;
+
+        const isActive = this.isFeedItemActive<T, U>(item);
+        return isActive || (!!replies && replies.some(reply => reply.id === activeFeedEntryId));
+    };
+
     render(): React.Node {
         const {
-            activeFeedEntryId,
             activeFeedEntryType,
             activityFeedError,
             approverSelectorContacts,
@@ -237,7 +284,9 @@ class ActivityFeed extends React.Component<Props, State> {
             getAvatarUrl,
             getMentionWithQuery,
             getUserProfileUrl,
+            hasNewThreadedReplies,
             hasReplies,
+            hasVersions,
             isDisabled,
             mentionSelectorContacts,
             contactsLoaded,
@@ -262,7 +311,8 @@ class ActivityFeed extends React.Component<Props, State> {
             onVersionHistoryClick,
             translations,
         } = this.props;
-        const { isInputOpen } = this.state;
+        const { isInputOpen, isScrolled } = this.state;
+        const currentFileVersionId = getProp(file, 'file_version.id');
         const hasAnnotationCreatePermission = getProp(file, ['permissions', PERMISSION_CAN_CREATE_ANNOTATIONS], false);
         const hasCommentPermission = getProp(file, 'permissions.can_comment', false);
         const showCommentForm = !!(currentUser && hasCommentPermission && onCommentCreate && feedItems);
@@ -270,9 +320,20 @@ class ActivityFeed extends React.Component<Props, State> {
         const isEmpty = this.isEmpty(this.props);
         const isLoading = !this.hasLoaded();
 
-        const activeEntry =
+        const activeFeedItem =
             Array.isArray(feedItems) &&
-            feedItems.find(({ id, type }) => id === activeFeedEntryId && type === activeFeedEntryType);
+            feedItems.find(item => {
+                switch (item.type) {
+                    case FEED_ITEM_TYPE_ANNOTATION:
+                        return this.isCommentFeedItemActive<typeof FEED_ITEM_TYPE_ANNOTATION, Annotation>(item);
+                    case FEED_ITEM_TYPE_COMMENT:
+                        return this.isCommentFeedItemActive<typeof FEED_ITEM_TYPE_COMMENT, Comment>(item);
+                    case FEED_ITEM_TYPE_TASK:
+                        return this.isFeedItemActive<typeof FEED_ITEM_TYPE_TASK, Task>(item);
+                    default:
+                        return false;
+                }
+            });
 
         const errorMessageByEntryType = {
             annotation: messages.annotationMissingError,
@@ -284,17 +345,21 @@ class ActivityFeed extends React.Component<Props, State> {
             ? errorMessageByEntryType[activeFeedEntryType]
             : undefined;
 
-        const isInlineFeedItemErrorVisible = !isLoading && activeFeedEntryType && !activeEntry;
-        const currentFileVersionId = getProp(file, 'file_version.id');
+        const isInlineFeedItemErrorVisible = !isLoading && activeFeedEntryType && !activeFeedItem;
 
         return (
-            // eslint-disable-next-line
-            <div className="bcs-activity-feed" data-testid="activityfeed" onKeyDown={this.onKeyDown}>
+            // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+            <div
+                className={classNames('bcs-activity-feed', { 'bcs-is-scrolled': isScrolled })}
+                data-testid="activityfeed"
+                onKeyDown={this.onKeyDown}
+            >
                 <div
                     ref={ref => {
                         this.feedContainer = ref;
                     }}
                     className="bcs-activity-feed-items-container"
+                    onScroll={this.throttledFeedScroll}
                 >
                     {isLoading && (
                         <div className="bcs-activity-feed-loading-state">
@@ -311,8 +376,7 @@ class ActivityFeed extends React.Component<Props, State> {
                     {!isEmpty && !isLoading && (
                         <ActiveState
                             {...activityFeedError}
-                            activeFeedEntryId={activeFeedEntryId}
-                            activeFeedEntryType={activeFeedEntryType}
+                            activeFeedItem={activeFeedItem}
                             activeFeedItemRef={this.activeFeedItemRef}
                             approverSelectorContacts={approverSelectorContacts}
                             currentFileVersionId={currentFileVersionId}
@@ -321,7 +385,9 @@ class ActivityFeed extends React.Component<Props, State> {
                             getAvatarUrl={getAvatarUrl}
                             getMentionWithQuery={getMentionWithQuery}
                             getUserProfileUrl={getUserProfileUrl}
+                            hasNewThreadedReplies={hasNewThreadedReplies}
                             hasReplies={hasReplies}
+                            hasVersions={hasVersions}
                             isDisabled={isDisabled}
                             items={collapseFeedState(feedItems)}
                             mentionSelectorContacts={mentionSelectorContacts}
@@ -332,6 +398,7 @@ class ActivityFeed extends React.Component<Props, State> {
                             onAppActivityDelete={onAppActivityDelete}
                             onCommentDelete={hasCommentPermission ? onCommentDelete : noop}
                             onCommentEdit={hasCommentPermission ? onCommentUpdate : noop}
+                            onCommentSelect={this.setSelectedItem}
                             onHideReplies={onHideReplies}
                             onReplyCreate={hasCommentPermission ? onReplyCreate : noop}
                             onReplyDelete={hasCommentPermission ? onReplyDelete : noop}

package/es/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.js"],"names":["React","getProp","noop","FormattedMessage","classNames","ActiveState","CommentForm","EmptyState","InlineError","LoadingIndicator","messages","collapseFeedState","ItemTypes","PERMISSION_CAN_CREATE_ANNOTATIONS","scrollIntoView","ActivityFeed","isInputOpen","createRef","props","feedItems","undefined","length","type","fileVersion","prevCurrentUser","prevFeedItems","currentUser","feedContainer","scrollTop","scrollHeight","event","nativeEvent","stopImmediatePropagation","resetFeedScroll","setState","text","hasMention","onCommentCreate","commentFormSubmitHandler","assignees","dueAt","onTaskCreate","data","versionInfoHandler","onVersionHistoryClick","prevProps","prevState","prevActiveFeedEntryId","activeFeedEntryId","currFeedItems","prevIsInputOpen","currIsInputOpen","state","hasLoaded","hasMoreItems","didLoadFeedItems","hasInputOpened","hasActiveFeedEntryIdChanged","scrollToActiveFeedItemOrErrorMessage","activeFeedItemRef","current","activeFeedEntryType","activityFeedError","approverSelectorContacts","file","getApproverWithQuery","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","hasReplies","isDisabled","mentionSelectorContacts","contactsLoaded","onAnnotationDelete","onAnnotationEdit","onAnnotationSelect","onAnnotationStatusChange","onAppActivityDelete","onCommentDelete","onCommentUpdate","onHideReplies","onReplyCreate","onReplyDelete","onReplyUpdate","onShowReplies","onTaskAssignmentUpdate","onTaskDelete","onTaskModalClose","onTaskUpdate","onTaskView","translations","hasAnnotationCreatePermission","hasCommentPermission","showCommentForm","isEmpty","isLoading","activeEntry","Array","isArray","find","id","errorMessageByEntryType","annotation","annotationMissingError","comment","commentMissingError","task","taskMissingError","inlineFeedItemErrorMessage","isInlineFeedItemErrorVisible","currentFileVersionId","onKeyDown","ref","openVersionHistoryPopup","feedInlineErrorTitle","commentFormCancelHandler","commentFormFocusHandler","Component"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Component for Activity feed\n */\n\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\nimport ActiveState from './ActiveState';\nimport CommentForm from '../comment-form';\nimport EmptyState from './EmptyState';\nimport InlineError from '../../../../components/inline-error/InlineError';\nimport LoadingIndicator from '../../../../components/loading-indicator/LoadingIndicator';\nimport messages from './messages';\nimport { collapseFeedState, ItemTypes } from './activityFeedUtils';\nimport { PERMISSION_CAN_CREATE_ANNOTATIONS } from '../../../../constants';\nimport { scrollIntoView } from '../../../../utils/dom';\nimport type {\n    Annotation,\n    AnnotationPermission,\n    BoxCommentPermission,\n    Comment,\n    CommentFeedItemType,\n    FocusableFeedItemType,\n    FeedItems,\n    FeedItemStatus,\n} from '../../../../common/types/feed';\nimport type { SelectorItems, User, GroupMini, BoxItem } from '../../../../common/types/core';\nimport type { Errors, GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\nimport './ActivityFeed.scss';\n\ntype Props = {\n    activeFeedEntryId?: string,\n    activeFeedEntryType?: FocusableFeedItemType,\n    activityFeedError: ?Errors,\n    approverSelectorContacts?: SelectorItems<User | GroupMini>,\n    contactsLoaded?: boolean,\n    currentUser?: User,\n    feedItems?: FeedItems,\n    file: BoxItem,\n    getApproverWithQuery?: Function,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    hasReplies?: boolean,\n    isDisabled?: boolean,\n    mentionSelectorContacts?: SelectorItems<User>,\n    onAnnotationDelete?: ({ id: string, permissions: AnnotationPermission }) => void,\n    onAnnotationEdit?: (id: string, text: string, permissions: AnnotationPermission) => void,\n    onAnnotationSelect?: (annotation: Annotation) => void,\n    onAnnotationStatusChange?: (id: string, status: FeedItemStatus, permissions: AnnotationPermission) => void,\n    onAppActivityDelete?: Function,\n    onCommentCreate?: Function,\n    onCommentDelete?: Function,\n    onCommentUpdate?: (\n        id: string,\n        text?: string,\n        status?: FeedItemStatus,\n        hasMention: boolean,\n        permissions: BoxCommentPermission,\n        onSuccess: ?Function,\n        onError: ?Function,\n    ) => void,\n    onHideReplies?: (id: string, replies: Array<Comment>) => void,\n    onReplyCreate?: (parentId: string, parentType: CommentFeedItemType, text: string) => void,\n    onReplyDelete?: ({ id: string, parentId: string, permissions: BoxCommentPermission }) => void,\n    onReplyUpdate?: (\n        id: string,\n        parentId: string,\n        text: string,\n        permissions: BoxCommentPermission,\n        onSuccess: ?Function,\n        onError: ?Function,\n    ) => void,\n    onShowReplies?: (id: string, type: CommentFeedItemType) => void,\n    onTaskAssignmentUpdate?: Function,\n    onTaskCreate?: Function,\n    onTaskDelete?: Function,\n    onTaskModalClose?: Function,\n    onTaskUpdate?: Function,\n    onTaskView?: Function,\n    onVersionHistoryClick?: Function,\n    translations?: Translations,\n};\n\ntype State = {\n    isInputOpen: boolean,\n};\n\nclass ActivityFeed extends React.Component<Props, State> {\n    state = {\n        isInputOpen: false,\n    };\n\n    activeFeedItemRef = React.createRef<null | HTMLElement>();\n\n    feedContainer: null | HTMLElement;\n\n    componentDidMount() {\n        this.resetFeedScroll();\n    }\n\n    componentDidUpdate(prevProps: Props, prevState: State) {\n        const {\n            activeFeedEntryId: prevActiveFeedEntryId,\n            currentUser: prevCurrentUser,\n            feedItems: prevFeedItems,\n        } = prevProps;\n        const { feedItems: currFeedItems, activeFeedEntryId } = this.props;\n        const { isInputOpen: prevIsInputOpen } = prevState;\n        const { isInputOpen: currIsInputOpen } = this.state;\n\n        const hasLoaded = this.hasLoaded(prevCurrentUser, prevFeedItems);\n        const hasMoreItems = prevFeedItems && currFeedItems && prevFeedItems.length < currFeedItems.length;\n        const didLoadFeedItems = prevFeedItems === undefined && currFeedItems !== undefined;\n        const hasInputOpened = currIsInputOpen !== prevIsInputOpen;\n        const hasActiveFeedEntryIdChanged = activeFeedEntryId !== prevActiveFeedEntryId;\n\n        if ((hasLoaded || hasMoreItems || didLoadFeedItems || hasInputOpened) && activeFeedEntryId === undefined) {\n            this.resetFeedScroll();\n        }\n\n        if (didLoadFeedItems || hasActiveFeedEntryIdChanged) {\n            this.scrollToActiveFeedItemOrErrorMessage();\n        }\n    }\n\n    scrollToActiveFeedItemOrErrorMessage() {\n        const { current: activeFeedItemRef } = this.activeFeedItemRef;\n        const { activeFeedEntryId } = this.props;\n\n        // if there is no active item, do not scroll\n        if (!activeFeedEntryId) {\n            return;\n        }\n\n        // if there was supposed to be an active feed item but the feed item does not exist\n        // scroll to the bottom to show the inline error message\n        if (activeFeedItemRef === null) {\n            this.resetFeedScroll();\n            return;\n        }\n\n        scrollIntoView(activeFeedItemRef);\n    }\n\n    /**\n     * Detects whether or not the empty state should be shown.\n     * @param {object} currentUser - The user that is logged into the account\n     * @param {object} feedItems - Items in the activity feed\n     */\n    isEmpty = ({ feedItems }: Props = this.props): boolean => {\n        if (feedItems === undefined) {\n            return false;\n        }\n        return feedItems.length === 0 || (feedItems.length === 1 && feedItems[0].type === ItemTypes.fileVersion);\n    };\n\n    /**\n     * Determines whether currentUser and feedItems have loaded.\n     * @param prevCurrentUser - The previous value of the currentUser prop\n     * @param prevFeedItems - The previous value of the feedItems prop\n     * @returns {boolean}\n     */\n    hasLoaded = (prevCurrentUser?: User, prevFeedItems?: FeedItems): boolean => {\n        const { currentUser, feedItems } = this.props;\n        return currentUser !== undefined && feedItems !== undefined && (!prevCurrentUser || !prevFeedItems);\n    };\n\n    /**\n     * Scrolls the container to the bottom\n     */\n    resetFeedScroll = () => {\n        if (this.feedContainer) {\n            this.feedContainer.scrollTop = this.feedContainer.scrollHeight;\n        }\n    };\n\n    onKeyDown = (event: SyntheticKeyboardEvent<>): void => {\n        const { nativeEvent } = event;\n        nativeEvent.stopImmediatePropagation();\n    };\n\n    commentFormFocusHandler = (): void => {\n        this.resetFeedScroll();\n        this.setState({ isInputOpen: true });\n    };\n\n    commentFormCancelHandler = (): void => this.setState({ isInputOpen: false });\n\n    commentFormSubmitHandler = (): void => this.setState({ isInputOpen: false });\n\n    onCommentCreate = ({ text, hasMention }: { hasMention: boolean, text: string }) => {\n        const { onCommentCreate = noop } = this.props;\n        onCommentCreate(text, hasMention);\n        this.commentFormSubmitHandler();\n    };\n\n    /**\n     * Creates a task.\n     *\n     * @param {string} text - Task text\n     * @param {Array} assignees - List of assignees\n     * @param {number} dueAt - Task's due date\n     * @return {void}\n     */\n    onTaskCreate = ({ text, assignees, dueAt }: { assignees: SelectorItems<>, dueAt: string, text: string }): void => {\n        const { onTaskCreate = noop } = this.props;\n        onTaskCreate(text, assignees, dueAt);\n        this.commentFormSubmitHandler();\n    };\n\n    /**\n     * Invokes version history popup handler.\n     *\n     * @param {Object} data - Version history data\n     * @return {void}\n     */\n    openVersionHistoryPopup = (data: any): void => {\n        const versionInfoHandler = this.props.onVersionHistoryClick || noop;\n        versionInfoHandler(data);\n    };\n\n    render(): React.Node {\n        const {\n            activeFeedEntryId,\n            activeFeedEntryType,\n            activityFeedError,\n            approverSelectorContacts,\n            currentUser,\n            feedItems,\n            file,\n            getApproverWithQuery,\n            getAvatarUrl,\n            getMentionWithQuery,\n            getUserProfileUrl,\n            hasReplies,\n            isDisabled,\n            mentionSelectorContacts,\n            contactsLoaded,\n            onAnnotationDelete,\n            onAnnotationEdit,\n            onAnnotationSelect,\n            onAnnotationStatusChange,\n            onAppActivityDelete,\n            onCommentCreate,\n            onCommentDelete,\n            onCommentUpdate,\n            onHideReplies,\n            onReplyCreate,\n            onReplyDelete,\n            onReplyUpdate,\n            onShowReplies,\n            onTaskAssignmentUpdate,\n            onTaskDelete,\n            onTaskModalClose,\n            onTaskUpdate,\n            onTaskView,\n            onVersionHistoryClick,\n            translations,\n        } = this.props;\n        const { isInputOpen } = this.state;\n        const hasAnnotationCreatePermission = getProp(file, ['permissions', PERMISSION_CAN_CREATE_ANNOTATIONS], false);\n        const hasCommentPermission = getProp(file, 'permissions.can_comment', false);\n        const showCommentForm = !!(currentUser && hasCommentPermission && onCommentCreate && feedItems);\n\n        const isEmpty = this.isEmpty(this.props);\n        const isLoading = !this.hasLoaded();\n\n        const activeEntry =\n            Array.isArray(feedItems) &&\n            feedItems.find(({ id, type }) => id === activeFeedEntryId && type === activeFeedEntryType);\n\n        const errorMessageByEntryType = {\n            annotation: messages.annotationMissingError,\n            comment: messages.commentMissingError,\n            task: messages.taskMissingError,\n        };\n\n        const inlineFeedItemErrorMessage = activeFeedEntryType\n            ? errorMessageByEntryType[activeFeedEntryType]\n            : undefined;\n\n        const isInlineFeedItemErrorVisible = !isLoading && activeFeedEntryType && !activeEntry;\n        const currentFileVersionId = getProp(file, 'file_version.id');\n\n        return (\n            // eslint-disable-next-line\n            <div className=\"bcs-activity-feed\" data-testid=\"activityfeed\" onKeyDown={this.onKeyDown}>\n                <div\n                    ref={ref => {\n                        this.feedContainer = ref;\n                    }}\n                    className=\"bcs-activity-feed-items-container\"\n                >\n                    {isLoading && (\n                        <div className=\"bcs-activity-feed-loading-state\">\n                            <LoadingIndicator />\n                        </div>\n                    )}\n\n                    {isEmpty && !isLoading && (\n                        <EmptyState\n                            showAnnotationMessage={hasAnnotationCreatePermission}\n                            showCommentMessage={showCommentForm}\n                        />\n                    )}\n                    {!isEmpty && !isLoading && (\n                        <ActiveState\n                            {...activityFeedError}\n                            activeFeedEntryId={activeFeedEntryId}\n                            activeFeedEntryType={activeFeedEntryType}\n                            activeFeedItemRef={this.activeFeedItemRef}\n                            approverSelectorContacts={approverSelectorContacts}\n                            currentFileVersionId={currentFileVersionId}\n                            currentUser={currentUser}\n                            getApproverWithQuery={getApproverWithQuery}\n                            getAvatarUrl={getAvatarUrl}\n                            getMentionWithQuery={getMentionWithQuery}\n                            getUserProfileUrl={getUserProfileUrl}\n                            hasReplies={hasReplies}\n                            isDisabled={isDisabled}\n                            items={collapseFeedState(feedItems)}\n                            mentionSelectorContacts={mentionSelectorContacts}\n                            onAnnotationDelete={onAnnotationDelete}\n                            onAnnotationEdit={onAnnotationEdit}\n                            onAnnotationSelect={onAnnotationSelect}\n                            onAnnotationStatusChange={onAnnotationStatusChange}\n                            onAppActivityDelete={onAppActivityDelete}\n                            onCommentDelete={hasCommentPermission ? onCommentDelete : noop}\n                            onCommentEdit={hasCommentPermission ? onCommentUpdate : noop}\n                            onHideReplies={onHideReplies}\n                            onReplyCreate={hasCommentPermission ? onReplyCreate : noop}\n                            onReplyDelete={hasCommentPermission ? onReplyDelete : noop}\n                            onReplyUpdate={hasCommentPermission ? onReplyUpdate : noop}\n                            onShowReplies={onShowReplies}\n                            onTaskAssignmentUpdate={onTaskAssignmentUpdate}\n                            onTaskDelete={onTaskDelete}\n                            onTaskEdit={onTaskUpdate}\n                            onTaskModalClose={onTaskModalClose}\n                            onTaskView={onTaskView}\n                            onVersionInfo={onVersionHistoryClick ? this.openVersionHistoryPopup : null}\n                            translations={translations}\n                        />\n                    )}\n                    {isInlineFeedItemErrorVisible && inlineFeedItemErrorMessage && (\n                        <InlineError\n                            title={<FormattedMessage {...messages.feedInlineErrorTitle} />}\n                            className=\"bcs-feedItemInlineError\"\n                        >\n                            <FormattedMessage {...inlineFeedItemErrorMessage} />\n                        </InlineError>\n                    )}\n                </div>\n\n                {showCommentForm ? (\n                    <CommentForm\n                        onSubmit={this.resetFeedScroll}\n                        isDisabled={isDisabled}\n                        mentionSelectorContacts={mentionSelectorContacts}\n                        contactsLoaded={contactsLoaded}\n                        className={classNames('bcs-activity-feed-comment-input', {\n                            'bcs-is-disabled': isDisabled,\n                        })}\n                        createComment={hasCommentPermission ? this.onCommentCreate : noop}\n                        getMentionWithQuery={getMentionWithQuery}\n                        isOpen={isInputOpen}\n                        // $FlowFixMe\n                        user={currentUser}\n                        onCancel={this.commentFormCancelHandler}\n                        onFocus={this.commentFormFocusHandler}\n                        getAvatarUrl={getAvatarUrl}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n}\n\nexport default ActivityFeed;\n"],"file":"ActivityFeed.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.js"],"names":["React","getProp","noop","throttle","FormattedMessage","classNames","ActiveState","CommentForm","EmptyState","InlineError","LoadingIndicator","messages","collapseFeedState","ItemTypes","FEED_ITEM_TYPE_ANNOTATION","FEED_ITEM_TYPE_COMMENT","FEED_ITEM_TYPE_TASK","PERMISSION_CAN_CREATE_ANNOTATIONS","scrollIntoView","ActivityFeed","isScrolled","isInputOpen","selectedItemId","createRef","props","feedItems","undefined","length","type","fileVersion","prevCurrentUser","prevFeedItems","currentUser","feedContainer","scrollTop","scrollHeight","event","target","Element","setState","handleFeedScroll","nativeEvent","stopImmediatePropagation","resetFeedScroll","text","hasMention","onCommentCreate","commentFormSubmitHandler","assignees","dueAt","onTaskCreate","data","versionInfoHandler","onVersionHistoryClick","itemId","hasReplies","id","activeFeedEntryId","activeFeedEntryType","state","isSelected","item","replies","isActive","isFeedItemActive","some","reply","prevProps","prevState","prevActiveFeedEntryId","currFeedItems","prevIsInputOpen","currIsInputOpen","hasLoaded","hasMoreItems","didLoadFeedItems","hasInputOpened","hasActiveFeedEntryIdChanged","scrollToActiveFeedItemOrErrorMessage","activeFeedItemRef","current","activityFeedError","approverSelectorContacts","file","getApproverWithQuery","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","hasNewThreadedReplies","hasVersions","isDisabled","mentionSelectorContacts","contactsLoaded","onAnnotationDelete","onAnnotationEdit","onAnnotationSelect","onAnnotationStatusChange","onAppActivityDelete","onCommentDelete","onCommentUpdate","onHideReplies","onReplyCreate","onReplyDelete","onReplyUpdate","onShowReplies","onTaskAssignmentUpdate","onTaskDelete","onTaskModalClose","onTaskUpdate","onTaskView","translations","currentFileVersionId","hasAnnotationCreatePermission","hasCommentPermission","showCommentForm","isEmpty","isLoading","activeFeedItem","Array","isArray","find","isCommentFeedItemActive","errorMessageByEntryType","annotation","annotationMissingError","comment","commentMissingError","task","taskMissingError","inlineFeedItemErrorMessage","isInlineFeedItemErrorVisible","onKeyDown","ref","throttledFeedScroll","setSelectedItem","openVersionHistoryPopup","feedInlineErrorTitle","commentFormCancelHandler","commentFormFocusHandler","Component"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Component for Activity feed\n */\n\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport throttle from 'lodash/throttle';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\nimport ActiveState from './ActiveState';\nimport CommentForm from '../comment-form';\nimport EmptyState from './EmptyState';\nimport InlineError from '../../../../components/inline-error/InlineError';\nimport LoadingIndicator from '../../../../components/loading-indicator/LoadingIndicator';\nimport messages from './messages';\nimport { collapseFeedState, ItemTypes } from './activityFeedUtils';\nimport {\n    FEED_ITEM_TYPE_ANNOTATION,\n    FEED_ITEM_TYPE_COMMENT,\n    FEED_ITEM_TYPE_TASK,\n    PERMISSION_CAN_CREATE_ANNOTATIONS,\n} from '../../../../constants';\nimport { scrollIntoView } from '../../../../utils/dom';\nimport type {\n    Annotation,\n    AnnotationPermission,\n    BoxCommentPermission,\n    Comment,\n    CommentFeedItemType,\n    FeedItemStatus,\n    FeedItems,\n    FocusableFeedItemType,\n    Task,\n} from '../../../../common/types/feed';\nimport type { SelectorItems, User, GroupMini, BoxItem } from '../../../../common/types/core';\nimport type { Errors, GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\nimport './ActivityFeed.scss';\n\ntype Props = {\n    activeFeedEntryId?: string,\n    activeFeedEntryType?: FocusableFeedItemType,\n    activityFeedError: ?Errors,\n    approverSelectorContacts?: SelectorItems<User | GroupMini>,\n    contactsLoaded?: boolean,\n    currentUser?: User,\n    feedItems?: FeedItems,\n    file: BoxItem,\n    getApproverWithQuery?: Function,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    hasNewThreadedReplies?: boolean,\n    hasReplies?: boolean,\n    hasVersions?: boolean,\n    isDisabled?: boolean,\n    mentionSelectorContacts?: SelectorItems<User>,\n    onAnnotationDelete?: ({ id: string, permissions: AnnotationPermission }) => void,\n    onAnnotationEdit?: (id: string, text: string, permissions: AnnotationPermission) => void,\n    onAnnotationSelect?: (annotation: Annotation) => void,\n    onAnnotationStatusChange?: (id: string, status: FeedItemStatus, permissions: AnnotationPermission) => void,\n    onAppActivityDelete?: Function,\n    onCommentCreate?: Function,\n    onCommentDelete?: Function,\n    onCommentUpdate?: (\n        id: string,\n        text?: string,\n        status?: FeedItemStatus,\n        hasMention: boolean,\n        permissions: BoxCommentPermission,\n        onSuccess: ?Function,\n        onError: ?Function,\n    ) => void,\n    onHideReplies?: (id: string, replies: Array<Comment>) => void,\n    onReplyCreate?: (parentId: string, parentType: CommentFeedItemType, text: string) => void,\n    onReplyDelete?: ({ id: string, parentId: string, permissions: BoxCommentPermission }) => void,\n    onReplyUpdate?: (\n        id: string,\n        parentId: string,\n        text: string,\n        permissions: BoxCommentPermission,\n        onSuccess: ?Function,\n        onError: ?Function,\n    ) => void,\n    onShowReplies?: (id: string, type: CommentFeedItemType) => void,\n    onTaskAssignmentUpdate?: Function,\n    onTaskCreate?: Function,\n    onTaskDelete?: Function,\n    onTaskModalClose?: Function,\n    onTaskUpdate?: Function,\n    onTaskView?: Function,\n    onVersionHistoryClick?: Function,\n    translations?: Translations,\n};\n\ntype State = {\n    isInputOpen: boolean,\n    isScrolled: boolean,\n    selectedItemId: string | null,\n};\n\nclass ActivityFeed extends React.Component<Props, State> {\n    state = {\n        isScrolled: false,\n        isInputOpen: false,\n        selectedItemId: null,\n    };\n\n    activeFeedItemRef = React.createRef<null | HTMLElement>();\n\n    feedContainer: null | HTMLElement;\n\n    componentDidMount() {\n        this.resetFeedScroll();\n    }\n\n    componentDidUpdate(prevProps: Props, prevState: State) {\n        const {\n            activeFeedEntryId: prevActiveFeedEntryId,\n            currentUser: prevCurrentUser,\n            feedItems: prevFeedItems,\n        } = prevProps;\n        const { feedItems: currFeedItems, activeFeedEntryId } = this.props;\n        const { isInputOpen: prevIsInputOpen } = prevState;\n        const { isInputOpen: currIsInputOpen } = this.state;\n\n        const hasLoaded = this.hasLoaded(prevCurrentUser, prevFeedItems);\n        const hasMoreItems = prevFeedItems && currFeedItems && prevFeedItems.length < currFeedItems.length;\n        const didLoadFeedItems = prevFeedItems === undefined && currFeedItems !== undefined;\n        const hasInputOpened = currIsInputOpen !== prevIsInputOpen;\n        const hasActiveFeedEntryIdChanged = activeFeedEntryId !== prevActiveFeedEntryId;\n\n        if ((hasLoaded || hasMoreItems || didLoadFeedItems || hasInputOpened) && activeFeedEntryId === undefined) {\n            this.resetFeedScroll();\n        }\n\n        if (didLoadFeedItems || hasActiveFeedEntryIdChanged) {\n            this.scrollToActiveFeedItemOrErrorMessage();\n        }\n    }\n\n    scrollToActiveFeedItemOrErrorMessage() {\n        const { current: activeFeedItemRef } = this.activeFeedItemRef;\n        const { activeFeedEntryId } = this.props;\n\n        // if there is no active item, do not scroll\n        if (!activeFeedEntryId) {\n            return;\n        }\n\n        // if there was supposed to be an active feed item but the feed item does not exist\n        // scroll to the bottom to show the inline error message\n        if (activeFeedItemRef === null) {\n            this.resetFeedScroll();\n            return;\n        }\n\n        scrollIntoView(activeFeedItemRef);\n    }\n\n    /**\n     * Detects whether or not the empty state should be shown.\n     * @param {object} currentUser - The user that is logged into the account\n     * @param {object} feedItems - Items in the activity feed\n     */\n    isEmpty = ({ feedItems }: Props = this.props): boolean => {\n        if (feedItems === undefined) {\n            return false;\n        }\n        return feedItems.length === 0 || (feedItems.length === 1 && feedItems[0].type === ItemTypes.fileVersion);\n    };\n\n    /**\n     * Determines whether currentUser and feedItems have loaded.\n     * @param prevCurrentUser - The previous value of the currentUser prop\n     * @param prevFeedItems - The previous value of the feedItems prop\n     * @returns {boolean}\n     */\n    hasLoaded = (prevCurrentUser?: User, prevFeedItems?: FeedItems): boolean => {\n        const { currentUser, feedItems } = this.props;\n        return currentUser !== undefined && feedItems !== undefined && (!prevCurrentUser || !prevFeedItems);\n    };\n\n    /**\n     * Scrolls the container to the bottom\n     */\n    resetFeedScroll = () => {\n        if (this.feedContainer) {\n            this.feedContainer.scrollTop = this.feedContainer.scrollHeight;\n        }\n    };\n\n    handleFeedScroll = (event: UIEvent): void => {\n        const { target } = event;\n        if (target instanceof Element) {\n            const { scrollTop } = target;\n            this.setState({ isScrolled: scrollTop > 0 });\n        }\n    };\n\n    throttledFeedScroll = throttle(this.handleFeedScroll, 100);\n\n    onKeyDown = (event: SyntheticKeyboardEvent<>): void => {\n        const { nativeEvent } = event;\n        nativeEvent.stopImmediatePropagation();\n    };\n\n    commentFormFocusHandler = (): void => {\n        this.resetFeedScroll();\n        this.setState({ isInputOpen: true });\n    };\n\n    commentFormCancelHandler = (): void => this.setState({ isInputOpen: false });\n\n    commentFormSubmitHandler = (): void => this.setState({ isInputOpen: false });\n\n    onCommentCreate = ({ text, hasMention }: { hasMention: boolean, text: string }) => {\n        const { onCommentCreate = noop } = this.props;\n        onCommentCreate(text, hasMention);\n        this.commentFormSubmitHandler();\n    };\n\n    /**\n     * Creates a task.\n     *\n     * @param {string} text - Task text\n     * @param {Array} assignees - List of assignees\n     * @param {number} dueAt - Task's due date\n     * @return {void}\n     */\n    onTaskCreate = ({ text, assignees, dueAt }: { assignees: SelectorItems<>, dueAt: string, text: string }): void => {\n        const { onTaskCreate = noop } = this.props;\n        onTaskCreate(text, assignees, dueAt);\n        this.commentFormSubmitHandler();\n    };\n\n    /**\n     * Invokes version history popup handler.\n     *\n     * @param {Object} data - Version history data\n     * @return {void}\n     */\n    openVersionHistoryPopup = (data: any): void => {\n        const versionInfoHandler = this.props.onVersionHistoryClick || noop;\n        versionInfoHandler(data);\n    };\n\n    setSelectedItem = (itemId: string | null) => {\n        const { hasReplies } = this.props;\n        if (!hasReplies) {\n            return;\n        }\n        this.setState({ selectedItemId: itemId });\n    };\n\n    isFeedItemActive = <T, U: { id: string, type: T }>({ id, type }: U): boolean => {\n        const { activeFeedEntryId, activeFeedEntryType } = this.props;\n        const { selectedItemId } = this.state;\n\n        const isSelected = selectedItemId === id;\n\n        return selectedItemId ? isSelected : id === activeFeedEntryId && type === activeFeedEntryType;\n    };\n\n    isCommentFeedItemActive = <T, U: { id: string, replies?: Array<Comment>, type: T }>(item: U): boolean => {\n        const { activeFeedEntryId } = this.props;\n        const { replies } = item;\n\n        const isActive = this.isFeedItemActive<T, U>(item);\n        return isActive || (!!replies && replies.some(reply => reply.id === activeFeedEntryId));\n    };\n\n    render(): React.Node {\n        const {\n            activeFeedEntryType,\n            activityFeedError,\n            approverSelectorContacts,\n            currentUser,\n            feedItems,\n            file,\n            getApproverWithQuery,\n            getAvatarUrl,\n            getMentionWithQuery,\n            getUserProfileUrl,\n            hasNewThreadedReplies,\n            hasReplies,\n            hasVersions,\n            isDisabled,\n            mentionSelectorContacts,\n            contactsLoaded,\n            onAnnotationDelete,\n            onAnnotationEdit,\n            onAnnotationSelect,\n            onAnnotationStatusChange,\n            onAppActivityDelete,\n            onCommentCreate,\n            onCommentDelete,\n            onCommentUpdate,\n            onHideReplies,\n            onReplyCreate,\n            onReplyDelete,\n            onReplyUpdate,\n            onShowReplies,\n            onTaskAssignmentUpdate,\n            onTaskDelete,\n            onTaskModalClose,\n            onTaskUpdate,\n            onTaskView,\n            onVersionHistoryClick,\n            translations,\n        } = this.props;\n        const { isInputOpen, isScrolled } = this.state;\n        const currentFileVersionId = getProp(file, 'file_version.id');\n        const hasAnnotationCreatePermission = getProp(file, ['permissions', PERMISSION_CAN_CREATE_ANNOTATIONS], false);\n        const hasCommentPermission = getProp(file, 'permissions.can_comment', false);\n        const showCommentForm = !!(currentUser && hasCommentPermission && onCommentCreate && feedItems);\n\n        const isEmpty = this.isEmpty(this.props);\n        const isLoading = !this.hasLoaded();\n\n        const activeFeedItem =\n            Array.isArray(feedItems) &&\n            feedItems.find(item => {\n                switch (item.type) {\n                    case FEED_ITEM_TYPE_ANNOTATION:\n                        return this.isCommentFeedItemActive<typeof FEED_ITEM_TYPE_ANNOTATION, Annotation>(item);\n                    case FEED_ITEM_TYPE_COMMENT:\n                        return this.isCommentFeedItemActive<typeof FEED_ITEM_TYPE_COMMENT, Comment>(item);\n                    case FEED_ITEM_TYPE_TASK:\n                        return this.isFeedItemActive<typeof FEED_ITEM_TYPE_TASK, Task>(item);\n                    default:\n                        return false;\n                }\n            });\n\n        const errorMessageByEntryType = {\n            annotation: messages.annotationMissingError,\n            comment: messages.commentMissingError,\n            task: messages.taskMissingError,\n        };\n\n        const inlineFeedItemErrorMessage = activeFeedEntryType\n            ? errorMessageByEntryType[activeFeedEntryType]\n            : undefined;\n\n        const isInlineFeedItemErrorVisible = !isLoading && activeFeedEntryType && !activeFeedItem;\n\n        return (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n            <div\n                className={classNames('bcs-activity-feed', { 'bcs-is-scrolled': isScrolled })}\n                data-testid=\"activityfeed\"\n                onKeyDown={this.onKeyDown}\n            >\n                <div\n                    ref={ref => {\n                        this.feedContainer = ref;\n                    }}\n                    className=\"bcs-activity-feed-items-container\"\n                    onScroll={this.throttledFeedScroll}\n                >\n                    {isLoading && (\n                        <div className=\"bcs-activity-feed-loading-state\">\n                            <LoadingIndicator />\n                        </div>\n                    )}\n\n                    {isEmpty && !isLoading && (\n                        <EmptyState\n                            showAnnotationMessage={hasAnnotationCreatePermission}\n                            showCommentMessage={showCommentForm}\n                        />\n                    )}\n                    {!isEmpty && !isLoading && (\n                        <ActiveState\n                            {...activityFeedError}\n                            activeFeedItem={activeFeedItem}\n                            activeFeedItemRef={this.activeFeedItemRef}\n                            approverSelectorContacts={approverSelectorContacts}\n                            currentFileVersionId={currentFileVersionId}\n                            currentUser={currentUser}\n                            getApproverWithQuery={getApproverWithQuery}\n                            getAvatarUrl={getAvatarUrl}\n                            getMentionWithQuery={getMentionWithQuery}\n                            getUserProfileUrl={getUserProfileUrl}\n                            hasNewThreadedReplies={hasNewThreadedReplies}\n                            hasReplies={hasReplies}\n                            hasVersions={hasVersions}\n                            isDisabled={isDisabled}\n                            items={collapseFeedState(feedItems)}\n                            mentionSelectorContacts={mentionSelectorContacts}\n                            onAnnotationDelete={onAnnotationDelete}\n                            onAnnotationEdit={onAnnotationEdit}\n                            onAnnotationSelect={onAnnotationSelect}\n                            onAnnotationStatusChange={onAnnotationStatusChange}\n                            onAppActivityDelete={onAppActivityDelete}\n                            onCommentDelete={hasCommentPermission ? onCommentDelete : noop}\n                            onCommentEdit={hasCommentPermission ? onCommentUpdate : noop}\n                            onCommentSelect={this.setSelectedItem}\n                            onHideReplies={onHideReplies}\n                            onReplyCreate={hasCommentPermission ? onReplyCreate : noop}\n                            onReplyDelete={hasCommentPermission ? onReplyDelete : noop}\n                            onReplyUpdate={hasCommentPermission ? onReplyUpdate : noop}\n                            onShowReplies={onShowReplies}\n                            onTaskAssignmentUpdate={onTaskAssignmentUpdate}\n                            onTaskDelete={onTaskDelete}\n                            onTaskEdit={onTaskUpdate}\n                            onTaskModalClose={onTaskModalClose}\n                            onTaskView={onTaskView}\n                            onVersionInfo={onVersionHistoryClick ? this.openVersionHistoryPopup : null}\n                            translations={translations}\n                        />\n                    )}\n                    {isInlineFeedItemErrorVisible && inlineFeedItemErrorMessage && (\n                        <InlineError\n                            title={<FormattedMessage {...messages.feedInlineErrorTitle} />}\n                            className=\"bcs-feedItemInlineError\"\n                        >\n                            <FormattedMessage {...inlineFeedItemErrorMessage} />\n                        </InlineError>\n                    )}\n                </div>\n\n                {showCommentForm ? (\n                    <CommentForm\n                        onSubmit={this.resetFeedScroll}\n                        isDisabled={isDisabled}\n                        mentionSelectorContacts={mentionSelectorContacts}\n                        contactsLoaded={contactsLoaded}\n                        className={classNames('bcs-activity-feed-comment-input', {\n                            'bcs-is-disabled': isDisabled,\n                        })}\n                        createComment={hasCommentPermission ? this.onCommentCreate : noop}\n                        getMentionWithQuery={getMentionWithQuery}\n                        isOpen={isInputOpen}\n                        // $FlowFixMe\n                        user={currentUser}\n                        onCancel={this.commentFormCancelHandler}\n                        onFocus={this.commentFormFocusHandler}\n                        getAvatarUrl={getAvatarUrl}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n}\n\nexport default ActivityFeed;\n"],"file":"ActivityFeed.js"}

package/es/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.scss

@@ -28,6 +28,17 @@
         line-height: 20px;
     }
 
+    &.bcs-is-scrolled::before {
+        position: absolute;
+        // position it behind bcs-content-header
+        top: -$sidebarHeaderHeight;
+        right: $sidebarActivityFeedSpacingHorizontal;
+        left: $sidebarActivityFeedSpacingHorizontal;
+        height: $sidebarHeaderHeight;
+        box-shadow: 0 $bdl-grid-unit $bdl-grid-unit * 3 $bdl-gray-10;
+        content: ' ';
+    }
+
     .bcs-activity-feed-items-container {
         $container-padding: 25px;
         $container-transition-delay: 25ms;