box-ui-elements 16.0.0 → 16.0.1-beta.1

package/es/elements/content-sidebar/withSidebarAnnotations.js

@@ -281,9 +281,7 @@ export default function withSidebarAnnotations(WrappedComponent) {
             return;
           }
 
-          feedAPI.updateFeedItem({
-            total_reply_count: annotationItem.total_reply_count + 1
-          }, annotationId);
+          feedAPI.modifyFeedItemRepliesCountBy(annotationId, 1);
           feedAPI.updateReplyItem(_objectSpread({}, annotationReply, {
             isPending: false
           }), annotationId, requestId);
@@ -342,7 +340,7 @@ export default function withSidebarAnnotations(WrappedComponent) {
 
           if (!annotationItem) {
             return;
-          } // Check if the parent annotation has the reply currently visible
+          } // Check if the parent annotation has the reply currently visible and if so, remove it
 
 
           var replyItem = annotationItem.replies.find(function (_ref7) {
@@ -352,12 +350,10 @@ export default function withSidebarAnnotations(WrappedComponent) {
 
           if (replyItem) {
             feedAPI.deleteReplyItem(replyId, annotationId);
-          } else if (annotationItem.total_reply_count > 0) {
-            // Decrease the amount of replies by 1
-            feedAPI.updateFeedItem({
-              total_reply_count: annotationItem.total_reply_count - 1
-            }, annotationId);
-          }
+          } // Decrease the amount of replies by 1
+
+
+          feedAPI.modifyFeedItemRepliesCountBy(annotationId, -1);
         }
 
         this.refreshActivitySidebar();

package/es/elements/content-sidebar/withSidebarAnnotations.js.flow

@@ -173,7 +173,7 @@ export default function withSidebarAnnotations(
                     return;
                 }
 
-                feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count + 1 }, annotationId);
+                feedAPI.modifyFeedItemRepliesCountBy(annotationId, 1);
                 feedAPI.updateReplyItem({ ...annotationReply, isPending: false }, annotationId, requestId);
             }
 
@@ -223,14 +223,14 @@ export default function withSidebarAnnotations(
                     return;
                 }
 
-                // Check if the parent annotation has the reply currently visible
+                // Check if the parent annotation has the reply currently visible and if so, remove it
                 const replyItem = annotationItem.replies.find(({ id }) => id === replyId);
                 if (replyItem) {
                     feedAPI.deleteReplyItem(replyId, annotationId);
-                } else if (annotationItem.total_reply_count > 0) {
-                    // Decrease the amount of replies by 1
-                    feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count - 1 }, annotationId);
                 }
+
+                // Decrease the amount of replies by 1
+                feedAPI.modifyFeedItemRepliesCountBy(annotationId, -1);
             }
 
             this.refreshActivitySidebar();

package/es/elements/content-sidebar/withSidebarAnnotations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/content-sidebar/withSidebarAnnotations.js"],"names":["React","getProp","noop","matchPath","FEED_ITEM_TYPE_VERSION","getBadUserError","withSidebarAnnotations","WrappedComponent","WithSidebarAnnotations","props","createRef","file","getAnnotationsPath","getAnnotationsMatchPath","history","location","match","annotationId","currentFileVersionId","fileVersionId","replace","annotatorState","activeAnnotationFileVersionId","activeAnnotationId","defaultFileVersionId","newLocationState","open","state","push","pathname","api","fileId","onVersionChange","feedAPI","getFeedAPI","getCachedItems","items","feedItems","version","filter","item","type","find","id","currentVersionId","updateVersionToCurrent","isOpen","isActivity","current","sidebarPanels","refresh","redirectDeeplinkedAnnotation","prevProps","prevAnnotatorState","prevFileId","prevLocation","action","annotation","prevActiveAnnotationId","prevAnnotation","prevMatch","hasActiveAnnotationChanged","isAnnotationsPath","isTransitioningToAnnotationPath","prevFileVersionId","addAnnotationReply","deleteAnnotationReply","updateAnnotationReply","updateAnnotation","deleteAnnotation","addAnnotation","updateActiveAnnotation","updateActiveVersion","meta","requestId","currentUser","isPending","hasItems","refreshActivitySidebar","annotationReply","addPendingReply","annotationItem","updateFeedItem","total_reply_count","updateReplyItem","deleteFeedItem","replyId","replyItem","replies","deleteReplyItem","Component","displayName","name"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport { matchPath, type ContextRouter } from 'react-router-dom';\nimport { FEED_ITEM_TYPE_VERSION } from '../../constants';\nimport { getBadUserError } from '../../utils/error';\nimport type { WithAnnotatorContextProps } from '../common/annotator-context';\nimport type { BoxItem, User } from '../../common/types/core';\n\ntype Props = {\n    ...ContextRouter,\n    currentUser?: User,\n    file: BoxItem,\n    fileId: string,\n    isOpen: boolean,\n    onVersionChange: Function,\n} & WithAnnotatorContextProps;\n\ntype SidebarPanelsRefType = {\n    refresh: (shouldRefreshCache?: boolean) => void,\n};\n\nexport default function withSidebarAnnotations(\n    WrappedComponent: React.ComponentType<Props>,\n): React.ComponentType<Props> {\n    class WithSidebarAnnotations extends React.Component<Props> {\n        static defaultProps = {\n            annotatorState: {},\n            getAnnotationsMatchPath: noop,\n            getAnnotationsPath: noop,\n            onVersionChange: noop,\n        };\n\n        static displayName: ?string;\n\n        props: Props;\n\n        sidebarPanels: { current: SidebarPanelsRefType | null } = React.createRef();\n\n        constructor(props) {\n            super(props);\n\n            this.redirectDeeplinkedAnnotation();\n        }\n\n        redirectDeeplinkedAnnotation = () => {\n            const { file, getAnnotationsPath, getAnnotationsMatchPath, history, location } = this.props;\n            const match = getAnnotationsMatchPath(location);\n            const annotationId = getProp(match, 'params.annotationId');\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n\n            if (fileVersionId && fileVersionId !== currentFileVersionId) {\n                history.replace(getAnnotationsPath(currentFileVersionId, annotationId));\n            }\n        };\n\n        componentDidUpdate(prevProps: Props) {\n            const { annotatorState, fileId, getAnnotationsMatchPath, location, onVersionChange }: Props = this.props;\n            const { annotatorState: prevAnnotatorState, fileId: prevFileId, location: prevLocation }: Props = prevProps;\n            const { action, activeAnnotationId, annotation } = annotatorState;\n            const { activeAnnotationId: prevActiveAnnotationId, annotation: prevAnnotation } = prevAnnotatorState;\n\n            const match = getAnnotationsMatchPath(location);\n            const prevMatch = getAnnotationsMatchPath(prevLocation);\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n            const hasActiveAnnotationChanged = prevActiveAnnotationId !== activeAnnotationId;\n            const isAnnotationsPath = !!match;\n            const isTransitioningToAnnotationPath = activeAnnotationId && !isAnnotationsPath;\n            const prevFileVersionId = getProp(prevMatch, 'params.fileVersionId');\n\n            if (action === 'reply_create_start' || action === 'reply_create_end') {\n                this.addAnnotationReply();\n            }\n\n            if (action === 'reply_delete_start' || action === 'reply_delete_end') {\n                this.deleteAnnotationReply();\n            }\n\n            if (action === 'reply_update_start' || action === 'reply_update_end') {\n                this.updateAnnotationReply();\n            }\n\n            if (action === 'update_start' || action === 'update_end') {\n                this.updateAnnotation();\n            }\n\n            if (action === 'delete_start' || action === 'delete_end') {\n                this.deleteAnnotation();\n            }\n\n            if ((action === 'create_start' || action === 'create_end') && annotation && prevAnnotation !== annotation) {\n                this.addAnnotation();\n            }\n\n            // Active annotation id changed. If location is currently an annotation path or\n            // if location is not currently an annotation path but the active annotation id\n            // transitioned from falsy to truthy, update the location accordingly\n            if (hasActiveAnnotationChanged && (isAnnotationsPath || isTransitioningToAnnotationPath)) {\n                this.updateActiveAnnotation();\n            }\n\n            if (fileVersionId && prevFileVersionId !== fileVersionId) {\n                this.updateActiveVersion();\n            }\n\n            if (prevFileId !== fileId) {\n                // If the file id has changed, reset the current version id since the previous (possibly versioned)\n                // location is no longer active\n                onVersionChange(null);\n            }\n        }\n\n        addAnnotation() {\n            const {\n                annotatorState: { action, annotation, meta: { requestId } = {} },\n                api,\n                currentUser,\n                file,\n                fileId,\n            } = this.props;\n\n            if (!requestId) {\n                return;\n            }\n\n            // TODO: need to address in follow on -- currentUser may be undefined here but is never fetched for sure until ActivitySidebar\n            if (!currentUser) {\n                throw getBadUserError();\n            }\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'create_start';\n            const { items: hasItems } = feedAPI.getCachedItems(fileId) || {};\n\n            // If there are existing items in the cache for this file, then patch the cache with the new annotation\n            // If there are no cache entry for feeditems, then it is assumed that it has not yet been fetched.\n            if (hasItems) {\n                feedAPI.addAnnotation(file, currentUser, annotation, requestId, isPending);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        addAnnotationReply() {\n            const {\n                annotatorState: {\n                    action,\n                    annotation: { id: annotationId },\n                    annotationReply,\n                    meta: { requestId },\n                },\n                api,\n                currentUser,\n                file,\n            } = this.props;\n\n            if (!currentUser) {\n                throw getBadUserError();\n            }\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'reply_create_start') {\n                feedAPI.addPendingReply(annotationId, currentUser, { ...annotationReply, id: requestId });\n            } else {\n                const { items: feedItems = [] } = feedAPI.getCachedItems(file.id) || {};\n                const annotationItem = feedItems.find(({ id }) => id === annotationId);\n\n                if (!annotationItem) {\n                    return;\n                }\n\n                feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count + 1 }, annotationId);\n                feedAPI.updateReplyItem({ ...annotationReply, isPending: false }, annotationId, requestId);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        deleteAnnotation() {\n            const {\n                annotatorState: { action, annotation },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'delete_start') {\n                feedAPI.updateFeedItem({ isPending: true }, annotation.id);\n            } else {\n                feedAPI.deleteFeedItem(annotation.id);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        deleteAnnotationReply() {\n            const {\n                annotatorState: {\n                    action,\n                    annotation: { id: annotationId },\n                    annotationReply: { id: replyId },\n                },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'reply_delete_start') {\n                feedAPI.updateReplyItem({ isPending: true }, annotationId, replyId);\n            } else {\n                const { items: feedItems = [] } = feedAPI.getCachedItems(file.id) || {};\n                const annotationItem = feedItems.find(({ id }) => id === annotationId);\n\n                if (!annotationItem) {\n                    return;\n                }\n\n                // Check if the parent annotation has the reply currently visible\n                const replyItem = annotationItem.replies.find(({ id }) => id === replyId);\n                if (replyItem) {\n                    feedAPI.deleteReplyItem(replyId, annotationId);\n                } else if (annotationItem.total_reply_count > 0) {\n                    // Decrease the amount of replies by 1\n                    feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count - 1 }, annotationId);\n                }\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        updateAnnotation() {\n            const {\n                annotatorState: { action, annotation },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'update_start';\n            feedAPI.file = file;\n\n            feedAPI.updateFeedItem({ ...annotation, isPending }, annotation.id);\n\n            this.refreshActivitySidebar();\n        }\n\n        updateAnnotationReply() {\n            const {\n                annotatorState: { action, annotation, annotationReply },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'reply_update_start';\n            feedAPI.file = file;\n\n            feedAPI.updateReplyItem({ ...annotationReply, isPending }, annotation.id, annotationReply.id);\n\n            this.refreshActivitySidebar();\n        }\n\n        updateActiveAnnotation = () => {\n            const {\n                annotatorState: { activeAnnotationFileVersionId, activeAnnotationId },\n                file,\n                getAnnotationsMatchPath,\n                getAnnotationsPath,\n                history,\n                location,\n            } = this.props;\n            const match = getAnnotationsMatchPath(location);\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const defaultFileVersionId = activeAnnotationFileVersionId || currentFileVersionId;\n            const fileVersionId = getProp(match, 'params.fileVersionId', defaultFileVersionId);\n            const newLocationState = activeAnnotationId ? { open: true } : location.state;\n\n            // Update the location pathname and open state if transitioning to an active annotation id, force the sidebar open\n            history.push({\n                pathname: getAnnotationsPath(fileVersionId, activeAnnotationId),\n                state: newLocationState,\n            });\n        };\n\n        updateActiveVersion = () => {\n            const {\n                api,\n                file,\n                fileId,\n                getAnnotationsMatchPath,\n                getAnnotationsPath,\n                history,\n                location,\n                onVersionChange,\n            } = this.props;\n            const feedAPI = api.getFeedAPI(false);\n            const match = getAnnotationsMatchPath(location);\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n            const { items: feedItems = [] } = feedAPI.getCachedItems(fileId) || {};\n            const version = feedItems\n                .filter(item => item.type === FEED_ITEM_TYPE_VERSION)\n                .find(item => item.id === fileVersionId);\n\n            if (version) {\n                onVersionChange(version, {\n                    currentVersionId: currentFileVersionId,\n                    updateVersionToCurrent: () => history.push(getAnnotationsPath(currentFileVersionId)),\n                });\n            }\n        };\n\n        refreshActivitySidebar = () => {\n            const { isOpen, location } = this.props;\n\n            const pathname = getProp(location, 'pathname', '');\n            const isActivity = matchPath(pathname, '/activity');\n            const { current } = this.sidebarPanels;\n\n            // If the activity sidebar is currently open, then force it to refresh with the updated data\n            if (current && isActivity && isOpen) {\n                current.refresh(false);\n            }\n        };\n\n        render() {\n            return <WrappedComponent ref={this.sidebarPanels} {...this.props} />;\n        }\n    }\n\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n    WithSidebarAnnotations.displayName = `WithSidebarAnnotations(${displayName})`;\n\n    return WithSidebarAnnotations;\n}\n"],"file":"withSidebarAnnotations.js"}
+{"version":3,"sources":["../../../src/elements/content-sidebar/withSidebarAnnotations.js"],"names":["React","getProp","noop","matchPath","FEED_ITEM_TYPE_VERSION","getBadUserError","withSidebarAnnotations","WrappedComponent","WithSidebarAnnotations","props","createRef","file","getAnnotationsPath","getAnnotationsMatchPath","history","location","match","annotationId","currentFileVersionId","fileVersionId","replace","annotatorState","activeAnnotationFileVersionId","activeAnnotationId","defaultFileVersionId","newLocationState","open","state","push","pathname","api","fileId","onVersionChange","feedAPI","getFeedAPI","getCachedItems","items","feedItems","version","filter","item","type","find","id","currentVersionId","updateVersionToCurrent","isOpen","isActivity","current","sidebarPanels","refresh","redirectDeeplinkedAnnotation","prevProps","prevAnnotatorState","prevFileId","prevLocation","action","annotation","prevActiveAnnotationId","prevAnnotation","prevMatch","hasActiveAnnotationChanged","isAnnotationsPath","isTransitioningToAnnotationPath","prevFileVersionId","addAnnotationReply","deleteAnnotationReply","updateAnnotationReply","updateAnnotation","deleteAnnotation","addAnnotation","updateActiveAnnotation","updateActiveVersion","meta","requestId","currentUser","isPending","hasItems","refreshActivitySidebar","annotationReply","addPendingReply","annotationItem","modifyFeedItemRepliesCountBy","updateReplyItem","updateFeedItem","deleteFeedItem","replyId","replyItem","replies","deleteReplyItem","Component","displayName","name"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport { matchPath, type ContextRouter } from 'react-router-dom';\nimport { FEED_ITEM_TYPE_VERSION } from '../../constants';\nimport { getBadUserError } from '../../utils/error';\nimport type { WithAnnotatorContextProps } from '../common/annotator-context';\nimport type { BoxItem, User } from '../../common/types/core';\n\ntype Props = {\n    ...ContextRouter,\n    currentUser?: User,\n    file: BoxItem,\n    fileId: string,\n    isOpen: boolean,\n    onVersionChange: Function,\n} & WithAnnotatorContextProps;\n\ntype SidebarPanelsRefType = {\n    refresh: (shouldRefreshCache?: boolean) => void,\n};\n\nexport default function withSidebarAnnotations(\n    WrappedComponent: React.ComponentType<Props>,\n): React.ComponentType<Props> {\n    class WithSidebarAnnotations extends React.Component<Props> {\n        static defaultProps = {\n            annotatorState: {},\n            getAnnotationsMatchPath: noop,\n            getAnnotationsPath: noop,\n            onVersionChange: noop,\n        };\n\n        static displayName: ?string;\n\n        props: Props;\n\n        sidebarPanels: { current: SidebarPanelsRefType | null } = React.createRef();\n\n        constructor(props) {\n            super(props);\n\n            this.redirectDeeplinkedAnnotation();\n        }\n\n        redirectDeeplinkedAnnotation = () => {\n            const { file, getAnnotationsPath, getAnnotationsMatchPath, history, location } = this.props;\n            const match = getAnnotationsMatchPath(location);\n            const annotationId = getProp(match, 'params.annotationId');\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n\n            if (fileVersionId && fileVersionId !== currentFileVersionId) {\n                history.replace(getAnnotationsPath(currentFileVersionId, annotationId));\n            }\n        };\n\n        componentDidUpdate(prevProps: Props) {\n            const { annotatorState, fileId, getAnnotationsMatchPath, location, onVersionChange }: Props = this.props;\n            const { annotatorState: prevAnnotatorState, fileId: prevFileId, location: prevLocation }: Props = prevProps;\n            const { action, activeAnnotationId, annotation } = annotatorState;\n            const { activeAnnotationId: prevActiveAnnotationId, annotation: prevAnnotation } = prevAnnotatorState;\n\n            const match = getAnnotationsMatchPath(location);\n            const prevMatch = getAnnotationsMatchPath(prevLocation);\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n            const hasActiveAnnotationChanged = prevActiveAnnotationId !== activeAnnotationId;\n            const isAnnotationsPath = !!match;\n            const isTransitioningToAnnotationPath = activeAnnotationId && !isAnnotationsPath;\n            const prevFileVersionId = getProp(prevMatch, 'params.fileVersionId');\n\n            if (action === 'reply_create_start' || action === 'reply_create_end') {\n                this.addAnnotationReply();\n            }\n\n            if (action === 'reply_delete_start' || action === 'reply_delete_end') {\n                this.deleteAnnotationReply();\n            }\n\n            if (action === 'reply_update_start' || action === 'reply_update_end') {\n                this.updateAnnotationReply();\n            }\n\n            if (action === 'update_start' || action === 'update_end') {\n                this.updateAnnotation();\n            }\n\n            if (action === 'delete_start' || action === 'delete_end') {\n                this.deleteAnnotation();\n            }\n\n            if ((action === 'create_start' || action === 'create_end') && annotation && prevAnnotation !== annotation) {\n                this.addAnnotation();\n            }\n\n            // Active annotation id changed. If location is currently an annotation path or\n            // if location is not currently an annotation path but the active annotation id\n            // transitioned from falsy to truthy, update the location accordingly\n            if (hasActiveAnnotationChanged && (isAnnotationsPath || isTransitioningToAnnotationPath)) {\n                this.updateActiveAnnotation();\n            }\n\n            if (fileVersionId && prevFileVersionId !== fileVersionId) {\n                this.updateActiveVersion();\n            }\n\n            if (prevFileId !== fileId) {\n                // If the file id has changed, reset the current version id since the previous (possibly versioned)\n                // location is no longer active\n                onVersionChange(null);\n            }\n        }\n\n        addAnnotation() {\n            const {\n                annotatorState: { action, annotation, meta: { requestId } = {} },\n                api,\n                currentUser,\n                file,\n                fileId,\n            } = this.props;\n\n            if (!requestId) {\n                return;\n            }\n\n            // TODO: need to address in follow on -- currentUser may be undefined here but is never fetched for sure until ActivitySidebar\n            if (!currentUser) {\n                throw getBadUserError();\n            }\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'create_start';\n            const { items: hasItems } = feedAPI.getCachedItems(fileId) || {};\n\n            // If there are existing items in the cache for this file, then patch the cache with the new annotation\n            // If there are no cache entry for feeditems, then it is assumed that it has not yet been fetched.\n            if (hasItems) {\n                feedAPI.addAnnotation(file, currentUser, annotation, requestId, isPending);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        addAnnotationReply() {\n            const {\n                annotatorState: {\n                    action,\n                    annotation: { id: annotationId },\n                    annotationReply,\n                    meta: { requestId },\n                },\n                api,\n                currentUser,\n                file,\n            } = this.props;\n\n            if (!currentUser) {\n                throw getBadUserError();\n            }\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'reply_create_start') {\n                feedAPI.addPendingReply(annotationId, currentUser, { ...annotationReply, id: requestId });\n            } else {\n                const { items: feedItems = [] } = feedAPI.getCachedItems(file.id) || {};\n                const annotationItem = feedItems.find(({ id }) => id === annotationId);\n\n                if (!annotationItem) {\n                    return;\n                }\n\n                feedAPI.modifyFeedItemRepliesCountBy(annotationId, 1);\n                feedAPI.updateReplyItem({ ...annotationReply, isPending: false }, annotationId, requestId);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        deleteAnnotation() {\n            const {\n                annotatorState: { action, annotation },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'delete_start') {\n                feedAPI.updateFeedItem({ isPending: true }, annotation.id);\n            } else {\n                feedAPI.deleteFeedItem(annotation.id);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        deleteAnnotationReply() {\n            const {\n                annotatorState: {\n                    action,\n                    annotation: { id: annotationId },\n                    annotationReply: { id: replyId },\n                },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'reply_delete_start') {\n                feedAPI.updateReplyItem({ isPending: true }, annotationId, replyId);\n            } else {\n                const { items: feedItems = [] } = feedAPI.getCachedItems(file.id) || {};\n                const annotationItem = feedItems.find(({ id }) => id === annotationId);\n\n                if (!annotationItem) {\n                    return;\n                }\n\n                // Check if the parent annotation has the reply currently visible and if so, remove it\n                const replyItem = annotationItem.replies.find(({ id }) => id === replyId);\n                if (replyItem) {\n                    feedAPI.deleteReplyItem(replyId, annotationId);\n                }\n\n                // Decrease the amount of replies by 1\n                feedAPI.modifyFeedItemRepliesCountBy(annotationId, -1);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        updateAnnotation() {\n            const {\n                annotatorState: { action, annotation },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'update_start';\n            feedAPI.file = file;\n\n            feedAPI.updateFeedItem({ ...annotation, isPending }, annotation.id);\n\n            this.refreshActivitySidebar();\n        }\n\n        updateAnnotationReply() {\n            const {\n                annotatorState: { action, annotation, annotationReply },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'reply_update_start';\n            feedAPI.file = file;\n\n            feedAPI.updateReplyItem({ ...annotationReply, isPending }, annotation.id, annotationReply.id);\n\n            this.refreshActivitySidebar();\n        }\n\n        updateActiveAnnotation = () => {\n            const {\n                annotatorState: { activeAnnotationFileVersionId, activeAnnotationId },\n                file,\n                getAnnotationsMatchPath,\n                getAnnotationsPath,\n                history,\n                location,\n            } = this.props;\n            const match = getAnnotationsMatchPath(location);\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const defaultFileVersionId = activeAnnotationFileVersionId || currentFileVersionId;\n            const fileVersionId = getProp(match, 'params.fileVersionId', defaultFileVersionId);\n            const newLocationState = activeAnnotationId ? { open: true } : location.state;\n\n            // Update the location pathname and open state if transitioning to an active annotation id, force the sidebar open\n            history.push({\n                pathname: getAnnotationsPath(fileVersionId, activeAnnotationId),\n                state: newLocationState,\n            });\n        };\n\n        updateActiveVersion = () => {\n            const {\n                api,\n                file,\n                fileId,\n                getAnnotationsMatchPath,\n                getAnnotationsPath,\n                history,\n                location,\n                onVersionChange,\n            } = this.props;\n            const feedAPI = api.getFeedAPI(false);\n            const match = getAnnotationsMatchPath(location);\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n            const { items: feedItems = [] } = feedAPI.getCachedItems(fileId) || {};\n            const version = feedItems\n                .filter(item => item.type === FEED_ITEM_TYPE_VERSION)\n                .find(item => item.id === fileVersionId);\n\n            if (version) {\n                onVersionChange(version, {\n                    currentVersionId: currentFileVersionId,\n                    updateVersionToCurrent: () => history.push(getAnnotationsPath(currentFileVersionId)),\n                });\n            }\n        };\n\n        refreshActivitySidebar = () => {\n            const { isOpen, location } = this.props;\n\n            const pathname = getProp(location, 'pathname', '');\n            const isActivity = matchPath(pathname, '/activity');\n            const { current } = this.sidebarPanels;\n\n            // If the activity sidebar is currently open, then force it to refresh with the updated data\n            if (current && isActivity && isOpen) {\n                current.refresh(false);\n            }\n        };\n\n        render() {\n            return <WrappedComponent ref={this.sidebarPanels} {...this.props} />;\n        }\n    }\n\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n    WithSidebarAnnotations.displayName = `WithSidebarAnnotations(${displayName})`;\n\n    return WithSidebarAnnotations;\n}\n"],"file":"withSidebarAnnotations.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "16.0.0",
+    "version": "16.0.1-beta.1",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",

package/src/api/Feed.js

@@ -221,9 +221,11 @@ class Feed extends Base {
             permissions,
             feedItemChanges,
             (annotation: Annotation) => {
+                const { replies, total_reply_count, ...annotationBase } = annotation;
                 this.updateFeedItem(
                     {
-                        ...annotation,
+                        // Do not update replies and total_reply_count props as their current values are not included in the response
+                        ...annotationBase,
                         isPending: false,
                     },
                     annotationId,
@@ -505,9 +507,12 @@ class Feed extends Base {
 
         this.updateFeedItem({ isRepliesLoading: true }, commentFeedItemId);
 
-        const successCallbackFn = (comments: ThreadedCommentsType) => {
-            this.updateFeedItem({ isRepliesLoading: false, replies: comments.entries }, commentFeedItemId);
-            successCallback(comments.entries);
+        const successCallbackFn = ({ entries }: ThreadedCommentsType) => {
+            this.updateFeedItem(
+                { isRepliesLoading: false, replies: entries, total_reply_count: entries.length },
+                commentFeedItemId,
+            );
+            successCallback(entries);
         };
         const errorCallbackFn = (error: ErrorResponseData, code: string) => {
             this.fetchRepliesErrorCallback(error, code, commentFeedItemId);
@@ -898,13 +903,26 @@ class Feed extends Base {
             fileId: file.id,
             commentId: id,
             permissions,
-            successCallback: this.deleteReplyItem.bind(this, id, parentId, successCallback),
+            successCallback: this.deleteReplySuccessCallback.bind(this, id, parentId, successCallback),
             errorCallback: (e: ElementsXhrError, code: string) => {
                 this.deleteReplyErrorCallback(e, code, id, parentId);
             },
         });
     };
 
+    /**
+     * Callback for successful deletion of a reply.
+     *
+     * @param {string} id - ID of the reply
+     * @param {string} parentId - ID of the parent feed item
+     * @param {Function} successCallback - success callback
+     * @return {void}
+     */
+    deleteReplySuccessCallback = (id: string, parentId: string, successCallback: Function): void => {
+        this.deleteReplyItem(id, parentId, successCallback);
+        this.modifyFeedItemRepliesCountBy(parentId, -1);
+    };
+
     /**
      * Error callback for deleting a comment
      *
@@ -1727,6 +1745,7 @@ class Feed extends Base {
         this.file = file;
         this.errorCallback = errorCallback;
         this.addPendingReply(parentId, currentUser, commentData);
+        this.modifyFeedItemRepliesCountBy(parentId, 1);
 
         const successCallbackFn = (comment: Comment) => {
             this.createReplySuccessCallback(comment, parentId, uuid, successCallback);
@@ -1877,9 +1896,11 @@ class Feed extends Base {
             message: text,
             status,
             successCallback: (comment: Comment) => {
+                const { replies, total_reply_count, ...commentBase } = comment;
                 this.updateFeedItem(
                     {
-                        ...comment,
+                        // Do not update replies and total_reply_count props as their current values are not included in the response
+                        ...commentBase,
                         isPending: false,
                     },
                     commentId,
@@ -1950,6 +1971,31 @@ class Feed extends Base {
         });
     };
 
+    /**
+     * Modify feed item replies count
+     *
+     * @param {string} id - id of the item
+     * @param {number} n - number to modify the count by
+     * @return {void}
+     */
+    modifyFeedItemRepliesCountBy = (id: string, n: number) => {
+        if (!this.file.id) {
+            throw getBadItemError();
+        }
+
+        const { items: feedItems = [] } = this.getCachedItems(this.file.id) || {};
+        const feedItem = feedItems.find(({ id: itemId }) => itemId === id);
+
+        if (!feedItem || (feedItem.type !== 'annotation' && feedItem.type !== 'comment')) {
+            return;
+        }
+
+        const newReplyCount = (feedItem.total_reply_count || 0) + n;
+        if (newReplyCount >= 0) {
+            this.updateFeedItem({ total_reply_count: newReplyCount }, id);
+        }
+    };
+
     destroyTaskCollaborators() {
         if (Array.isArray(this.taskCollaboratorsAPI)) {
             this.taskCollaboratorsAPI.forEach(api => api.destroy());

package/src/api/__tests__/Feed.test.js

@@ -12,7 +12,9 @@ import {
     IS_ERROR_DISPLAYED,
     TASK_MAX_GROUP_ASSIGNEES,
 } from '../../constants';
+import AnnotationsAPI from '../Annotations';
 import Feed from '../Feed';
+import ThreadedCommentsAPI from '../ThreadedComments';
 import { annotation as mockAnnotation } from '../../__mocks__/annotations';
 import { task as mockTask, threadedComments as mockThreadedComments, threadedCommentsFormatted } from '../fixtures';
 
@@ -66,6 +68,8 @@ const threadedComments = {
     next_marker: null,
 };
 
+const mockReplies = mockThreadedComments[0].replies;
+
 jest.mock('lodash/uniqueId', () => () => 'uniqueId');
 
 const mockCreateTaskWithDeps = jest.fn().mockImplementation(({ successCallback }) => {
@@ -206,7 +210,7 @@ jest.mock('../ThreadedComments', () =>
         }),
         getCommentReplies: jest.fn().mockImplementation(({ successCallback }) => {
             successCallback({
-                entries: mockThreadedComments,
+                entries: mockReplies,
                 limit: 1000,
                 next_marker: null,
             });
@@ -215,7 +219,7 @@ jest.mock('../ThreadedComments', () =>
             successCallback();
         }),
         updateComment: jest.fn().mockImplementation(({ successCallback }) => {
-            successCallback();
+            successCallback({});
         }),
         createComment: jest.fn().mockImplementation(({ successCallback }) => {
             successCallback();
@@ -239,12 +243,12 @@ jest.mock('../Annotations', () =>
             successCallback();
         }),
         updateAnnotation: jest.fn().mockImplementation((file, id, payload, permissions, successCallback) => {
-            successCallback();
+            successCallback({});
         }),
         getAnnotations: jest.fn(),
         getAnnotationReplies: jest.fn().mockImplementation((fileId, annotationId, permissions, successCallback) => {
             successCallback({
-                entries: mockThreadedComments,
+                entries: mockReplies,
                 limit: 1000,
                 next_marker: null,
             });
@@ -676,8 +680,8 @@ describe('api/Feed', () => {
             const annotationId = '1234';
             const successCallback = jest.fn();
             const errorCallback = jest.fn();
+
             feed.fetchReplies(file, annotationId, FEED_ITEM_TYPE_ANNOTATION, successCallback, errorCallback);
-            expect(feed.updateFeedItem).toBeCalledWith({ isRepliesLoading: true }, annotationId);
             expect(feed.annotationsAPI.getAnnotationReplies).toBeCalledWith(
                 feed.file.id,
                 annotationId,
@@ -685,6 +689,16 @@ describe('api/Feed', () => {
                 expect.any(Function),
                 expect.any(Function),
             );
+            expect(feed.updateFeedItem).toHaveBeenNthCalledWith(1, { isRepliesLoading: true }, annotationId);
+            expect(feed.updateFeedItem).toHaveBeenNthCalledWith(
+                2,
+                {
+                    isRepliesLoading: false,
+                    replies: mockReplies,
+                    total_reply_count: mockReplies.length,
+                },
+                annotationId,
+            );
             expect(successCallback).toBeCalled();
         });
     });
@@ -1094,6 +1108,39 @@ describe('api/Feed', () => {
                 expect(successCallback).toBeCalled();
             });
         });
+
+        test('should call updateFeedItem without the replies and total_reply_count properties', () => {
+            const commentId = '1';
+            const text = 'abc';
+            const permissions = { can_edit: true };
+            const updatedCommentResult = {
+                id: commentId,
+                permissions,
+                replies: [],
+                tagged_message: text,
+                total_reply_count: 0,
+            };
+            ThreadedCommentsAPI.mockReturnValueOnce({
+                updateComment: jest.fn().mockImplementation(({ successCallback }) => {
+                    successCallback(updatedCommentResult);
+                }),
+            });
+
+            feed.updateThreadedComment(file, commentId, text, undefined, permissions, jest.fn(), jest.fn());
+
+            const expectedUpdateFeedItemCommentData = {
+                id: commentId,
+                isPending: false,
+                permissions,
+                tagged_message: text,
+            };
+            expect(feed.updateFeedItem).toHaveBeenNthCalledWith(
+                1,
+                { tagged_message: text, isPending: true },
+                commentId,
+            );
+            expect(feed.updateFeedItem).toHaveBeenNthCalledWith(2, expectedUpdateFeedItemCommentData, commentId);
+        });
     });
 
     describe('updateReply()', () => {
@@ -1218,6 +1265,19 @@ describe('api/Feed', () => {
         });
     });
 
+    describe('deleteReplySuccessCallback()', () => {
+        test('should remove the reply from feed and update parent item', () => {
+            feed.deleteReplyItem = jest.fn();
+            feed.modifyFeedItemRepliesCountBy = jest.fn();
+            const id = '123';
+            const parentId = '456';
+            const successCallback = jest.fn();
+            feed.deleteReplySuccessCallback(id, parentId, successCallback);
+            expect(feed.deleteReplyItem).toBeCalledWith(id, parentId, successCallback);
+            expect(feed.modifyFeedItemRepliesCountBy).toBeCalledWith(parentId, -1);
+        });
+    });
+
     describe('deleteCommentErrorCallback()', () => {
         const e = new Error('foo');
 
@@ -1695,6 +1755,22 @@ describe('api/Feed', () => {
             });
         });
 
+        test('should increment the number of replies of parent item', () => {
+            feed.modifyFeedItemRepliesCountBy = jest.fn();
+            const successCb = jest.fn();
+            const errorCb = jest.fn();
+            const parentId = '123';
+            const parentType = FEED_ITEM_TYPE_COMMENT;
+            const text = 'abc';
+            const currentUser = {
+                id: '123',
+            };
+
+            feed.createReply(file, currentUser, parentId, parentType, text, successCb, errorCb);
+
+            expect(feed.modifyFeedItemRepliesCountBy).toBeCalledWith(parentId, 1);
+        });
+
         test('given parentType=annotation, should create the reply using annotationsAPI and invoke the success callback', done => {
             feed.createReplySuccessCallback = jest.fn();
             feed.createReplyErrorCallback = jest.fn();
@@ -1975,6 +2051,34 @@ describe('api/Feed', () => {
                 expect(successCallback).toBeCalled();
             });
         });
+
+        test('should call updateFeedItem without the replies and total_reply_count properties', () => {
+            const status = 'open';
+            const updatedAnnotationResult = {
+                id: annotationId,
+                permissions,
+                replies: [],
+                status,
+                total_reply_count: 0,
+            };
+            AnnotationsAPI.mockReturnValueOnce({
+                updateAnnotation: jest.fn().mockImplementation((f, id, payload, p, callback) => {
+                    callback(updatedAnnotationResult);
+                }),
+            });
+            feed.updateFeedItem = jest.fn();
+
+            feed.updateAnnotation(file, annotationId, undefined, status, permissions, jest.fn(), jest.fn());
+
+            const expectedUpdateFeedItemCommentData = {
+                id: annotationId,
+                isPending: false,
+                permissions,
+                status,
+            };
+            expect(feed.updateFeedItem).toHaveBeenNthCalledWith(1, { status, isPending: true }, annotationId);
+            expect(feed.updateFeedItem).toHaveBeenNthCalledWith(2, expectedUpdateFeedItemCommentData, annotationId);
+        });
     });
 
     describe('updateCommentErrorCallback()', () => {
@@ -2062,4 +2166,25 @@ describe('api/Feed', () => {
             expect(successCallback).toBeCalled();
         });
     });
+
+    describe('modifyFeedItemRepliesCountBy()', () => {
+        test('should throw if no file id', () => {
+            feed.file = {};
+            expect(() => feed.modifyFeedItemRepliesCountBy('123', 1)).toThrow(fileError);
+        });
+
+        test('should call updateFeedItem if item is in cache', () => {
+            const cachedItems = cloneDeep(mockThreadedComments);
+            const { id, total_reply_count } = cachedItems[0];
+            feed.file = file;
+            feed.updateFeedItem = jest.fn();
+            feed.getCachedItems = jest.fn().mockReturnValue({
+                errors: [],
+                items: cachedItems,
+            });
+
+            feed.modifyFeedItemRepliesCountBy(id, 1);
+            expect(feed.updateFeedItem).toBeCalledWith({ total_reply_count: total_reply_count + 1 }, id);
+        });
+    });
 });

package/src/elements/content-sidebar/__tests__/withSidebarAnnotations.test.js

@@ -32,6 +32,7 @@ describe('elements/content-sidebar/withSidebarAnnotations', () => {
         deleteAnnotation: jest.fn(),
         deleteFeedItem: jest.fn(),
         deleteReplyItem: jest.fn(),
+        modifyFeedItemRepliesCountBy: jest.fn(),
         updateFeedItem: jest.fn(),
         updateReplyItem: jest.fn(),
     };
@@ -337,7 +338,7 @@ describe('elements/content-sidebar/withSidebarAnnotations', () => {
             instance.addAnnotationReply();
 
             const expectedReplyData = { ...annotationReply, isPending: false };
-            expect(feedAPI.updateFeedItem).toBeCalledWith({ total_reply_count: 3 }, annotation.id);
+            expect(feedAPI.modifyFeedItemRepliesCountBy).toBeCalledWith(annotation.id, 1);
             expect(feedAPI.updateReplyItem).toBeCalledWith(expectedReplyData, annotation.id, requestId);
         });
     });
@@ -415,7 +416,7 @@ describe('elements/content-sidebar/withSidebarAnnotations', () => {
 
             instance.deleteAnnotationReply();
 
-            expect(feedAPI.updateFeedItem).toBeCalledWith({ total_reply_count: 1 }, annotation.id);
+            expect(feedAPI.modifyFeedItemRepliesCountBy).toBeCalledWith(annotation.id, -1);
         });
 
         test('should delete appropriate reply from the feed if it is currently in the feed given action = reply_delete_end', () => {
@@ -442,6 +443,7 @@ describe('elements/content-sidebar/withSidebarAnnotations', () => {
             instance.deleteAnnotationReply();
 
             expect(feedAPI.deleteReplyItem).toBeCalledWith(annotationReply.id, annotation.id);
+            expect(feedAPI.modifyFeedItemRepliesCountBy).toBeCalledWith(annotation.id, -1);
         });
     });
 

package/src/elements/content-sidebar/withSidebarAnnotations.js

@@ -173,7 +173,7 @@ export default function withSidebarAnnotations(
                     return;
                 }
 
-                feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count + 1 }, annotationId);
+                feedAPI.modifyFeedItemRepliesCountBy(annotationId, 1);
                 feedAPI.updateReplyItem({ ...annotationReply, isPending: false }, annotationId, requestId);
             }
 
@@ -223,14 +223,14 @@ export default function withSidebarAnnotations(
                     return;
                 }
 
-                // Check if the parent annotation has the reply currently visible
+                // Check if the parent annotation has the reply currently visible and if so, remove it
                 const replyItem = annotationItem.replies.find(({ id }) => id === replyId);
                 if (replyItem) {
                     feedAPI.deleteReplyItem(replyId, annotationId);
-                } else if (annotationItem.total_reply_count > 0) {
-                    // Decrease the amount of replies by 1
-                    feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count - 1 }, annotationId);
                 }
+
+                // Decrease the amount of replies by 1
+                feedAPI.modifyFeedItemRepliesCountBy(annotationId, -1);
             }
 
             this.refreshActivitySidebar();