box-ui-elements 16.0.0-beta.9 → 16.0.0

package/es/elements/content-sidebar/activity-feed/annotations/AnnotationActivity.js

@@ -19,6 +19,7 @@ import noop from 'lodash/noop';
 import TetherComponent from 'react-tether';
 import ActivityError from '../common/activity-error';
 import ActivityMessage from '../common/activity-message';
+import ActivityStatus from '../common/activity-status';
 import ActivityTimestamp from '../common/activity-timestamp';
 import AnnotationActivityLink from './AnnotationActivityLink';
 import AnnotationActivityMenu from './AnnotationActivityMenu';
@@ -46,7 +47,9 @@ var AnnotationActivity = function AnnotationActivity(_ref) {
       _ref$onEdit = _ref.onEdit,
       onEdit = _ref$onEdit === void 0 ? noop : _ref$onEdit,
       _ref$onSelect = _ref.onSelect,
-      onSelect = _ref$onSelect === void 0 ? noop : _ref$onSelect;
+      onSelect = _ref$onSelect === void 0 ? noop : _ref$onSelect,
+      _ref$onStatusChange = _ref.onStatusChange,
+      onStatusChange = _ref$onStatusChange === void 0 ? noop : _ref$onStatusChange;
 
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -72,12 +75,14 @@ var AnnotationActivity = function AnnotationActivity(_ref) {
       isPending = item.isPending,
       _item$permissions = item.permissions,
       permissions = _item$permissions === void 0 ? {} : _item$permissions,
+      status = item.status,
       target = item.target;
   var canDelete = permissions.can_delete,
-      canEdit = permissions.can_edit;
+      canEdit = permissions.can_edit,
+      canResolve = permissions.can_resolve;
   var isFileVersionUnavailable = file_version === null;
   var isCardDisabled = !!error || isConfirmingDelete || isMenuOpen || isEditing || isFileVersionUnavailable;
-  var isMenuVisible = (canDelete || canEdit) && !isPending;
+  var isMenuVisible = (canDelete || canEdit || canResolve) && !isPending;
 
   var handleDelete = function handleDelete() {
     return setIsConfirmingDelete(true);
@@ -132,6 +137,10 @@ var AnnotationActivity = function AnnotationActivity(_ref) {
     return onSelect(item);
   };
 
+  var handleStatusChange = function handleStatusChange(newStatus) {
+    return onStatusChange(id, newStatus, permissions);
+  };
+
   var createdAtTimestamp = new Date(created_at).getTime();
   var createdByUser = created_by || PLACEHOLDER_USER;
   var linkMessage = isCurrentVersion ? messages.annotationActivityPageItem : messages.annotationActivityVersionLink;
@@ -185,7 +194,9 @@ var AnnotationActivity = function AnnotationActivity(_ref) {
     isDisabled: isFileVersionUnavailable,
     message: activityLinkMessage,
     onClick: handleSelect
-  })), isEditing && currentUser ? React.createElement(CommentForm, {
+  })), React.createElement(ActivityStatus, {
+    status: status
+  }), isEditing && currentUser ? React.createElement(CommentForm, {
     className: "bcs-AnnotationActivity-editor",
     entityId: id,
     getAvatarUrl: getAvatarUrl,
@@ -204,13 +215,16 @@ var AnnotationActivity = function AnnotationActivity(_ref) {
   }))), error ? React.createElement(ActivityError, error) : null), React.createElement(TetherComponent, tetherProps, isMenuVisible && React.createElement(AnnotationActivityMenu, {
     canDelete: canDelete,
     canEdit: canEdit,
+    canResolve: canResolve,
     className: "bcs-AnnotationActivity-menu",
     id: id,
     isDisabled: isConfirmingDelete,
+    status: status,
     onDelete: handleDelete,
     onEdit: handleEdit,
     onMenuClose: handleMenuClose,
-    onMenuOpen: handleMenuOpen
+    onMenuOpen: handleMenuOpen,
+    onStatusChange: handleStatusChange
   }), isConfirmingDelete && React.createElement(DeleteConfirmation, {
     "data-resin-component": ACTIVITY_TARGETS.ANNOTATION_OPTIONS,
     isOpen: isConfirmingDelete,

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

@@ -6,6 +6,7 @@ import noop from 'lodash/noop';
 import TetherComponent from 'react-tether';
 import ActivityError from '../common/activity-error';
 import ActivityMessage from '../common/activity-message';
+import ActivityStatus from '../common/activity-status';
 import ActivityTimestamp from '../common/activity-timestamp';
 import AnnotationActivityLink from './AnnotationActivityLink';
 import AnnotationActivityMenu from './AnnotationActivityMenu';
@@ -18,7 +19,7 @@ import SelectableActivityCard from '../SelectableActivityCard';
 import UserLink from '../common/user-link';
 import { ACTIVITY_TARGETS } from '../../../common/interactionTargets';
 import { PLACEHOLDER_USER } from '../../../../constants';
-import type { Annotation, AnnotationPermission } from '../../../../common/types/feed';
+import type { Annotation, AnnotationPermission, FeedItemStatus } from '../../../../common/types/feed';
 import type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';
 import type { SelectorItems, User } from '../../../../common/types/core';
 
@@ -35,6 +36,7 @@ type Props = {
     onDelete?: ({ id: string, permissions: AnnotationPermission }) => any,
     onEdit?: (id: string, text: string, permissions: AnnotationPermission) => void,
     onSelect?: (annotation: Annotation) => any,
+    onStatusChange?: (id: string, status: FeedItemStatus, permissions: AnnotationPermission) => void,
 };
 
 const AnnotationActivity = ({
@@ -48,15 +50,27 @@ const AnnotationActivity = ({
     onDelete = noop,
     onEdit = noop,
     onSelect = noop,
+    onStatusChange = noop,
 }: Props) => {
     const [isConfirmingDelete, setIsConfirmingDelete] = React.useState(false);
     const [isEditing, setIsEditing] = React.useState(false);
     const [isMenuOpen, setIsMenuOpen] = React.useState(false);
-    const { created_at, created_by, description, error, file_version, id, isPending, permissions = {}, target } = item;
-    const { can_delete: canDelete, can_edit: canEdit } = permissions;
+    const {
+        created_at,
+        created_by,
+        description,
+        error,
+        file_version,
+        id,
+        isPending,
+        permissions = {},
+        status,
+        target,
+    } = item;
+    const { can_delete: canDelete, can_edit: canEdit, can_resolve: canResolve } = permissions;
     const isFileVersionUnavailable = file_version === null;
     const isCardDisabled = !!error || isConfirmingDelete || isMenuOpen || isEditing || isFileVersionUnavailable;
-    const isMenuVisible = (canDelete || canEdit) && !isPending;
+    const isMenuVisible = (canDelete || canEdit || canResolve) && !isPending;
 
     const handleDelete = (): void => setIsConfirmingDelete(true);
     const handleDeleteCancel = (): void => setIsConfirmingDelete(false);
@@ -84,6 +98,8 @@ const AnnotationActivity = ({
     };
     const handleSelect = () => onSelect(item);
 
+    const handleStatusChange = (newStatus: FeedItemStatus) => onStatusChange(id, newStatus, permissions);
+
     const createdAtTimestamp = new Date(created_at).getTime();
     const createdByUser = created_by || PLACEHOLDER_USER;
     const linkMessage = isCurrentVersion ? messages.annotationActivityPageItem : messages.annotationActivityVersionLink;
@@ -139,6 +155,7 @@ const AnnotationActivity = ({
                                 onClick={handleSelect}
                             />
                         </div>
+                        <ActivityStatus status={status} />
                         {isEditing && currentUser ? (
                             <CommentForm
                                 className="bcs-AnnotationActivity-editor"
@@ -166,13 +183,16 @@ const AnnotationActivity = ({
                     <AnnotationActivityMenu
                         canDelete={canDelete}
                         canEdit={canEdit}
+                        canResolve={canResolve}
                         className="bcs-AnnotationActivity-menu"
                         id={id}
                         isDisabled={isConfirmingDelete}
+                        status={status}
                         onDelete={handleDelete}
                         onEdit={handleEdit}
                         onMenuClose={handleMenuClose}
                         onMenuOpen={handleMenuOpen}
+                        onStatusChange={handleStatusChange}
                     />
                 )}
                 {isConfirmingDelete && (

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/annotations/AnnotationActivity.js"],"names":["React","classNames","getProp","noop","TetherComponent","ActivityError","ActivityMessage","ActivityTimestamp","AnnotationActivityLink","AnnotationActivityMenu","Avatar","CommentForm","DeleteConfirmation","Media","messages","SelectableActivityCard","UserLink","ACTIVITY_TARGETS","PLACEHOLDER_USER","AnnotationActivity","currentUser","item","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","isCurrentVersion","mentionSelectorContacts","onDelete","onEdit","onSelect","useState","isConfirmingDelete","setIsConfirmingDelete","isEditing","setIsEditing","isMenuOpen","setIsMenuOpen","created_at","created_by","description","error","file_version","id","isPending","permissions","target","canDelete","can_delete","canEdit","can_edit","isFileVersionUnavailable","isCardDisabled","isMenuVisible","handleDelete","handleDeleteCancel","handleDeleteConfirm","handleEdit","handleFormCancel","handleFormSubmit","text","handleMenuClose","handleMenuOpen","handleMouseDown","event","stopPropagation","handleSelect","createdAtTimestamp","Date","getTime","createdByUser","linkMessage","annotationActivityPageItem","annotationActivityVersionLink","linkValue","location","value","message","activityLinkMessage","annotationActivityVersionUnavailable","values","number","tetherProps","attachment","className","constraints","to","targetAttachment","PROFILE","name","ANNOTATION_OPTIONS","annotationActivityDeletePrompt"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport TetherComponent from 'react-tether';\nimport ActivityError from '../common/activity-error';\nimport ActivityMessage from '../common/activity-message';\nimport ActivityTimestamp from '../common/activity-timestamp';\nimport AnnotationActivityLink from './AnnotationActivityLink';\nimport AnnotationActivityMenu from './AnnotationActivityMenu';\nimport Avatar from '../Avatar';\nimport CommentForm from '../comment-form/CommentForm';\nimport DeleteConfirmation from '../common/delete-confirmation';\nimport Media from '../../../../components/media';\nimport messages from './messages';\nimport SelectableActivityCard from '../SelectableActivityCard';\nimport UserLink from '../common/user-link';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport { PLACEHOLDER_USER } from '../../../../constants';\nimport type { Annotation, AnnotationPermission } from '../../../../common/types/feed';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\n\nimport './AnnotationActivity.scss';\n\ntype Props = {\n    currentUser?: User,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: (searchStr: string) => void,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    isCurrentVersion: boolean,\n    item: Annotation,\n    mentionSelectorContacts?: SelectorItems<User>,\n    onDelete?: ({ id: string, permissions: AnnotationPermission }) => any,\n    onEdit?: (id: string, text: string, permissions: AnnotationPermission) => void,\n    onSelect?: (annotation: Annotation) => any,\n};\n\nconst AnnotationActivity = ({\n    currentUser,\n    item,\n    getAvatarUrl,\n    getMentionWithQuery,\n    getUserProfileUrl,\n    isCurrentVersion,\n    mentionSelectorContacts,\n    onDelete = noop,\n    onEdit = noop,\n    onSelect = noop,\n}: Props) => {\n    const [isConfirmingDelete, setIsConfirmingDelete] = React.useState(false);\n    const [isEditing, setIsEditing] = React.useState(false);\n    const [isMenuOpen, setIsMenuOpen] = React.useState(false);\n    const { created_at, created_by, description, error, file_version, id, isPending, permissions = {}, target } = item;\n    const { can_delete: canDelete, can_edit: canEdit } = permissions;\n    const isFileVersionUnavailable = file_version === null;\n    const isCardDisabled = !!error || isConfirmingDelete || isMenuOpen || isEditing || isFileVersionUnavailable;\n    const isMenuVisible = (canDelete || canEdit) && !isPending;\n\n    const handleDelete = (): void => setIsConfirmingDelete(true);\n    const handleDeleteCancel = (): void => setIsConfirmingDelete(false);\n    const handleDeleteConfirm = (): void => {\n        setIsConfirmingDelete(false);\n        onDelete({ id, permissions });\n    };\n    const handleEdit = (): void => setIsEditing(true);\n    const handleFormCancel = (): void => setIsEditing(false);\n    const handleFormSubmit = ({ text }): void => {\n        setIsEditing(false);\n        onEdit(id, text, permissions);\n    };\n    const handleMenuClose = (): void => setIsMenuOpen(false);\n    const handleMenuOpen = (): void => setIsMenuOpen(true);\n    const handleMouseDown = (event: MouseEvent) => {\n        if (isCardDisabled) {\n            return;\n        }\n\n        // Prevents document event handlers from executing because box-annotations relies on\n        // detecting mouse events on the document outside of annotation targets to determine when to\n        // deselect annotations\n        event.stopPropagation();\n    };\n    const handleSelect = () => onSelect(item);\n\n    const createdAtTimestamp = new Date(created_at).getTime();\n    const createdByUser = created_by || PLACEHOLDER_USER;\n    const linkMessage = isCurrentVersion ? messages.annotationActivityPageItem : messages.annotationActivityVersionLink;\n    const linkValue = isCurrentVersion ? target.location.value : getProp(file_version, 'version_number');\n    const message = (description && description.message) || '';\n    const activityLinkMessage = isFileVersionUnavailable\n        ? messages.annotationActivityVersionUnavailable\n        : { ...linkMessage, values: { number: linkValue } };\n    const tetherProps = {\n        attachment: 'top right',\n        className: 'bcs-AnnotationActivity-deleteConfirmationModal',\n        constraints: [{ to: 'scrollParent', attachment: 'together' }],\n        targetAttachment: 'bottom right',\n    };\n\n    return (\n        <>\n            <SelectableActivityCard\n                className=\"bcs-AnnotationActivity\"\n                data-resin-feature=\"annotations\"\n                data-resin-iscurrent={isCurrentVersion}\n                data-resin-itemid={id}\n                data-resin-target=\"annotationButton\"\n                isDisabled={isCardDisabled}\n                onMouseDown={handleMouseDown}\n                onSelect={handleSelect}\n            >\n                <Media\n                    className={classNames('bcs-AnnotationActivity-media', {\n                        'bcs-is-pending': isPending || error,\n                    })}\n                >\n                    <Media.Figure>\n                        <Avatar getAvatarUrl={getAvatarUrl} user={createdByUser} />\n                    </Media.Figure>\n                    <Media.Body>\n                        <div className=\"bcs-AnnotationActivity-headline\">\n                            <UserLink\n                                data-resin-target={ACTIVITY_TARGETS.PROFILE}\n                                getUserProfileUrl={getUserProfileUrl}\n                                id={createdByUser.id}\n                                name={createdByUser.name}\n                            />\n                        </div>\n                        <div className=\"bcs-AnnotationActivity-timestamp\">\n                            <ActivityTimestamp date={createdAtTimestamp} />\n                            <AnnotationActivityLink\n                                className=\"bcs-AnnotationActivity-link\"\n                                data-resin-target=\"annotationLink\"\n                                id={id}\n                                isDisabled={isFileVersionUnavailable}\n                                message={activityLinkMessage}\n                                onClick={handleSelect}\n                            />\n                        </div>\n                        {isEditing && currentUser ? (\n                            <CommentForm\n                                className=\"bcs-AnnotationActivity-editor\"\n                                entityId={id}\n                                getAvatarUrl={getAvatarUrl}\n                                getMentionWithQuery={getMentionWithQuery}\n                                isEditing={isEditing}\n                                isOpen={isEditing}\n                                mentionSelectorContacts={mentionSelectorContacts}\n                                onCancel={handleFormCancel}\n                                updateComment={handleFormSubmit}\n                                user={currentUser}\n                                tagged_message={message}\n                            />\n                        ) : (\n                            <ActivityMessage id={id} tagged_message={message} getUserProfileUrl={getUserProfileUrl} />\n                        )}\n                    </Media.Body>\n                </Media>\n                {/* $FlowFixMe */}\n                {error ? <ActivityError {...error} /> : null}\n            </SelectableActivityCard>\n            <TetherComponent {...tetherProps}>\n                {isMenuVisible && (\n                    <AnnotationActivityMenu\n                        canDelete={canDelete}\n                        canEdit={canEdit}\n                        className=\"bcs-AnnotationActivity-menu\"\n                        id={id}\n                        isDisabled={isConfirmingDelete}\n                        onDelete={handleDelete}\n                        onEdit={handleEdit}\n                        onMenuClose={handleMenuClose}\n                        onMenuOpen={handleMenuOpen}\n                    />\n                )}\n                {isConfirmingDelete && (\n                    <DeleteConfirmation\n                        data-resin-component={ACTIVITY_TARGETS.ANNOTATION_OPTIONS}\n                        isOpen={isConfirmingDelete}\n                        message={messages.annotationActivityDeletePrompt}\n                        onDeleteCancel={handleDeleteCancel}\n                        onDeleteConfirm={handleDeleteConfirm}\n                    />\n                )}\n            </TetherComponent>\n        </>\n    );\n};\n\nexport default AnnotationActivity;\n"],"file":"AnnotationActivity.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/annotations/AnnotationActivity.js"],"names":["React","classNames","getProp","noop","TetherComponent","ActivityError","ActivityMessage","ActivityStatus","ActivityTimestamp","AnnotationActivityLink","AnnotationActivityMenu","Avatar","CommentForm","DeleteConfirmation","Media","messages","SelectableActivityCard","UserLink","ACTIVITY_TARGETS","PLACEHOLDER_USER","AnnotationActivity","currentUser","item","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","isCurrentVersion","mentionSelectorContacts","onDelete","onEdit","onSelect","onStatusChange","useState","isConfirmingDelete","setIsConfirmingDelete","isEditing","setIsEditing","isMenuOpen","setIsMenuOpen","created_at","created_by","description","error","file_version","id","isPending","permissions","status","target","canDelete","can_delete","canEdit","can_edit","canResolve","can_resolve","isFileVersionUnavailable","isCardDisabled","isMenuVisible","handleDelete","handleDeleteCancel","handleDeleteConfirm","handleEdit","handleFormCancel","handleFormSubmit","text","handleMenuClose","handleMenuOpen","handleMouseDown","event","stopPropagation","handleSelect","handleStatusChange","newStatus","createdAtTimestamp","Date","getTime","createdByUser","linkMessage","annotationActivityPageItem","annotationActivityVersionLink","linkValue","location","value","message","activityLinkMessage","annotationActivityVersionUnavailable","values","number","tetherProps","attachment","className","constraints","to","targetAttachment","PROFILE","name","ANNOTATION_OPTIONS","annotationActivityDeletePrompt"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport TetherComponent from 'react-tether';\nimport ActivityError from '../common/activity-error';\nimport ActivityMessage from '../common/activity-message';\nimport ActivityStatus from '../common/activity-status';\nimport ActivityTimestamp from '../common/activity-timestamp';\nimport AnnotationActivityLink from './AnnotationActivityLink';\nimport AnnotationActivityMenu from './AnnotationActivityMenu';\nimport Avatar from '../Avatar';\nimport CommentForm from '../comment-form/CommentForm';\nimport DeleteConfirmation from '../common/delete-confirmation';\nimport Media from '../../../../components/media';\nimport messages from './messages';\nimport SelectableActivityCard from '../SelectableActivityCard';\nimport UserLink from '../common/user-link';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport { PLACEHOLDER_USER } from '../../../../constants';\nimport type { Annotation, AnnotationPermission, FeedItemStatus } from '../../../../common/types/feed';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\n\nimport './AnnotationActivity.scss';\n\ntype Props = {\n    currentUser?: User,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: (searchStr: string) => void,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    isCurrentVersion: boolean,\n    item: Annotation,\n    mentionSelectorContacts?: SelectorItems<User>,\n    onDelete?: ({ id: string, permissions: AnnotationPermission }) => any,\n    onEdit?: (id: string, text: string, permissions: AnnotationPermission) => void,\n    onSelect?: (annotation: Annotation) => any,\n    onStatusChange?: (id: string, status: FeedItemStatus, permissions: AnnotationPermission) => void,\n};\n\nconst AnnotationActivity = ({\n    currentUser,\n    item,\n    getAvatarUrl,\n    getMentionWithQuery,\n    getUserProfileUrl,\n    isCurrentVersion,\n    mentionSelectorContacts,\n    onDelete = noop,\n    onEdit = noop,\n    onSelect = noop,\n    onStatusChange = noop,\n}: Props) => {\n    const [isConfirmingDelete, setIsConfirmingDelete] = React.useState(false);\n    const [isEditing, setIsEditing] = React.useState(false);\n    const [isMenuOpen, setIsMenuOpen] = React.useState(false);\n    const {\n        created_at,\n        created_by,\n        description,\n        error,\n        file_version,\n        id,\n        isPending,\n        permissions = {},\n        status,\n        target,\n    } = item;\n    const { can_delete: canDelete, can_edit: canEdit, can_resolve: canResolve } = permissions;\n    const isFileVersionUnavailable = file_version === null;\n    const isCardDisabled = !!error || isConfirmingDelete || isMenuOpen || isEditing || isFileVersionUnavailable;\n    const isMenuVisible = (canDelete || canEdit || canResolve) && !isPending;\n\n    const handleDelete = (): void => setIsConfirmingDelete(true);\n    const handleDeleteCancel = (): void => setIsConfirmingDelete(false);\n    const handleDeleteConfirm = (): void => {\n        setIsConfirmingDelete(false);\n        onDelete({ id, permissions });\n    };\n    const handleEdit = (): void => setIsEditing(true);\n    const handleFormCancel = (): void => setIsEditing(false);\n    const handleFormSubmit = ({ text }): void => {\n        setIsEditing(false);\n        onEdit(id, text, permissions);\n    };\n    const handleMenuClose = (): void => setIsMenuOpen(false);\n    const handleMenuOpen = (): void => setIsMenuOpen(true);\n    const handleMouseDown = (event: MouseEvent) => {\n        if (isCardDisabled) {\n            return;\n        }\n\n        // Prevents document event handlers from executing because box-annotations relies on\n        // detecting mouse events on the document outside of annotation targets to determine when to\n        // deselect annotations\n        event.stopPropagation();\n    };\n    const handleSelect = () => onSelect(item);\n\n    const handleStatusChange = (newStatus: FeedItemStatus) => onStatusChange(id, newStatus, permissions);\n\n    const createdAtTimestamp = new Date(created_at).getTime();\n    const createdByUser = created_by || PLACEHOLDER_USER;\n    const linkMessage = isCurrentVersion ? messages.annotationActivityPageItem : messages.annotationActivityVersionLink;\n    const linkValue = isCurrentVersion ? target.location.value : getProp(file_version, 'version_number');\n    const message = (description && description.message) || '';\n    const activityLinkMessage = isFileVersionUnavailable\n        ? messages.annotationActivityVersionUnavailable\n        : { ...linkMessage, values: { number: linkValue } };\n    const tetherProps = {\n        attachment: 'top right',\n        className: 'bcs-AnnotationActivity-deleteConfirmationModal',\n        constraints: [{ to: 'scrollParent', attachment: 'together' }],\n        targetAttachment: 'bottom right',\n    };\n\n    return (\n        <>\n            <SelectableActivityCard\n                className=\"bcs-AnnotationActivity\"\n                data-resin-feature=\"annotations\"\n                data-resin-iscurrent={isCurrentVersion}\n                data-resin-itemid={id}\n                data-resin-target=\"annotationButton\"\n                isDisabled={isCardDisabled}\n                onMouseDown={handleMouseDown}\n                onSelect={handleSelect}\n            >\n                <Media\n                    className={classNames('bcs-AnnotationActivity-media', {\n                        'bcs-is-pending': isPending || error,\n                    })}\n                >\n                    <Media.Figure>\n                        <Avatar getAvatarUrl={getAvatarUrl} user={createdByUser} />\n                    </Media.Figure>\n                    <Media.Body>\n                        <div className=\"bcs-AnnotationActivity-headline\">\n                            <UserLink\n                                data-resin-target={ACTIVITY_TARGETS.PROFILE}\n                                getUserProfileUrl={getUserProfileUrl}\n                                id={createdByUser.id}\n                                name={createdByUser.name}\n                            />\n                        </div>\n                        <div className=\"bcs-AnnotationActivity-timestamp\">\n                            <ActivityTimestamp date={createdAtTimestamp} />\n                            <AnnotationActivityLink\n                                className=\"bcs-AnnotationActivity-link\"\n                                data-resin-target=\"annotationLink\"\n                                id={id}\n                                isDisabled={isFileVersionUnavailable}\n                                message={activityLinkMessage}\n                                onClick={handleSelect}\n                            />\n                        </div>\n                        <ActivityStatus status={status} />\n                        {isEditing && currentUser ? (\n                            <CommentForm\n                                className=\"bcs-AnnotationActivity-editor\"\n                                entityId={id}\n                                getAvatarUrl={getAvatarUrl}\n                                getMentionWithQuery={getMentionWithQuery}\n                                isEditing={isEditing}\n                                isOpen={isEditing}\n                                mentionSelectorContacts={mentionSelectorContacts}\n                                onCancel={handleFormCancel}\n                                updateComment={handleFormSubmit}\n                                user={currentUser}\n                                tagged_message={message}\n                            />\n                        ) : (\n                            <ActivityMessage id={id} tagged_message={message} getUserProfileUrl={getUserProfileUrl} />\n                        )}\n                    </Media.Body>\n                </Media>\n                {/* $FlowFixMe */}\n                {error ? <ActivityError {...error} /> : null}\n            </SelectableActivityCard>\n            <TetherComponent {...tetherProps}>\n                {isMenuVisible && (\n                    <AnnotationActivityMenu\n                        canDelete={canDelete}\n                        canEdit={canEdit}\n                        canResolve={canResolve}\n                        className=\"bcs-AnnotationActivity-menu\"\n                        id={id}\n                        isDisabled={isConfirmingDelete}\n                        status={status}\n                        onDelete={handleDelete}\n                        onEdit={handleEdit}\n                        onMenuClose={handleMenuClose}\n                        onMenuOpen={handleMenuOpen}\n                        onStatusChange={handleStatusChange}\n                    />\n                )}\n                {isConfirmingDelete && (\n                    <DeleteConfirmation\n                        data-resin-component={ACTIVITY_TARGETS.ANNOTATION_OPTIONS}\n                        isOpen={isConfirmingDelete}\n                        message={messages.annotationActivityDeletePrompt}\n                        onDeleteCancel={handleDeleteCancel}\n                        onDeleteConfirm={handleDeleteConfirm}\n                    />\n                )}\n            </TetherComponent>\n        </>\n    );\n};\n\nexport default AnnotationActivity;\n"],"file":"AnnotationActivity.js"}

package/es/elements/content-sidebar/activity-feed/annotations/AnnotationActivityMenu.js

@@ -2,29 +2,36 @@ import * as React from 'react';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
 import DropdownMenu from '../../../../components/dropdown-menu';
+import Checkmark16 from '../../../../icon/fill/Checkmark16';
 import IconEllipsis from '../../../../icons/general/IconEllipsis';
-import messages from './messages';
 import Pencil16 from '../../../../icon/line/Pencil16';
 import PlainButton from '../../../../components/plain-button';
 import Trash16 from '../../../../icon/fill/Trash16';
+import X16 from '../../../../icon/fill/X16';
+import { Menu, MenuItem } from '../../../../components/menu';
 import { ACTIVITY_TARGETS } from '../../../common/interactionTargets';
+import { COMMENT_STATUS_OPEN, COMMENT_STATUS_RESOLVED } from '../../../../constants';
 import { bdlGray50 } from '../../../../styles/variables';
-import { Menu, MenuItem } from '../../../../components/menu';
+import messages from './messages';
 
 var AnnotationActivityMenu = function AnnotationActivityMenu(_ref) {
   var canDelete = _ref.canDelete,
       canEdit = _ref.canEdit,
+      canResolve = _ref.canResolve,
       className = _ref.className,
       id = _ref.id,
       isDisabled = _ref.isDisabled,
       onDelete = _ref.onDelete,
       onEdit = _ref.onEdit,
       onMenuClose = _ref.onMenuClose,
-      onMenuOpen = _ref.onMenuOpen;
+      onMenuOpen = _ref.onMenuOpen,
+      onStatusChange = _ref.onStatusChange,
+      status = _ref.status;
   var menuProps = {
     'data-resin-component': 'preview',
     'data-resin-feature': 'annotations'
   };
+  var isResolved = status === COMMENT_STATUS_RESOLVED;
   return React.createElement(DropdownMenu, {
     constrainToScrollParent: true,
     isRightAligned: true,
@@ -39,7 +46,21 @@ var AnnotationActivityMenu = function AnnotationActivityMenu(_ref) {
     color: bdlGray50,
     height: 16,
     width: 16
-  })), React.createElement(Menu, menuProps, canEdit && React.createElement(MenuItem, {
+  })), React.createElement(Menu, menuProps, canResolve && isResolved && React.createElement(MenuItem, {
+    "data-resin-itemid": id,
+    "data-resin-target": ACTIVITY_TARGETS.ANNOTATION_OPTIONS_UNRESOLVE,
+    "data-testid": "unresolve-annotation-activity",
+    onClick: function onClick() {
+      return onStatusChange(COMMENT_STATUS_OPEN);
+    }
+  }, React.createElement(X16, null), React.createElement(FormattedMessage, messages.annotationActivityUnresolveMenuItem)), canResolve && !isResolved && React.createElement(MenuItem, {
+    "data-resin-itemid": id,
+    "data-resin-target": ACTIVITY_TARGETS.ANNOTATION_OPTIONS_RESOLVE,
+    "data-testid": "resolve-annotation-activity",
+    onClick: function onClick() {
+      return onStatusChange(COMMENT_STATUS_RESOLVED);
+    }
+  }, React.createElement(Checkmark16, null), React.createElement(FormattedMessage, messages.annotationActivityResolveMenuItem)), canEdit && React.createElement(MenuItem, {
     "data-resin-itemid": id,
     "data-resin-target": ACTIVITY_TARGETS.ANNOTATION_OPTIONS_EDIT,
     "data-testid": "edit-annotation-activity",

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

@@ -3,18 +3,23 @@ import * as React from 'react';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
 import DropdownMenu from '../../../../components/dropdown-menu';
+import Checkmark16 from '../../../../icon/fill/Checkmark16';
 import IconEllipsis from '../../../../icons/general/IconEllipsis';
-import messages from './messages';
 import Pencil16 from '../../../../icon/line/Pencil16';
 import PlainButton from '../../../../components/plain-button';
 import Trash16 from '../../../../icon/fill/Trash16';
+import X16 from '../../../../icon/fill/X16';
+import { Menu, MenuItem } from '../../../../components/menu';
 import { ACTIVITY_TARGETS } from '../../../common/interactionTargets';
+import { COMMENT_STATUS_OPEN, COMMENT_STATUS_RESOLVED } from '../../../../constants';
 import { bdlGray50 } from '../../../../styles/variables';
-import { Menu, MenuItem } from '../../../../components/menu';
+import type { FeedItemStatus } from '../../../../common/types/feed';
+import messages from './messages';
 
 type AnnotationActivityMenuProps = {
     canDelete?: boolean,
     canEdit?: boolean,
+    canResolve?: boolean,
     className?: string,
     id: string,
     isDisabled?: boolean,
@@ -22,11 +27,14 @@ type AnnotationActivityMenuProps = {
     onEdit: () => void,
     onMenuClose: () => void,
     onMenuOpen: () => void,
+    onStatusChange: (newStatus: FeedItemStatus) => void,
+    status?: FeedItemStatus,
 };
 
 const AnnotationActivityMenu = ({
     canDelete,
     canEdit,
+    canResolve,
     className,
     id,
     isDisabled,
@@ -34,11 +42,14 @@ const AnnotationActivityMenu = ({
     onEdit,
     onMenuClose,
     onMenuOpen,
+    onStatusChange,
+    status,
 }: AnnotationActivityMenuProps) => {
     const menuProps = {
         'data-resin-component': 'preview',
         'data-resin-feature': 'annotations',
     };
+    const isResolved = status === COMMENT_STATUS_RESOLVED;
 
     return (
         <DropdownMenu constrainToScrollParent isRightAligned onMenuClose={onMenuClose} onMenuOpen={onMenuOpen}>
@@ -51,6 +62,29 @@ const AnnotationActivityMenu = ({
                 <IconEllipsis color={bdlGray50} height={16} width={16} />
             </PlainButton>
             <Menu {...menuProps}>
+                {canResolve && isResolved && (
+                    <MenuItem
+                        data-resin-itemid={id}
+                        data-resin-target={ACTIVITY_TARGETS.ANNOTATION_OPTIONS_UNRESOLVE}
+                        data-testid="unresolve-annotation-activity"
+                        onClick={() => onStatusChange(COMMENT_STATUS_OPEN)}
+                    >
+                        <X16 />
+                        <FormattedMessage {...messages.annotationActivityUnresolveMenuItem} />
+                    </MenuItem>
+                )}
+                {canResolve && !isResolved && (
+                    <MenuItem
+                        data-resin-itemid={id}
+                        data-resin-target={ACTIVITY_TARGETS.ANNOTATION_OPTIONS_RESOLVE}
+                        data-testid="resolve-annotation-activity"
+                        onClick={() => onStatusChange(COMMENT_STATUS_RESOLVED)}
+                    >
+                        <Checkmark16 />
+                        <FormattedMessage {...messages.annotationActivityResolveMenuItem} />
+                    </MenuItem>
+                )}
+
                 {canEdit && (
                     <MenuItem
                         data-resin-itemid={id}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/annotations/AnnotationActivityMenu.js"],"names":["React","classNames","FormattedMessage","DropdownMenu","IconEllipsis","messages","Pencil16","PlainButton","Trash16","ACTIVITY_TARGETS","bdlGray50","Menu","MenuItem","AnnotationActivityMenu","canDelete","canEdit","className","id","isDisabled","onDelete","onEdit","onMenuClose","onMenuOpen","menuProps","ANNOTATION_OPTIONS_EDIT","annotationActivityEditMenuItem","ANNOTATION_OPTIONS_DELETE","annotationActivityDeleteMenuItem"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AACA,OAAOC,YAAP,MAAyB,sCAAzB;AACA,OAAOC,YAAP,MAAyB,wCAAzB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,QAAP,MAAqB,gCAArB;AACA,OAAOC,WAAP,MAAwB,qCAAxB;AACA,OAAOC,OAAP,MAAoB,+BAApB;AACA,SAASC,gBAAT,QAAiC,oCAAjC;AACA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAASC,IAAT,EAAeC,QAAf,QAA+B,6BAA/B;;AAcA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAUI;AAAA,MAT/BC,SAS+B,QAT/BA,SAS+B;AAAA,MAR/BC,OAQ+B,QAR/BA,OAQ+B;AAAA,MAP/BC,SAO+B,QAP/BA,SAO+B;AAAA,MAN/BC,EAM+B,QAN/BA,EAM+B;AAAA,MAL/BC,UAK+B,QAL/BA,UAK+B;AAAA,MAJ/BC,QAI+B,QAJ/BA,QAI+B;AAAA,MAH/BC,MAG+B,QAH/BA,MAG+B;AAAA,MAF/BC,WAE+B,QAF/BA,WAE+B;AAAA,MAD/BC,UAC+B,QAD/BA,UAC+B;AAC/B,MAAMC,SAAS,GAAG;AACd,4BAAwB,SADV;AAEd,0BAAsB;AAFR,GAAlB;AAKA,SACI,oBAAC,YAAD;AAAc,IAAA,uBAAuB,MAArC;AAAsC,IAAA,cAAc,MAApD;AAAqD,IAAA,WAAW,EAAEF,WAAlE;AAA+E,IAAA,UAAU,EAAEC;AAA3F,KACI,oBAAC,WAAD;AACI,IAAA,SAAS,EAAErB,UAAU,CAAC,4BAAD,EAA+Be,SAA/B,CADzB;AAEI,IAAA,UAAU,EAAEE,UAFhB;AAGI,mBAAY,kCAHhB;AAII,IAAA,IAAI,EAAC;AAJT,KAMI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAER,SAArB;AAAgC,IAAA,MAAM,EAAE,EAAxC;AAA4C,IAAA,KAAK,EAAE;AAAnD,IANJ,CADJ,EASI,oBAAC,IAAD,EAAUa,SAAV,EACKR,OAAO,IACJ,oBAAC,QAAD;AACI,yBAAmBE,EADvB;AAEI,yBAAmBR,gBAAgB,CAACe,uBAFxC;AAGI,mBAAY,0BAHhB;AAII,IAAA,OAAO,EAAEJ;AAJb,KAMI,oBAAC,QAAD,OANJ,EAOI,oBAAC,gBAAD,EAAsBf,QAAQ,CAACoB,8BAA/B,CAPJ,CAFR,EAYKX,SAAS,IACN,oBAAC,QAAD;AACI,yBAAmBG,EADvB;AAEI,yBAAmBR,gBAAgB,CAACiB,yBAFxC;AAGI,mBAAY,4BAHhB;AAII,IAAA,OAAO,EAAEP;AAJb,KAMI,oBAAC,OAAD,OANJ,EAOI,oBAAC,gBAAD,EAAsBd,QAAQ,CAACsB,gCAA/B,CAPJ,CAbR,CATJ,CADJ;AAoCH,CApDD;;AAsDA,eAAed,sBAAf","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\nimport DropdownMenu from '../../../../components/dropdown-menu';\nimport IconEllipsis from '../../../../icons/general/IconEllipsis';\nimport messages from './messages';\nimport Pencil16 from '../../../../icon/line/Pencil16';\nimport PlainButton from '../../../../components/plain-button';\nimport Trash16 from '../../../../icon/fill/Trash16';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport { bdlGray50 } from '../../../../styles/variables';\nimport { Menu, MenuItem } from '../../../../components/menu';\n\ntype AnnotationActivityMenuProps = {\n    canDelete?: boolean,\n    canEdit?: boolean,\n    className?: string,\n    id: string,\n    isDisabled?: boolean,\n    onDelete: () => void,\n    onEdit: () => void,\n    onMenuClose: () => void,\n    onMenuOpen: () => void,\n};\n\nconst AnnotationActivityMenu = ({\n    canDelete,\n    canEdit,\n    className,\n    id,\n    isDisabled,\n    onDelete,\n    onEdit,\n    onMenuClose,\n    onMenuOpen,\n}: AnnotationActivityMenuProps) => {\n    const menuProps = {\n        'data-resin-component': 'preview',\n        'data-resin-feature': 'annotations',\n    };\n\n    return (\n        <DropdownMenu constrainToScrollParent isRightAligned onMenuClose={onMenuClose} onMenuOpen={onMenuOpen}>\n            <PlainButton\n                className={classNames('bcs-AnnotationActivityMenu', className)}\n                isDisabled={isDisabled}\n                data-testid=\"annotation-activity-actions-menu\"\n                type=\"button\"\n            >\n                <IconEllipsis color={bdlGray50} height={16} width={16} />\n            </PlainButton>\n            <Menu {...menuProps}>\n                {canEdit && (\n                    <MenuItem\n                        data-resin-itemid={id}\n                        data-resin-target={ACTIVITY_TARGETS.ANNOTATION_OPTIONS_EDIT}\n                        data-testid=\"edit-annotation-activity\"\n                        onClick={onEdit}\n                    >\n                        <Pencil16 />\n                        <FormattedMessage {...messages.annotationActivityEditMenuItem} />\n                    </MenuItem>\n                )}\n                {canDelete && (\n                    <MenuItem\n                        data-resin-itemid={id}\n                        data-resin-target={ACTIVITY_TARGETS.ANNOTATION_OPTIONS_DELETE}\n                        data-testid=\"delete-annotation-activity\"\n                        onClick={onDelete}\n                    >\n                        <Trash16 />\n                        <FormattedMessage {...messages.annotationActivityDeleteMenuItem} />\n                    </MenuItem>\n                )}\n            </Menu>\n        </DropdownMenu>\n    );\n};\n\nexport default AnnotationActivityMenu;\n"],"file":"AnnotationActivityMenu.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/annotations/AnnotationActivityMenu.js"],"names":["React","classNames","FormattedMessage","DropdownMenu","Checkmark16","IconEllipsis","Pencil16","PlainButton","Trash16","X16","Menu","MenuItem","ACTIVITY_TARGETS","COMMENT_STATUS_OPEN","COMMENT_STATUS_RESOLVED","bdlGray50","messages","AnnotationActivityMenu","canDelete","canEdit","canResolve","className","id","isDisabled","onDelete","onEdit","onMenuClose","onMenuOpen","onStatusChange","status","menuProps","isResolved","ANNOTATION_OPTIONS_UNRESOLVE","annotationActivityUnresolveMenuItem","ANNOTATION_OPTIONS_RESOLVE","annotationActivityResolveMenuItem","ANNOTATION_OPTIONS_EDIT","annotationActivityEditMenuItem","ANNOTATION_OPTIONS_DELETE","annotationActivityDeleteMenuItem"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AACA,OAAOC,YAAP,MAAyB,sCAAzB;AACA,OAAOC,WAAP,MAAwB,mCAAxB;AACA,OAAOC,YAAP,MAAyB,wCAAzB;AACA,OAAOC,QAAP,MAAqB,gCAArB;AACA,OAAOC,WAAP,MAAwB,qCAAxB;AACA,OAAOC,OAAP,MAAoB,+BAApB;AACA,OAAOC,GAAP,MAAgB,2BAAhB;AACA,SAASC,IAAT,EAAeC,QAAf,QAA+B,6BAA/B;AACA,SAASC,gBAAT,QAAiC,oCAAjC;AACA,SAASC,mBAAT,EAA8BC,uBAA9B,QAA6D,uBAA7D;AACA,SAASC,SAAT,QAA0B,8BAA1B;AAEA,OAAOC,QAAP,MAAqB,YAArB;;AAiBA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAaI;AAAA,MAZ/BC,SAY+B,QAZ/BA,SAY+B;AAAA,MAX/BC,OAW+B,QAX/BA,OAW+B;AAAA,MAV/BC,UAU+B,QAV/BA,UAU+B;AAAA,MAT/BC,SAS+B,QAT/BA,SAS+B;AAAA,MAR/BC,EAQ+B,QAR/BA,EAQ+B;AAAA,MAP/BC,UAO+B,QAP/BA,UAO+B;AAAA,MAN/BC,QAM+B,QAN/BA,QAM+B;AAAA,MAL/BC,MAK+B,QAL/BA,MAK+B;AAAA,MAJ/BC,WAI+B,QAJ/BA,WAI+B;AAAA,MAH/BC,UAG+B,QAH/BA,UAG+B;AAAA,MAF/BC,cAE+B,QAF/BA,cAE+B;AAAA,MAD/BC,MAC+B,QAD/BA,MAC+B;AAC/B,MAAMC,SAAS,GAAG;AACd,4BAAwB,SADV;AAEd,0BAAsB;AAFR,GAAlB;AAIA,MAAMC,UAAU,GAAGF,MAAM,KAAKf,uBAA9B;AAEA,SACI,oBAAC,YAAD;AAAc,IAAA,uBAAuB,MAArC;AAAsC,IAAA,cAAc,MAApD;AAAqD,IAAA,WAAW,EAAEY,WAAlE;AAA+E,IAAA,UAAU,EAAEC;AAA3F,KACI,oBAAC,WAAD;AACI,IAAA,SAAS,EAAE1B,UAAU,CAAC,4BAAD,EAA+BoB,SAA/B,CADzB;AAEI,IAAA,UAAU,EAAEE,UAFhB;AAGI,mBAAY,kCAHhB;AAII,IAAA,IAAI,EAAC;AAJT,KAMI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAER,SAArB;AAAgC,IAAA,MAAM,EAAE,EAAxC;AAA4C,IAAA,KAAK,EAAE;AAAnD,IANJ,CADJ,EASI,oBAAC,IAAD,EAAUe,SAAV,EACKV,UAAU,IAAIW,UAAd,IACG,oBAAC,QAAD;AACI,yBAAmBT,EADvB;AAEI,yBAAmBV,gBAAgB,CAACoB,4BAFxC;AAGI,mBAAY,+BAHhB;AAII,IAAA,OAAO,EAAE;AAAA,aAAMJ,cAAc,CAACf,mBAAD,CAApB;AAAA;AAJb,KAMI,oBAAC,GAAD,OANJ,EAOI,oBAAC,gBAAD,EAAsBG,QAAQ,CAACiB,mCAA/B,CAPJ,CAFR,EAYKb,UAAU,IAAI,CAACW,UAAf,IACG,oBAAC,QAAD;AACI,yBAAmBT,EADvB;AAEI,yBAAmBV,gBAAgB,CAACsB,0BAFxC;AAGI,mBAAY,6BAHhB;AAII,IAAA,OAAO,EAAE;AAAA,aAAMN,cAAc,CAACd,uBAAD,CAApB;AAAA;AAJb,KAMI,oBAAC,WAAD,OANJ,EAOI,oBAAC,gBAAD,EAAsBE,QAAQ,CAACmB,iCAA/B,CAPJ,CAbR,EAwBKhB,OAAO,IACJ,oBAAC,QAAD;AACI,yBAAmBG,EADvB;AAEI,yBAAmBV,gBAAgB,CAACwB,uBAFxC;AAGI,mBAAY,0BAHhB;AAII,IAAA,OAAO,EAAEX;AAJb,KAMI,oBAAC,QAAD,OANJ,EAOI,oBAAC,gBAAD,EAAsBT,QAAQ,CAACqB,8BAA/B,CAPJ,CAzBR,EAmCKnB,SAAS,IACN,oBAAC,QAAD;AACI,yBAAmBI,EADvB;AAEI,yBAAmBV,gBAAgB,CAAC0B,yBAFxC;AAGI,mBAAY,4BAHhB;AAII,IAAA,OAAO,EAAEd;AAJb,KAMI,oBAAC,OAAD,OANJ,EAOI,oBAAC,gBAAD,EAAsBR,QAAQ,CAACuB,gCAA/B,CAPJ,CApCR,CATJ,CADJ;AA2DH,CA/ED;;AAiFA,eAAetB,sBAAf","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\nimport DropdownMenu from '../../../../components/dropdown-menu';\nimport Checkmark16 from '../../../../icon/fill/Checkmark16';\nimport IconEllipsis from '../../../../icons/general/IconEllipsis';\nimport Pencil16 from '../../../../icon/line/Pencil16';\nimport PlainButton from '../../../../components/plain-button';\nimport Trash16 from '../../../../icon/fill/Trash16';\nimport X16 from '../../../../icon/fill/X16';\nimport { Menu, MenuItem } from '../../../../components/menu';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport { COMMENT_STATUS_OPEN, COMMENT_STATUS_RESOLVED } from '../../../../constants';\nimport { bdlGray50 } from '../../../../styles/variables';\nimport type { FeedItemStatus } from '../../../../common/types/feed';\nimport messages from './messages';\n\ntype AnnotationActivityMenuProps = {\n    canDelete?: boolean,\n    canEdit?: boolean,\n    canResolve?: boolean,\n    className?: string,\n    id: string,\n    isDisabled?: boolean,\n    onDelete: () => void,\n    onEdit: () => void,\n    onMenuClose: () => void,\n    onMenuOpen: () => void,\n    onStatusChange: (newStatus: FeedItemStatus) => void,\n    status?: FeedItemStatus,\n};\n\nconst AnnotationActivityMenu = ({\n    canDelete,\n    canEdit,\n    canResolve,\n    className,\n    id,\n    isDisabled,\n    onDelete,\n    onEdit,\n    onMenuClose,\n    onMenuOpen,\n    onStatusChange,\n    status,\n}: AnnotationActivityMenuProps) => {\n    const menuProps = {\n        'data-resin-component': 'preview',\n        'data-resin-feature': 'annotations',\n    };\n    const isResolved = status === COMMENT_STATUS_RESOLVED;\n\n    return (\n        <DropdownMenu constrainToScrollParent isRightAligned onMenuClose={onMenuClose} onMenuOpen={onMenuOpen}>\n            <PlainButton\n                className={classNames('bcs-AnnotationActivityMenu', className)}\n                isDisabled={isDisabled}\n                data-testid=\"annotation-activity-actions-menu\"\n                type=\"button\"\n            >\n                <IconEllipsis color={bdlGray50} height={16} width={16} />\n            </PlainButton>\n            <Menu {...menuProps}>\n                {canResolve && isResolved && (\n                    <MenuItem\n                        data-resin-itemid={id}\n                        data-resin-target={ACTIVITY_TARGETS.ANNOTATION_OPTIONS_UNRESOLVE}\n                        data-testid=\"unresolve-annotation-activity\"\n                        onClick={() => onStatusChange(COMMENT_STATUS_OPEN)}\n                    >\n                        <X16 />\n                        <FormattedMessage {...messages.annotationActivityUnresolveMenuItem} />\n                    </MenuItem>\n                )}\n                {canResolve && !isResolved && (\n                    <MenuItem\n                        data-resin-itemid={id}\n                        data-resin-target={ACTIVITY_TARGETS.ANNOTATION_OPTIONS_RESOLVE}\n                        data-testid=\"resolve-annotation-activity\"\n                        onClick={() => onStatusChange(COMMENT_STATUS_RESOLVED)}\n                    >\n                        <Checkmark16 />\n                        <FormattedMessage {...messages.annotationActivityResolveMenuItem} />\n                    </MenuItem>\n                )}\n\n                {canEdit && (\n                    <MenuItem\n                        data-resin-itemid={id}\n                        data-resin-target={ACTIVITY_TARGETS.ANNOTATION_OPTIONS_EDIT}\n                        data-testid=\"edit-annotation-activity\"\n                        onClick={onEdit}\n                    >\n                        <Pencil16 />\n                        <FormattedMessage {...messages.annotationActivityEditMenuItem} />\n                    </MenuItem>\n                )}\n                {canDelete && (\n                    <MenuItem\n                        data-resin-itemid={id}\n                        data-resin-target={ACTIVITY_TARGETS.ANNOTATION_OPTIONS_DELETE}\n                        data-testid=\"delete-annotation-activity\"\n                        onClick={onDelete}\n                    >\n                        <Trash16 />\n                        <FormattedMessage {...messages.annotationActivityDeleteMenuItem} />\n                    </MenuItem>\n                )}\n            </Menu>\n        </DropdownMenu>\n    );\n};\n\nexport default AnnotationActivityMenu;\n"],"file":"AnnotationActivityMenu.js"}

package/es/elements/content-sidebar/activity-feed/annotations/messages.js

@@ -20,6 +20,10 @@ var messages = defineMessages({
     "id": "be.contentSidebar.activityFeed.annotationActivityPageItem",
     "defaultMessage": "Page {number}"
   },
+  annotationActivityResolveMenuItem: {
+    "id": "be.contentSidebar.activityFeed.annotationActivity.annotationActivityResolveMenuItem",
+    "defaultMessage": "Resolve"
+  },
   annotationActivityVersionLink: {
     "id": "be.contentSidebar.activityFeed.annotationActivityVersionLink",
     "defaultMessage": "Version {number}"
@@ -27,6 +31,10 @@ var messages = defineMessages({
   annotationActivityVersionUnavailable: {
     "id": "be.contentSidebar.activityFeed.annotationActivityVersionUnavailable",
     "defaultMessage": "Version Unavailable"
+  },
+  annotationActivityUnresolveMenuItem: {
+    "id": "be.contentSidebar.activityFeed.annotationActivity.annotationActivityUnresolveMenuItem",
+    "defaultMessage": "Unresolve"
   }
 });
 export default messages;

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

@@ -26,6 +26,11 @@ const messages = defineMessages({
         defaultMessage: 'Page {number}',
         description: 'Annotation activity item link shown on annotation activity',
     },
+    annotationActivityResolveMenuItem: {
+        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityResolveMenuItem',
+        defaultMessage: 'Resolve',
+        description: 'Text to show on menu item to resolve the annotation comment',
+    },
     annotationActivityVersionLink: {
         id: 'be.contentSidebar.activityFeed.annotationActivityVersionLink',
         defaultMessage: 'Version {number}',
@@ -37,6 +42,11 @@ const messages = defineMessages({
         description:
             'Annotation activity item link shown on annotation activity for previous file version that is unavailable',
     },
+    annotationActivityUnresolveMenuItem: {
+        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityUnresolveMenuItem',
+        defaultMessage: 'Unresolve',
+        description: 'Text to show on menu item to unresolve the annotation comment',
+    },
 });
 
 export default messages;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/annotations/messages.js"],"names":["defineMessages","messages","annotationActivityDeleteMenuItem","annotationActivityDeletePrompt","annotationActivityEditMenuItem","annotationActivityPostedFullDateTime","annotationActivityPageItem","annotationActivityVersionLink","annotationActivityVersionUnavailable"],"mappings":"AAAA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,gCAAgC;AAAA;AAAA;AAAA,GADJ;AAM5BC,EAAAA,8BAA8B;AAAA;AAAA;AAAA,GANF;AAW5BC,EAAAA,8BAA8B;AAAA;AAAA;AAAA,GAXF;AAgB5BC,EAAAA,oCAAoC;AAAA;AAAA;AAAA,GAhBR;AAqB5BC,EAAAA,0BAA0B;AAAA;AAAA;AAAA,GArBE;AA0B5BC,EAAAA,6BAA6B;AAAA;AAAA;AAAA,GA1BD;AA+B5BC,EAAAA,oCAAoC;AAAA;AAAA;AAAA;AA/BR,CAAD,CAA/B;AAuCA,eAAeP,QAAf","sourcesContent":["import { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n    annotationActivityDeleteMenuItem: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityDeleteMenuItem',\n        defaultMessage: 'Delete',\n        description: 'Text to show on menu item to delete the annotation comment',\n    },\n    annotationActivityDeletePrompt: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityDeletePrompt',\n        defaultMessage: 'Are you sure you want to permanently delete this comment?',\n        description: 'Confirmation prompt text to delete the annotation comment',\n    },\n    annotationActivityEditMenuItem: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityEditMenuItem',\n        defaultMessage: 'Modify',\n        description: 'Text to show on menu item to edit the annotation comment',\n    },\n    annotationActivityPostedFullDateTime: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityPostedFullDateTime',\n        defaultMessage: '{time, date, full} at {time, time, short}',\n        description: 'Full data and time for annotation title',\n    },\n    annotationActivityPageItem: {\n        id: 'be.contentSidebar.activityFeed.annotationActivityPageItem',\n        defaultMessage: 'Page {number}',\n        description: 'Annotation activity item link shown on annotation activity',\n    },\n    annotationActivityVersionLink: {\n        id: 'be.contentSidebar.activityFeed.annotationActivityVersionLink',\n        defaultMessage: 'Version {number}',\n        description: 'Annotation activity item link shown on annotation activity for previous file version',\n    },\n    annotationActivityVersionUnavailable: {\n        id: 'be.contentSidebar.activityFeed.annotationActivityVersionUnavailable',\n        defaultMessage: 'Version Unavailable',\n        description:\n            'Annotation activity item link shown on annotation activity for previous file version that is unavailable',\n    },\n});\n\nexport default messages;\n"],"file":"messages.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/annotations/messages.js"],"names":["defineMessages","messages","annotationActivityDeleteMenuItem","annotationActivityDeletePrompt","annotationActivityEditMenuItem","annotationActivityPostedFullDateTime","annotationActivityPageItem","annotationActivityResolveMenuItem","annotationActivityVersionLink","annotationActivityVersionUnavailable","annotationActivityUnresolveMenuItem"],"mappings":"AAAA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,gCAAgC;AAAA;AAAA;AAAA,GADJ;AAM5BC,EAAAA,8BAA8B;AAAA;AAAA;AAAA,GANF;AAW5BC,EAAAA,8BAA8B;AAAA;AAAA;AAAA,GAXF;AAgB5BC,EAAAA,oCAAoC;AAAA;AAAA;AAAA,GAhBR;AAqB5BC,EAAAA,0BAA0B;AAAA;AAAA;AAAA,GArBE;AA0B5BC,EAAAA,iCAAiC;AAAA;AAAA;AAAA,GA1BL;AA+B5BC,EAAAA,6BAA6B;AAAA;AAAA;AAAA,GA/BD;AAoC5BC,EAAAA,oCAAoC;AAAA;AAAA;AAAA,GApCR;AA0C5BC,EAAAA,mCAAmC;AAAA;AAAA;AAAA;AA1CP,CAAD,CAA/B;AAiDA,eAAeT,QAAf","sourcesContent":["import { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n    annotationActivityDeleteMenuItem: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityDeleteMenuItem',\n        defaultMessage: 'Delete',\n        description: 'Text to show on menu item to delete the annotation comment',\n    },\n    annotationActivityDeletePrompt: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityDeletePrompt',\n        defaultMessage: 'Are you sure you want to permanently delete this comment?',\n        description: 'Confirmation prompt text to delete the annotation comment',\n    },\n    annotationActivityEditMenuItem: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityEditMenuItem',\n        defaultMessage: 'Modify',\n        description: 'Text to show on menu item to edit the annotation comment',\n    },\n    annotationActivityPostedFullDateTime: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityPostedFullDateTime',\n        defaultMessage: '{time, date, full} at {time, time, short}',\n        description: 'Full data and time for annotation title',\n    },\n    annotationActivityPageItem: {\n        id: 'be.contentSidebar.activityFeed.annotationActivityPageItem',\n        defaultMessage: 'Page {number}',\n        description: 'Annotation activity item link shown on annotation activity',\n    },\n    annotationActivityResolveMenuItem: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityResolveMenuItem',\n        defaultMessage: 'Resolve',\n        description: 'Text to show on menu item to resolve the annotation comment',\n    },\n    annotationActivityVersionLink: {\n        id: 'be.contentSidebar.activityFeed.annotationActivityVersionLink',\n        defaultMessage: 'Version {number}',\n        description: 'Annotation activity item link shown on annotation activity for previous file version',\n    },\n    annotationActivityVersionUnavailable: {\n        id: 'be.contentSidebar.activityFeed.annotationActivityVersionUnavailable',\n        defaultMessage: 'Version Unavailable',\n        description:\n            'Annotation activity item link shown on annotation activity for previous file version that is unavailable',\n    },\n    annotationActivityUnresolveMenuItem: {\n        id: 'be.contentSidebar.activityFeed.annotationActivity.annotationActivityUnresolveMenuItem',\n        defaultMessage: 'Unresolve',\n        description: 'Text to show on menu item to unresolve the annotation comment',\n    },\n});\n\nexport default messages;\n"],"file":"messages.js"}