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

package/i18n/nl-NL.js

@@ -97,9 +97,9 @@ export default {
   "be.contentSidebar.activityFeed.commentForm.commentWrite": "Een opmerking schrijven",
   "be.contentSidebar.activityFeed.commmon.showOriginalMessage": "Origineel tonen",
   "be.contentSidebar.activityFeed.common.activityStatusResolved": "Opgelost",
-  "be.contentSidebar.activityFeed.common.editedMessage": "(edited)",
-  "be.contentSidebar.activityFeed.common.seeLessMessage": "See less",
-  "be.contentSidebar.activityFeed.common.seeMoreMessage": "See more",
+  "be.contentSidebar.activityFeed.common.editedMessage": "(bewerkt)",
+  "be.contentSidebar.activityFeed.common.seeLessMessage": "Minder weergeven",
+  "be.contentSidebar.activityFeed.common.seeMoreMessage": "Meer weergeven",
   "be.contentSidebar.activityFeed.common.translateMessage": "Vertalen",
   "be.contentSidebar.activityFeed.task.taskAnyAffordanceTooltip": "Er is slechts één toegewezen gebruiker nodig om deze taak te voltooien",
   "be.contentSidebar.activityFeed.task.taskDeleteMenuItem": "Taak verwijderen",

package/i18n/nl-NL.properties

@@ -195,11 +195,11 @@ be.contentSidebar.activityFeed.commmon.showOriginalMessage = Origineel tonen
 # Indicator of resolved status of Comment or Annotation, visible in Feed Item (in upper-case in supported language)
 be.contentSidebar.activityFeed.common.activityStatusResolved = Opgelost
 # Label indicating that message was edited, should be lowercase
-be.contentSidebar.activityFeed.common.editedMessage =  (edited)
+be.contentSidebar.activityFeed.common.editedMessage =  (bewerkt)
 # See less button for hiding part of long message
-be.contentSidebar.activityFeed.common.seeLessMessage = See less
+be.contentSidebar.activityFeed.common.seeLessMessage = Minder weergeven
 # See more button for showing whole long message
-be.contentSidebar.activityFeed.common.seeMoreMessage = See more
+be.contentSidebar.activityFeed.common.seeMoreMessage = Meer weergeven
 # Translate button for translating comment
 be.contentSidebar.activityFeed.common.translateMessage = Vertalen
 # Tooltip text for any task icon, explaining that the task only needs one assignee to complete.

package/i18n/sv-SE.js

@@ -97,9 +97,9 @@ export default {
   "be.contentSidebar.activityFeed.commentForm.commentWrite": "Skriv en kommentar",
   "be.contentSidebar.activityFeed.commmon.showOriginalMessage": "Visa original",
   "be.contentSidebar.activityFeed.common.activityStatusResolved": "Löst",
-  "be.contentSidebar.activityFeed.common.editedMessage": "(edited)",
-  "be.contentSidebar.activityFeed.common.seeLessMessage": "See less",
-  "be.contentSidebar.activityFeed.common.seeMoreMessage": "See more",
+  "be.contentSidebar.activityFeed.common.editedMessage": "(redigerad)",
+  "be.contentSidebar.activityFeed.common.seeLessMessage": "Se mindre",
+  "be.contentSidebar.activityFeed.common.seeMoreMessage": "Se mer",
   "be.contentSidebar.activityFeed.common.translateMessage": "Översätt",
   "be.contentSidebar.activityFeed.task.taskAnyAffordanceTooltip": "Endast en tilldelad behöver slutföra uppgiften",
   "be.contentSidebar.activityFeed.task.taskDeleteMenuItem": "Radera uppgift",

package/i18n/sv-SE.properties

@@ -195,11 +195,11 @@ be.contentSidebar.activityFeed.commmon.showOriginalMessage = Visa original
 # Indicator of resolved status of Comment or Annotation, visible in Feed Item (in upper-case in supported language)
 be.contentSidebar.activityFeed.common.activityStatusResolved = Löst
 # Label indicating that message was edited, should be lowercase
-be.contentSidebar.activityFeed.common.editedMessage =  (edited)
+be.contentSidebar.activityFeed.common.editedMessage =  (redigerad)
 # See less button for hiding part of long message
-be.contentSidebar.activityFeed.common.seeLessMessage = See less
+be.contentSidebar.activityFeed.common.seeLessMessage = Se mindre
 # See more button for showing whole long message
-be.contentSidebar.activityFeed.common.seeMoreMessage = See more
+be.contentSidebar.activityFeed.common.seeMoreMessage = Se mer
 # Translate button for translating comment
 be.contentSidebar.activityFeed.common.translateMessage = Översätt
 # Tooltip text for any task icon, explaining that the task only needs one assignee to complete.

package/i18n/zh-CN.js

@@ -97,9 +97,9 @@ export default {
   "be.contentSidebar.activityFeed.commentForm.commentWrite": "留下评论",
   "be.contentSidebar.activityFeed.commmon.showOriginalMessage": "显示原始评论",
   "be.contentSidebar.activityFeed.common.activityStatusResolved": "Resolved",
-  "be.contentSidebar.activityFeed.common.editedMessage": "(edited)",
-  "be.contentSidebar.activityFeed.common.seeLessMessage": "See less",
-  "be.contentSidebar.activityFeed.common.seeMoreMessage": "See more",
+  "be.contentSidebar.activityFeed.common.editedMessage": "（编辑）",
+  "be.contentSidebar.activityFeed.common.seeLessMessage": "查看更少",
+  "be.contentSidebar.activityFeed.common.seeMoreMessage": "查看更多",
   "be.contentSidebar.activityFeed.common.translateMessage": "翻译",
   "be.contentSidebar.activityFeed.task.taskAnyAffordanceTooltip": "只需要一个受理人来完成此任务",
   "be.contentSidebar.activityFeed.task.taskDeleteMenuItem": "删除任务",

package/i18n/zh-CN.properties

@@ -195,11 +195,11 @@ be.contentSidebar.activityFeed.commmon.showOriginalMessage = 显示原始评论
 # Indicator of resolved status of Comment or Annotation, visible in Feed Item (in upper-case in supported language)
 be.contentSidebar.activityFeed.common.activityStatusResolved = Resolved
 # Label indicating that message was edited, should be lowercase
-be.contentSidebar.activityFeed.common.editedMessage =  (edited)
+be.contentSidebar.activityFeed.common.editedMessage =  （编辑）
 # See less button for hiding part of long message
-be.contentSidebar.activityFeed.common.seeLessMessage = See less
+be.contentSidebar.activityFeed.common.seeLessMessage = 查看更少
 # See more button for showing whole long message
-be.contentSidebar.activityFeed.common.seeMoreMessage = See more
+be.contentSidebar.activityFeed.common.seeMoreMessage = 查看更多
 # Translate button for translating comment
 be.contentSidebar.activityFeed.common.translateMessage = 翻译
 # Tooltip text for any task icon, explaining that the task only needs one assignee to complete.

package/i18n/zh-TW.js

@@ -97,9 +97,9 @@ export default {
   "be.contentSidebar.activityFeed.commentForm.commentWrite": "撰寫留言",
   "be.contentSidebar.activityFeed.commmon.showOriginalMessage": "顯示原始留言",
   "be.contentSidebar.activityFeed.common.activityStatusResolved": "已解決",
-  "be.contentSidebar.activityFeed.common.editedMessage": "(edited)",
-  "be.contentSidebar.activityFeed.common.seeLessMessage": "See less",
-  "be.contentSidebar.activityFeed.common.seeMoreMessage": "See more",
+  "be.contentSidebar.activityFeed.common.editedMessage": "(已編輯)",
+  "be.contentSidebar.activityFeed.common.seeLessMessage": "查看更少",
+  "be.contentSidebar.activityFeed.common.seeMoreMessage": "查看更多",
   "be.contentSidebar.activityFeed.common.translateMessage": "翻譯",
   "be.contentSidebar.activityFeed.task.taskAnyAffordanceTooltip": "只要求一位被指定者完成此工作",
   "be.contentSidebar.activityFeed.task.taskDeleteMenuItem": "刪除工作",

package/i18n/zh-TW.properties

@@ -195,11 +195,11 @@ be.contentSidebar.activityFeed.commmon.showOriginalMessage = 顯示原始留言
 # Indicator of resolved status of Comment or Annotation, visible in Feed Item (in upper-case in supported language)
 be.contentSidebar.activityFeed.common.activityStatusResolved = 已解決
 # Label indicating that message was edited, should be lowercase
-be.contentSidebar.activityFeed.common.editedMessage =  (edited)
+be.contentSidebar.activityFeed.common.editedMessage =  (已編輯)
 # See less button for hiding part of long message
-be.contentSidebar.activityFeed.common.seeLessMessage = See less
+be.contentSidebar.activityFeed.common.seeLessMessage = 查看更少
 # See more button for showing whole long message
-be.contentSidebar.activityFeed.common.seeMoreMessage = See more
+be.contentSidebar.activityFeed.common.seeMoreMessage = 查看更多
 # Translate button for translating comment
 be.contentSidebar.activityFeed.common.translateMessage = 翻譯
 # Tooltip text for any task icon, explaining that the task only needs one assignee to complete.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "16.0.0",
+    "version": "16.0.1-beta.2",
     "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();

package/src/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js

@@ -163,38 +163,15 @@ class ContentExplorerModalContainer extends Component {
 
     render() {
         const {
-            breadcrumbProps,
             className,
-            headerActionsAccessory,
             modalTitle,
             modalDescription,
-            onRequestClose,
             onCreateFolderSubmit,
             onCreateFolderInput,
             isCreatingFolder,
             createFolderError,
-            contentExplorerMode,
             initialFoldersPath,
-            onChooseItems,
-            onMoveItem,
-            onCopyItem,
-            isCreateNewFolderAllowed,
-            onSearchSubmit,
-            onExitSearch,
-            onSelectedClick,
-            onSelectItem,
-            items,
-            numItemsPerPage,
-            numTotalItems,
-            onLoadMoreItems,
-            itemIconRenderer,
-            itemNameLinkRenderer,
-            itemButtonRenderer,
-            showCreateNewFolderButton,
-            searchInputProps,
-            chooseButtonText,
-            initialSelectedItems,
-            isSelectAllAllowed,
+            ...rest
         } = this.props;
         const { foldersPath, isNewFolderModalOpen } = this.state;
         const currentFolder = foldersPath[foldersPath.length - 1];
@@ -202,37 +179,14 @@ class ContentExplorerModalContainer extends Component {
         return (
             <div className={classNames('content-explorer-modal-container', className)}>
                 <ContentExplorerModal
-                    breadcrumbProps={breadcrumbProps}
                     className={isNewFolderModalOpen ? 'hidden' : ''}
-                    headerActionsAccessory={headerActionsAccessory}
                     title={modalTitle}
                     description={modalDescription}
-                    isOpen
-                    onRequestClose={onRequestClose}
-                    contentExplorerMode={contentExplorerMode}
                     initialFoldersPath={initialFoldersPath}
+                    isOpen
                     onEnterFolder={this.handleEnterFolder}
-                    onChooseItems={onChooseItems}
-                    onMoveItem={onMoveItem}
-                    onCopyItem={onCopyItem}
-                    onSelectedClick={onSelectedClick}
-                    onSelectItem={onSelectItem}
                     onCreateNewFolderButtonClick={this.handleCreateNewFolderButtonClick}
-                    isCreateNewFolderAllowed={isCreateNewFolderAllowed}
-                    isSelectAllAllowed={isSelectAllAllowed}
-                    onSearchSubmit={onSearchSubmit}
-                    onExitSearch={onExitSearch}
-                    items={items}
-                    numItemsPerPage={numItemsPerPage}
-                    numTotalItems={numTotalItems}
-                    onLoadMoreItems={onLoadMoreItems}
-                    itemIconRenderer={itemIconRenderer}
-                    itemNameLinkRenderer={itemNameLinkRenderer}
-                    itemButtonRenderer={itemButtonRenderer}
-                    showCreateNewFolderButton={showCreateNewFolderButton}
-                    searchInputProps={searchInputProps}
-                    chooseButtonText={chooseButtonText}
-                    initialSelectedItems={initialSelectedItems}
+                    {...rest}
                 />
                 {isNewFolderModalOpen && (
                     <NewFolderModal