box-ui-elements 19.0.0-beta.8 → 19.0.0

package/es/elements/content-sidebar/activity-feed/comment/stories/common.js

@@ -83,7 +83,7 @@ export const annotationBase = _objectSpread({}, annotationCommentIntersection, {
   target: annotationTarget,
   type: 'annotation'
 });
-const annotationActivityLinkProviderProps = {
+export const annotationActivityLinkProviderProps = {
   isCurrentVersion: true,
   item: annotationBase,
   onSelect: () => {

package/es/elements/content-sidebar/activity-feed/comment/stories/common.js.flow

@@ -95,7 +95,7 @@ export const annotationBase: Annotation = {
     type: 'annotation',
 };
 
-const annotationActivityLinkProviderProps = {
+export const annotationActivityLinkProviderProps = {
     isCurrentVersion: true,
     item: annotationBase,
     onSelect: () => {

package/es/elements/content-sidebar/activity-feed/comment/stories/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/content-sidebar/activity-feed/comment/stories/common.js"],"names":["React","AnnotationActivityLinkProvider","TIME_STRING_SEPT_27_2017","TIME_STRING_SEPT_28_2017","TIME_STRING_SEPT_29_2017","user1","name","id","type","annotationDescription","created_at","created_by","message","parent","fileVersion1","version_number","fileVersion2","annotationPermission","can_delete","can_edit","can_reply","can_resolve","page","value","rect","fill","color","height","stroke","size","width","x","y","annotationTarget","location","shape","annotationCommentIntersection","modified_at","permissions","tagged_message","annotationBase","description","file_version","hasMention","modified_by","target","annotationActivityLinkProviderProps","isCurrentVersion","item","onSelect","alert","annotation","annotationActivityLink","hasVersions","annotationPreviousVersion","comment","reply1","reply2","currentUser","replyCreate","hideReplies","showReplies","replies","repliesProps","hasReplies","onReplyCreate","onHideReplies","onShowReplies"],"mappings":";;;;;;;;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAaA,OAAOC,8BAAP,MAA2C,oDAA3C;AAEA,OAAO,MAAMC,wBAAwB,GAAG,2BAAjC;AACP,OAAO,MAAMC,wBAAwB,GAAG,2BAAjC;AACP,OAAO,MAAMC,wBAAwB,GAAG,2BAAjC;AAEP,OAAO,MAAMC,KAAK,GAAG;AAAEC,EAAAA,IAAI,EAAE,eAAR;AAAyBC,EAAAA,EAAE,EAAE,IAA7B;AAAmCC,EAAAA,IAAI,EAAE;AAAzC,CAAd;AAEP,MAAMC,qBAA4B,GAAG;AACjCC,EAAAA,UAAU,EAAER,wBADqB;AAEjCS,EAAAA,UAAU,EAAEN,KAFqB;AAGjCE,EAAAA,EAAE,EAAE,IAH6B;AAIjCK,EAAAA,OAAO,EAAE,QAJwB;AAKjCC,EAAAA,MAAM,EAAE;AACJN,IAAAA,EAAE,EAAE,GADA;AAEJC,IAAAA,IAAI,EAAE;AAFF,GALyB;AASjCA,EAAAA,IAAI,EAAE;AAT2B,CAArC;AAYA,MAAMM,YAAgC,GAAG;AACrCP,EAAAA,EAAE,EAAE,GADiC;AAErCC,EAAAA,IAAI,EAAE,SAF+B;AAGrCO,EAAAA,cAAc,EAAE;AAHqB,CAAzC;AAMA,MAAMC,YAAgC,GAAG;AACrCT,EAAAA,EAAE,EAAE,GADiC;AAErCC,EAAAA,IAAI,EAAE,SAF+B;AAGrCO,EAAAA,cAAc,EAAE;AAHqB,CAAzC;AAMA,MAAME,oBAA0C,GAAG;AAC/CC,EAAAA,UAAU,EAAE,IADmC;AAE/CC,EAAAA,QAAQ,EAAE,IAFqC;AAG/CC,EAAAA,SAAS,EAAE,IAHoC;AAI/CC,EAAAA,WAAW,EAAE;AAJkC,CAAnD;AAOA,MAAMC,IAAU,GAAG;AAAEd,EAAAA,IAAI,EAAE,MAAR;AAAgBe,EAAAA,KAAK,EAAE;AAAvB,CAAnB;AAEA,MAAMC,IAAU,GAAG;AACfC,EAAAA,IAAI,EAAE;AACFC,IAAAA,KAAK,EAAE;AADL,GADS;AAIfC,EAAAA,MAAM,EAAE,EAJO;AAKfC,EAAAA,MAAM,EAAE;AACJF,IAAAA,KAAK,EAAE,OADH;AAEJG,IAAAA,IAAI,EAAE;AAFF,GALO;AASfrB,EAAAA,IAAI,EAAE,MATS;AAUfsB,EAAAA,KAAK,EAAE,GAVQ;AAWfC,EAAAA,CAAC,EAAE,EAXY;AAYfC,EAAAA,CAAC,EAAE;AAZY,CAAnB;AAeA,MAAMC,gBAAwB,GAAG;AAC7BC,EAAAA,QAAQ,EAAEZ,IADmB;AAE7Ba,EAAAA,KAAK,EAAEX,IAFsB;AAG7BhB,EAAAA,IAAI,EAAE;AAHuB,CAAjC;AAMA,MAAM4B,6BAA6B,GAAG;AAClC1B,EAAAA,UAAU,EAAER,wBADsB;AAElCS,EAAAA,UAAU,EAAEN,KAFsB;AAGlCE,EAAAA,EAAE,EAAE,GAH8B;AAIlC8B,EAAAA,WAAW,EAAEnC,wBAJqB;AAKlCoC,EAAAA,WAAW,EAAErB,oBALqB;AAMlC;AACAsB,EAAAA,cAAc,EACV;AAR8B,CAAtC;AAWA,OAAO,MAAMC,cAA0B,qBAChCJ,6BADgC;AAEnCK,EAAAA,WAAW,EAAEhC,qBAFsB;AAGnCiC,EAAAA,YAAY,EAAE5B,YAHqB;AAInC6B,EAAAA,UAAU,EAAE,KAJuB;AAKnCC,EAAAA,WAAW,EAAEvC,KALsB;AAMnCwC,EAAAA,MAAM,EAAEZ,gBAN2B;AAOnCzB,EAAAA,IAAI,EAAE;AAP6B,EAAhC;AAUP,MAAMsC,mCAAmC,GAAG;AACxCC,EAAAA,gBAAgB,EAAE,IADsB;AAExCC,EAAAA,IAAI,EAAER,cAFkC;AAGxCS,EAAAA,QAAQ,EAAE,MAAM;AACZ;AACAC,IAAAA,KAAK,CAAC,MAAD,CAAL;AACH;AANuC,CAA5C;AASA,OAAO,MAAMC,UAAsB;AAC/BC,EAAAA,sBAAsB,EAAE,oBAAC,8BAAD,EAAoCN,mCAApC,CADO;AAE/BO,EAAAA,WAAW,EAAE;AAFkB,GAG5Bb,cAH4B;AAI/BQ,EAAAA,IAAI,EAAER;AAJyB,EAA5B;AAOP,OAAO,MAAMc,yBAAqC,qBAC3CH,UAD2C;AAE9CT,EAAAA,YAAY,EAAE1B,YAFgC;AAG9CoC,EAAAA,sBAAsB,EAClB,oBAAC,8BAAD,eACQN,mCADR;AAEI,IAAA,gBAAgB,EAAE,KAFtB;AAGI,IAAA,IAAI,oBAAON,cAAP;AAAuBE,MAAAA,YAAY,EAAE5B;AAArC;AAHR;AAJ0C,EAA3C;AAYP,OAAO,MAAMyC,OAAgB,qBACtBnB,6BADsB;AAEzB1B,EAAAA,UAAU,EAAER,wBAFa;AAGzBS,EAAAA,UAAU,EAAEN,KAHa;AAIzBqC,EAAAA,YAAY,EAAE,CAJW;AAKzBlC,EAAAA,IAAI,EAAE;AALmB,EAAtB;AAQP,OAAO,MAAMgD,MAAe,GAAG;AAC3BjD,EAAAA,EAAE,EAAE,GADuB;AAE3BC,EAAAA,IAAI,EAAE,SAFqB;AAG3BE,EAAAA,UAAU,EAAEP,wBAHe;AAI3BoC,EAAAA,cAAc,EACV,qUALuB;AAM3B5B,EAAAA,UAAU,EAAE;AAAEL,IAAAA,IAAI,EAAE,UAAR;AAAoBC,IAAAA,EAAE,EAAE,IAAxB;AAA8BC,IAAAA,IAAI,EAAE;AAApC,GANe;AAO3B8B,EAAAA,WAAW,EAAE;AAAEpB,IAAAA,UAAU,EAAE,IAAd;AAAoBC,IAAAA,QAAQ,EAAE,IAA9B;AAAoCE,IAAAA,WAAW,EAAE;AAAjD,GAPc;AAQ3BgB,EAAAA,WAAW,EAAElC;AARc,CAAxB;AAUP,OAAO,MAAMsD,MAAe,GAAG;AAC3BlD,EAAAA,EAAE,EAAE,GADuB;AAE3BC,EAAAA,IAAI,EAAE,SAFqB;AAG3BE,EAAAA,UAAU,EAAEN,wBAHe;AAI3BmC,EAAAA,cAAc,EAAE,yFAJW;AAK3B5B,EAAAA,UAAU,EAAE;AAAEL,IAAAA,IAAI,EAAE,OAAR;AAAiBC,IAAAA,EAAE,EAAE,IAArB;AAA2BC,IAAAA,IAAI,EAAE;AAAjC,GALe;AAM3B8B,EAAAA,WAAW,EAAE;AAAEpB,IAAAA,UAAU,EAAE,IAAd;AAAoBC,IAAAA,QAAQ,EAAE,IAA9B;AAAoCE,IAAAA,WAAW,EAAE;AAAjD,GANc;AAO3BgB,EAAAA,WAAW,EAAEjC;AAPc,CAAxB;AAUP,OAAO,MAAMsD,WAAW,GAAG;AACvBpD,EAAAA,IAAI,EAAE,mBADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,IAAI,EAAE;AAHiB,CAApB;;AAMP,MAAMmD,WAAW,GAAG,MAAM,CAAE,CAA5B;;AACA,MAAMC,WAAW,GAAG,MAAM,CAAE,CAA5B;;AACA,MAAMC,WAAW,GAAG,MAAM,CAAE,CAA5B;;AAEA,OAAO,MAAMC,OAAO,GAAG,CAACN,MAAD,EAASC,MAAT,CAAhB;AACP,OAAO,MAAMM,YAAY,GAAG;AACxBC,EAAAA,UAAU,EAAE,IADY;AAExBC,EAAAA,aAAa,EAAEN,WAFS;AAGxBG,EAAAA,OAHwB;AAIxBI,EAAAA,aAAa,EAAEN,WAJS;AAKxBO,EAAAA,aAAa,EAAEN;AALS,CAArB;AAQP,OAAO,MAAMZ,QAAQ,GAAG,MAAM,CAAE,CAAzB","sourcesContent":["// @flow\nimport * as React from 'react';\nimport {\n    type Annotation,\n    type AnnotationPermission,\n    type Page,\n    type Rect,\n    type Target,\n} from '../../../../../common/types/annotations';\n\nimport { type BoxItemVersionMini, type Reply } from '../../../../../common/types/core';\n\nimport { type Comment } from '../../../../../common/types/feed';\n\nimport AnnotationActivityLinkProvider from '../../activity-feed/AnnotationActivityLinkProvider';\n\nexport const TIME_STRING_SEPT_27_2017 = '2017-09-27T10:40:41-07:00';\nexport const TIME_STRING_SEPT_28_2017 = '2017-09-28T10:40:41-07:00';\nexport const TIME_STRING_SEPT_29_2017 = '2017-09-29T10:40:41-07:00';\n\nexport const user1 = { name: 'William James', id: '10', type: 'user' };\n\nconst annotationDescription: Reply = {\n    created_at: TIME_STRING_SEPT_27_2017,\n    created_by: user1,\n    id: '11',\n    message: 'hello?',\n    parent: {\n        id: '1',\n        type: 'annotation',\n    },\n    type: 'reply',\n};\n\nconst fileVersion1: BoxItemVersionMini = {\n    id: '1',\n    type: 'version',\n    version_number: '1',\n};\n\nconst fileVersion2: BoxItemVersionMini = {\n    id: '2',\n    type: 'version',\n    version_number: '2',\n};\n\nconst annotationPermission: AnnotationPermission = {\n    can_delete: true,\n    can_edit: true,\n    can_reply: true,\n    can_resolve: true,\n};\n\nconst page: Page = { type: 'page', value: 1 };\n\nconst rect: Rect = {\n    fill: {\n        color: 'yellow',\n    },\n    height: 10,\n    stroke: {\n        color: 'black',\n        size: 1,\n    },\n    type: 'rect',\n    width: 100,\n    x: 10,\n    y: 10,\n};\n\nconst annotationTarget: Target = {\n    location: page,\n    shape: rect,\n    type: 'region',\n};\n\nconst annotationCommentIntersection = {\n    created_at: TIME_STRING_SEPT_27_2017,\n    created_by: user1,\n    id: '1',\n    modified_at: TIME_STRING_SEPT_27_2017,\n    permissions: annotationPermission,\n    // I don't see tagged_message in the Annotation type, and I'm a little confused why flow isn't complaining...\n    tagged_message:\n        'There is only one thing a philosopher can be relied upon to do, and that is to contradict other philosophers.',\n};\n\nexport const annotationBase: Annotation = {\n    ...annotationCommentIntersection,\n    description: annotationDescription,\n    file_version: fileVersion1,\n    hasMention: false,\n    modified_by: user1,\n    target: annotationTarget,\n    type: 'annotation',\n};\n\nconst annotationActivityLinkProviderProps = {\n    isCurrentVersion: true,\n    item: annotationBase,\n    onSelect: () => {\n        // eslint-disable-next-line no-alert\n        alert('meow');\n    },\n};\n\nexport const annotation: Annotation = {\n    annotationActivityLink: <AnnotationActivityLinkProvider {...annotationActivityLinkProviderProps} />,\n    hasVersions: true,\n    ...annotationBase,\n    item: annotationBase,\n};\n\nexport const annotationPreviousVersion: Annotation = {\n    ...annotation,\n    file_version: fileVersion2,\n    annotationActivityLink: (\n        <AnnotationActivityLinkProvider\n            {...annotationActivityLinkProviderProps}\n            isCurrentVersion={false}\n            item={{ ...annotationBase, file_version: fileVersion1 }}\n        />\n    ),\n};\n\nexport const comment: Comment = {\n    ...annotationCommentIntersection,\n    created_at: TIME_STRING_SEPT_27_2017,\n    created_by: user1,\n    file_version: 1,\n    type: 'comment',\n};\n\nexport const reply1: Comment = {\n    id: '2',\n    type: 'comment',\n    created_at: TIME_STRING_SEPT_28_2017,\n    tagged_message:\n        'I am wiser than this man, for neither of us appears to know anything great and good; but he fancies he knows something, although he knows nothing; whereas I, as I do not know anything, so I do not fancy I do. In this trifling particular, then, I appear to be wiser than he, because I do not fancy I know what I do not know.',\n    created_by: { name: 'Socrates', id: '11', type: 'user' },\n    permissions: { can_delete: true, can_edit: true, can_resolve: false },\n    modified_at: TIME_STRING_SEPT_28_2017,\n};\nexport const reply2: Comment = {\n    id: '3',\n    type: 'comment',\n    created_at: TIME_STRING_SEPT_29_2017,\n    tagged_message: 'You can discover more about a person in an hour of play than in a year of conversation.',\n    created_by: { name: 'Plato', id: '12', type: 'user' },\n    permissions: { can_delete: true, can_edit: true, can_resolve: false },\n    modified_at: TIME_STRING_SEPT_29_2017,\n};\n\nexport const currentUser = {\n    name: 'Søren Kierkegaard',\n    id: '11',\n    type: 'user',\n};\n\nconst replyCreate = () => {};\nconst hideReplies = () => {};\nconst showReplies = () => {};\n\nexport const replies = [reply1, reply2];\nexport const repliesProps = {\n    hasReplies: true,\n    onReplyCreate: replyCreate,\n    replies,\n    onHideReplies: hideReplies,\n    onShowReplies: showReplies,\n};\n\nexport const onSelect = () => {};\n"],"file":"common.js"}
+{"version":3,"sources":["../../../../../../src/elements/content-sidebar/activity-feed/comment/stories/common.js"],"names":["React","AnnotationActivityLinkProvider","TIME_STRING_SEPT_27_2017","TIME_STRING_SEPT_28_2017","TIME_STRING_SEPT_29_2017","user1","name","id","type","annotationDescription","created_at","created_by","message","parent","fileVersion1","version_number","fileVersion2","annotationPermission","can_delete","can_edit","can_reply","can_resolve","page","value","rect","fill","color","height","stroke","size","width","x","y","annotationTarget","location","shape","annotationCommentIntersection","modified_at","permissions","tagged_message","annotationBase","description","file_version","hasMention","modified_by","target","annotationActivityLinkProviderProps","isCurrentVersion","item","onSelect","alert","annotation","annotationActivityLink","hasVersions","annotationPreviousVersion","comment","reply1","reply2","currentUser","replyCreate","hideReplies","showReplies","replies","repliesProps","hasReplies","onReplyCreate","onHideReplies","onShowReplies"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport {\n    type Annotation,\n    type AnnotationPermission,\n    type Page,\n    type Rect,\n    type Target,\n} from '../../../../../common/types/annotations';\n\nimport { type BoxItemVersionMini, type Reply } from '../../../../../common/types/core';\n\nimport { type Comment } from '../../../../../common/types/feed';\n\nimport AnnotationActivityLinkProvider from '../../activity-feed/AnnotationActivityLinkProvider';\n\nexport const TIME_STRING_SEPT_27_2017 = '2017-09-27T10:40:41-07:00';\nexport const TIME_STRING_SEPT_28_2017 = '2017-09-28T10:40:41-07:00';\nexport const TIME_STRING_SEPT_29_2017 = '2017-09-29T10:40:41-07:00';\n\nexport const user1 = { name: 'William James', id: '10', type: 'user' };\n\nconst annotationDescription: Reply = {\n    created_at: TIME_STRING_SEPT_27_2017,\n    created_by: user1,\n    id: '11',\n    message: 'hello?',\n    parent: {\n        id: '1',\n        type: 'annotation',\n    },\n    type: 'reply',\n};\n\nconst fileVersion1: BoxItemVersionMini = {\n    id: '1',\n    type: 'version',\n    version_number: '1',\n};\n\nconst fileVersion2: BoxItemVersionMini = {\n    id: '2',\n    type: 'version',\n    version_number: '2',\n};\n\nconst annotationPermission: AnnotationPermission = {\n    can_delete: true,\n    can_edit: true,\n    can_reply: true,\n    can_resolve: true,\n};\n\nconst page: Page = { type: 'page', value: 1 };\n\nconst rect: Rect = {\n    fill: {\n        color: 'yellow',\n    },\n    height: 10,\n    stroke: {\n        color: 'black',\n        size: 1,\n    },\n    type: 'rect',\n    width: 100,\n    x: 10,\n    y: 10,\n};\n\nconst annotationTarget: Target = {\n    location: page,\n    shape: rect,\n    type: 'region',\n};\n\nconst annotationCommentIntersection = {\n    created_at: TIME_STRING_SEPT_27_2017,\n    created_by: user1,\n    id: '1',\n    modified_at: TIME_STRING_SEPT_27_2017,\n    permissions: annotationPermission,\n    // I don't see tagged_message in the Annotation type, and I'm a little confused why flow isn't complaining...\n    tagged_message:\n        'There is only one thing a philosopher can be relied upon to do, and that is to contradict other philosophers.',\n};\n\nexport const annotationBase: Annotation = {\n    ...annotationCommentIntersection,\n    description: annotationDescription,\n    file_version: fileVersion1,\n    hasMention: false,\n    modified_by: user1,\n    target: annotationTarget,\n    type: 'annotation',\n};\n\nexport const annotationActivityLinkProviderProps = {\n    isCurrentVersion: true,\n    item: annotationBase,\n    onSelect: () => {\n        // eslint-disable-next-line no-alert\n        alert('meow');\n    },\n};\n\nexport const annotation: Annotation = {\n    annotationActivityLink: <AnnotationActivityLinkProvider {...annotationActivityLinkProviderProps} />,\n    hasVersions: true,\n    ...annotationBase,\n    item: annotationBase,\n};\n\nexport const annotationPreviousVersion: Annotation = {\n    ...annotation,\n    file_version: fileVersion2,\n    annotationActivityLink: (\n        <AnnotationActivityLinkProvider\n            {...annotationActivityLinkProviderProps}\n            isCurrentVersion={false}\n            item={{ ...annotationBase, file_version: fileVersion1 }}\n        />\n    ),\n};\n\nexport const comment: Comment = {\n    ...annotationCommentIntersection,\n    created_at: TIME_STRING_SEPT_27_2017,\n    created_by: user1,\n    file_version: 1,\n    type: 'comment',\n};\n\nexport const reply1: Comment = {\n    id: '2',\n    type: 'comment',\n    created_at: TIME_STRING_SEPT_28_2017,\n    tagged_message:\n        'I am wiser than this man, for neither of us appears to know anything great and good; but he fancies he knows something, although he knows nothing; whereas I, as I do not know anything, so I do not fancy I do. In this trifling particular, then, I appear to be wiser than he, because I do not fancy I know what I do not know.',\n    created_by: { name: 'Socrates', id: '11', type: 'user' },\n    permissions: { can_delete: true, can_edit: true, can_resolve: false },\n    modified_at: TIME_STRING_SEPT_28_2017,\n};\nexport const reply2: Comment = {\n    id: '3',\n    type: 'comment',\n    created_at: TIME_STRING_SEPT_29_2017,\n    tagged_message: 'You can discover more about a person in an hour of play than in a year of conversation.',\n    created_by: { name: 'Plato', id: '12', type: 'user' },\n    permissions: { can_delete: true, can_edit: true, can_resolve: false },\n    modified_at: TIME_STRING_SEPT_29_2017,\n};\n\nexport const currentUser = {\n    name: 'Søren Kierkegaard',\n    id: '11',\n    type: 'user',\n};\n\nconst replyCreate = () => {};\nconst hideReplies = () => {};\nconst showReplies = () => {};\n\nexport const replies = [reply1, reply2];\nexport const repliesProps = {\n    hasReplies: true,\n    onReplyCreate: replyCreate,\n    replies,\n    onHideReplies: hideReplies,\n    onShowReplies: showReplies,\n};\n\nexport const onSelect = () => {};\n"],"file":"common.js"}

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

@@ -3,6 +3,12 @@ import type { AnnotationPermission, BoxCommentPermission, FeedItemStatus } from
 
 export type OnAnnotationEdit = (args: { id: string, permissions: AnnotationPermission, text?: string }) => void;
 
+export type OnAnnotationStatusChange = (args: {
+    id: string,
+    permissions: AnnotationPermission,
+    status: FeedItemStatus,
+}) => void;
+
 export type OnCommentEdit = (args: {
     hasMention: boolean,
     id: string,
@@ -12,3 +18,10 @@ export type OnCommentEdit = (args: {
     status?: FeedItemStatus,
     text?: string,
 }) => void;
+
+export type OnCommentStatusChange = (args: {
+    hasMention?: boolean,
+    id: string,
+    permissions: BoxCommentPermission,
+    status: FeedItemStatus,
+}) => void;

package/es/elements/content-sidebar/activity-feed/comment-form/CommentForm.js

@@ -7,6 +7,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import * as React from 'react';
 import noop from 'lodash/noop';
 import classNames from 'classnames';
+import { EditorState } from 'draft-js';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import Avatar from '../Avatar';
 import CommentFormControls from './CommentFormControls';
@@ -16,12 +17,14 @@ import Media from '../../../../components/media';
 import messages from './messages';
 import './CommentForm.scss';
 
+const getEditorState = (shouldFocusOnOpen, message) => shouldFocusOnOpen ? EditorState.moveFocusToEnd(createMentionSelectorState(message)) : createMentionSelectorState(message);
+
 class CommentForm extends React.Component {
   constructor() {
     super(...arguments);
 
     _defineProperty(this, "state", {
-      commentEditorState: createMentionSelectorState(this.props.tagged_message)
+      commentEditorState: getEditorState(this.props.shouldFocusOnOpen, this.props.tagged_message)
     });
 
     _defineProperty(this, "onFormValidSubmitHandler", () => {
@@ -58,7 +61,7 @@ class CommentForm extends React.Component {
       }
 
       this.setState({
-        commentEditorState: createMentionSelectorState()
+        commentEditorState: getEditorState(false)
       });
     });
 
@@ -84,7 +87,7 @@ class CommentForm extends React.Component {
 
     if (isOpen !== prevIsOpen && !isOpen) {
       this.setState({
-        commentEditorState: createMentionSelectorState()
+        commentEditorState: getEditorState(false)
       });
     }
   }
@@ -154,7 +157,8 @@ class CommentForm extends React.Component {
 
 
 _defineProperty(CommentForm, "defaultProps", {
-  isOpen: false
+  isOpen: false,
+  shouldFocusOnOpen: false
 });
 
 export { CommentForm as CommentFormUnwrapped };

package/es/elements/content-sidebar/activity-feed/comment-form/CommentForm.js.flow

@@ -6,6 +6,7 @@
 import * as React from 'react';
 import noop from 'lodash/noop';
 import classNames from 'classnames';
+import { EditorState } from 'draft-js';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import type { InjectIntlProvidedProps } from 'react-intl';
 import Avatar from '../Avatar';
@@ -37,12 +38,18 @@ type Props = {
     onFocus?: Function,
     onSubmit?: Function,
     placeholder?: string,
+    shouldFocusOnOpen: boolean,
     showTip?: boolean,
     tagged_message?: string,
     updateComment?: Function,
     user?: User,
 } & InjectIntlProvidedProps;
 
+const getEditorState = (shouldFocusOnOpen: boolean, message?: string): EditorState =>
+    shouldFocusOnOpen
+        ? EditorState.moveFocusToEnd(createMentionSelectorState(message))
+        : createMentionSelectorState(message);
+
 type State = {
     commentEditorState: any,
 };
@@ -50,10 +57,11 @@ type State = {
 class CommentForm extends React.Component<Props, State> {
     static defaultProps = {
         isOpen: false,
+        shouldFocusOnOpen: false,
     };
 
     state = {
-        commentEditorState: createMentionSelectorState(this.props.tagged_message),
+        commentEditorState: getEditorState(this.props.shouldFocusOnOpen, this.props.tagged_message),
     };
 
     componentDidUpdate({ isOpen: prevIsOpen }: Props): void {
@@ -61,7 +69,7 @@ class CommentForm extends React.Component<Props, State> {
 
         if (isOpen !== prevIsOpen && !isOpen) {
             this.setState({
-                commentEditorState: createMentionSelectorState(),
+                commentEditorState: getEditorState(false),
             });
         }
     }
@@ -86,7 +94,7 @@ class CommentForm extends React.Component<Props, State> {
         }
 
         this.setState({
-            commentEditorState: createMentionSelectorState(),
+            commentEditorState: getEditorState(false),
         });
     };
 

package/es/elements/content-sidebar/activity-feed/comment-form/CommentForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment-form/CommentForm.js"],"names":["React","noop","classNames","FormattedMessage","injectIntl","Avatar","CommentFormControls","DraftJSMentionSelector","createMentionSelectorState","getFormattedCommentText","Form","Media","messages","CommentForm","Component","commentEditorState","props","tagged_message","createComment","updateComment","onSubmit","entityId","text","hasMention","id","setState","nextEditorState","state","componentDidUpdate","isOpen","prevIsOpen","render","className","getMentionWithQuery","intl","formatMessage","isDisabled","mentionSelectorContacts","contactsLoaded","onCancel","onFocus","user","isEditing","getAvatarUrl","showTip","placeholder","commentWrite","inputContainerClassNames","onFormValidSubmitHandler","commentLabel","atMentionTipDescription","onMentionSelectorChangeHandler","undefined","atMentionTip","CommentFormUnwrapped"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Component for Approval comment form\n */\n\nimport * as React from 'react';\nimport noop from 'lodash/noop';\nimport classNames from 'classnames';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport Avatar from '../Avatar';\nimport CommentFormControls from './CommentFormControls';\nimport DraftJSMentionSelector, {\n    createMentionSelectorState,\n    getFormattedCommentText,\n} from '../../../../components/form-elements/draft-js-mention-selector';\nimport Form from '../../../../components/form-elements/form/Form';\nimport Media from '../../../../components/media';\nimport messages from './messages';\nimport type { GetAvatarUrlCallback } from '../../../common/flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\n\nimport './CommentForm.scss';\n\ntype Props = {\n    className: string,\n    contactsLoaded?: boolean,\n    createComment?: Function,\n    entityId?: string,\n    getAvatarUrl?: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    isDisabled?: boolean,\n    isEditing?: boolean,\n    isOpen: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onCancel: Function,\n    onFocus?: Function,\n    onSubmit?: Function,\n    placeholder?: string,\n    showTip?: boolean,\n    tagged_message?: string,\n    updateComment?: Function,\n    user?: User,\n} & InjectIntlProvidedProps;\n\ntype State = {\n    commentEditorState: any,\n};\n\nclass CommentForm extends React.Component<Props, State> {\n    static defaultProps = {\n        isOpen: false,\n    };\n\n    state = {\n        commentEditorState: createMentionSelectorState(this.props.tagged_message),\n    };\n\n    componentDidUpdate({ isOpen: prevIsOpen }: Props): void {\n        const { isOpen } = this.props;\n\n        if (isOpen !== prevIsOpen && !isOpen) {\n            this.setState({\n                commentEditorState: createMentionSelectorState(),\n            });\n        }\n    }\n\n    onFormValidSubmitHandler = (): void => {\n        const { createComment = noop, updateComment = noop, onSubmit, entityId } = this.props;\n\n        const { text, hasMention } = this.getFormattedCommentText();\n\n        if (!text) {\n            return;\n        }\n\n        if (entityId) {\n            updateComment({ id: entityId, text, hasMention });\n        } else {\n            createComment({ text, hasMention });\n        }\n\n        if (onSubmit) {\n            onSubmit();\n        }\n\n        this.setState({\n            commentEditorState: createMentionSelectorState(),\n        });\n    };\n\n    onMentionSelectorChangeHandler = (nextEditorState: any): void =>\n        this.setState({ commentEditorState: nextEditorState });\n\n    /**\n     * Formats the comment editor's text such that it will be accepted by the server.\n     *\n     * @returns {Object}\n     */\n    getFormattedCommentText = (): { hasMention: boolean, text: string } => {\n        const { commentEditorState } = this.state;\n\n        return getFormattedCommentText(commentEditorState);\n    };\n\n    render(): React.Node {\n        const {\n            className,\n            getMentionWithQuery,\n            intl: { formatMessage },\n            isDisabled,\n            isOpen,\n            mentionSelectorContacts = [],\n            contactsLoaded,\n            onCancel,\n            onFocus,\n            user,\n            isEditing,\n            tagged_message,\n            getAvatarUrl,\n            showTip = true,\n            placeholder = formatMessage(messages.commentWrite),\n        } = this.props;\n        const { commentEditorState } = this.state;\n        const inputContainerClassNames = classNames('bcs-CommentForm', className, {\n            'bcs-is-open': isOpen,\n        });\n\n        return (\n            <Media className={inputContainerClassNames}>\n                {!isEditing && !!user && (\n                    <Media.Figure className=\"bcs-CommentForm-avatar\">\n                        <Avatar getAvatarUrl={getAvatarUrl} user={user} />\n                    </Media.Figure>\n                )}\n\n                <Media.Body className=\"bcs-CommentForm-body\" data-testid=\"bcs-CommentForm-body\">\n                    <Form onValidSubmit={this.onFormValidSubmitHandler}>\n                        <DraftJSMentionSelector\n                            className=\"bcs-CommentForm-input\"\n                            contacts={isOpen ? mentionSelectorContacts : []}\n                            contactsLoaded={contactsLoaded}\n                            editorState={commentEditorState}\n                            hideLabel\n                            isDisabled={isDisabled}\n                            isRequired={isOpen}\n                            name=\"commentText\"\n                            label={formatMessage(messages.commentLabel)}\n                            description={formatMessage(messages.atMentionTipDescription)}\n                            onChange={this.onMentionSelectorChangeHandler}\n                            onFocus={onFocus}\n                            onMention={getMentionWithQuery}\n                            placeholder={tagged_message ? undefined : placeholder}\n                            validateOnBlur={false}\n                        />\n                        {showTip && (\n                            <div className=\"bcs-CommentForm-tip\">\n                                <FormattedMessage {...messages.atMentionTip} />\n                            </div>\n                        )}\n\n                        {isOpen && <CommentFormControls onCancel={onCancel} />}\n                    </Form>\n                </Media.Body>\n            </Media>\n        );\n    }\n}\n\n// For testing only\nexport { CommentForm as CommentFormUnwrapped };\nexport default injectIntl(CommentForm);\n"],"file":"CommentForm.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment-form/CommentForm.js"],"names":["React","noop","classNames","EditorState","FormattedMessage","injectIntl","Avatar","CommentFormControls","DraftJSMentionSelector","createMentionSelectorState","getFormattedCommentText","Form","Media","messages","getEditorState","shouldFocusOnOpen","message","moveFocusToEnd","CommentForm","Component","commentEditorState","props","tagged_message","createComment","updateComment","onSubmit","entityId","text","hasMention","id","setState","nextEditorState","state","componentDidUpdate","isOpen","prevIsOpen","render","className","getMentionWithQuery","intl","formatMessage","isDisabled","mentionSelectorContacts","contactsLoaded","onCancel","onFocus","user","isEditing","getAvatarUrl","showTip","placeholder","commentWrite","inputContainerClassNames","onFormValidSubmitHandler","commentLabel","atMentionTipDescription","onMentionSelectorChangeHandler","undefined","atMentionTip","CommentFormUnwrapped"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Component for Approval comment form\n */\n\nimport * as React from 'react';\nimport noop from 'lodash/noop';\nimport classNames from 'classnames';\nimport { EditorState } from 'draft-js';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport Avatar from '../Avatar';\nimport CommentFormControls from './CommentFormControls';\nimport DraftJSMentionSelector, {\n    createMentionSelectorState,\n    getFormattedCommentText,\n} from '../../../../components/form-elements/draft-js-mention-selector';\nimport Form from '../../../../components/form-elements/form/Form';\nimport Media from '../../../../components/media';\nimport messages from './messages';\nimport type { GetAvatarUrlCallback } from '../../../common/flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\n\nimport './CommentForm.scss';\n\ntype Props = {\n    className: string,\n    contactsLoaded?: boolean,\n    createComment?: Function,\n    entityId?: string,\n    getAvatarUrl?: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    isDisabled?: boolean,\n    isEditing?: boolean,\n    isOpen: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onCancel: Function,\n    onFocus?: Function,\n    onSubmit?: Function,\n    placeholder?: string,\n    shouldFocusOnOpen: boolean,\n    showTip?: boolean,\n    tagged_message?: string,\n    updateComment?: Function,\n    user?: User,\n} & InjectIntlProvidedProps;\n\nconst getEditorState = (shouldFocusOnOpen: boolean, message?: string): EditorState =>\n    shouldFocusOnOpen\n        ? EditorState.moveFocusToEnd(createMentionSelectorState(message))\n        : createMentionSelectorState(message);\n\ntype State = {\n    commentEditorState: any,\n};\n\nclass CommentForm extends React.Component<Props, State> {\n    static defaultProps = {\n        isOpen: false,\n        shouldFocusOnOpen: false,\n    };\n\n    state = {\n        commentEditorState: getEditorState(this.props.shouldFocusOnOpen, this.props.tagged_message),\n    };\n\n    componentDidUpdate({ isOpen: prevIsOpen }: Props): void {\n        const { isOpen } = this.props;\n\n        if (isOpen !== prevIsOpen && !isOpen) {\n            this.setState({\n                commentEditorState: getEditorState(false),\n            });\n        }\n    }\n\n    onFormValidSubmitHandler = (): void => {\n        const { createComment = noop, updateComment = noop, onSubmit, entityId } = this.props;\n\n        const { text, hasMention } = this.getFormattedCommentText();\n\n        if (!text) {\n            return;\n        }\n\n        if (entityId) {\n            updateComment({ id: entityId, text, hasMention });\n        } else {\n            createComment({ text, hasMention });\n        }\n\n        if (onSubmit) {\n            onSubmit();\n        }\n\n        this.setState({\n            commentEditorState: getEditorState(false),\n        });\n    };\n\n    onMentionSelectorChangeHandler = (nextEditorState: any): void =>\n        this.setState({ commentEditorState: nextEditorState });\n\n    /**\n     * Formats the comment editor's text such that it will be accepted by the server.\n     *\n     * @returns {Object}\n     */\n    getFormattedCommentText = (): { hasMention: boolean, text: string } => {\n        const { commentEditorState } = this.state;\n\n        return getFormattedCommentText(commentEditorState);\n    };\n\n    render(): React.Node {\n        const {\n            className,\n            getMentionWithQuery,\n            intl: { formatMessage },\n            isDisabled,\n            isOpen,\n            mentionSelectorContacts = [],\n            contactsLoaded,\n            onCancel,\n            onFocus,\n            user,\n            isEditing,\n            tagged_message,\n            getAvatarUrl,\n            showTip = true,\n            placeholder = formatMessage(messages.commentWrite),\n        } = this.props;\n        const { commentEditorState } = this.state;\n        const inputContainerClassNames = classNames('bcs-CommentForm', className, {\n            'bcs-is-open': isOpen,\n        });\n\n        return (\n            <Media className={inputContainerClassNames}>\n                {!isEditing && !!user && (\n                    <Media.Figure className=\"bcs-CommentForm-avatar\">\n                        <Avatar getAvatarUrl={getAvatarUrl} user={user} />\n                    </Media.Figure>\n                )}\n\n                <Media.Body className=\"bcs-CommentForm-body\" data-testid=\"bcs-CommentForm-body\">\n                    <Form onValidSubmit={this.onFormValidSubmitHandler}>\n                        <DraftJSMentionSelector\n                            className=\"bcs-CommentForm-input\"\n                            contacts={isOpen ? mentionSelectorContacts : []}\n                            contactsLoaded={contactsLoaded}\n                            editorState={commentEditorState}\n                            hideLabel\n                            isDisabled={isDisabled}\n                            isRequired={isOpen}\n                            name=\"commentText\"\n                            label={formatMessage(messages.commentLabel)}\n                            description={formatMessage(messages.atMentionTipDescription)}\n                            onChange={this.onMentionSelectorChangeHandler}\n                            onFocus={onFocus}\n                            onMention={getMentionWithQuery}\n                            placeholder={tagged_message ? undefined : placeholder}\n                            validateOnBlur={false}\n                        />\n                        {showTip && (\n                            <div className=\"bcs-CommentForm-tip\">\n                                <FormattedMessage {...messages.atMentionTip} />\n                            </div>\n                        )}\n\n                        {isOpen && <CommentFormControls onCancel={onCancel} />}\n                    </Form>\n                </Media.Body>\n            </Media>\n        );\n    }\n}\n\n// For testing only\nexport { CommentForm as CommentFormUnwrapped };\nexport default injectIntl(CommentForm);\n"],"file":"CommentForm.js"}

package/es/elements/content-sidebar/activity-feed/common/delete-confirmation/DeleteConfirmation.js

@@ -70,11 +70,13 @@ class DeleteConfirmation extends React.Component {
     }, rest), React.createElement("div", {
       className: "bcs-DeleteConfirmation-promptMessage"
     }, React.createElement(FormattedMessage, message)), React.createElement("div", null, React.createElement(Button, {
+      "aria-label": commonMessages.cancel.defaultMessage,
       className: "bcs-DeleteConfirmation-cancel",
       onClick: onDeleteCancel,
       type: "button",
       "data-resin-target": ACTIVITY_TARGETS.INLINE_DELETE_CANCEL
     }, React.createElement(FormattedMessage, commonMessages.cancel)), React.createElement(PrimaryButton, {
+      "aria-label": commonMessages.delete.defaultMessage,
       className: "bcs-DeleteConfirmation-delete",
       onClick: onDeleteConfirm,
       type: "button",

package/es/elements/content-sidebar/activity-feed/common/delete-confirmation/DeleteConfirmation.js.flow

@@ -58,6 +58,7 @@ class DeleteConfirmation extends React.Component<Props> {
                 </div>
                 <div>
                     <Button
+                        aria-label={commonMessages.cancel.defaultMessage}
                         className="bcs-DeleteConfirmation-cancel"
                         onClick={onDeleteCancel}
                         type="button"
@@ -66,6 +67,7 @@ class DeleteConfirmation extends React.Component<Props> {
                         <FormattedMessage {...commonMessages.cancel} />
                     </Button>
                     <PrimaryButton
+                        aria-label={commonMessages.delete.defaultMessage}
                         className="bcs-DeleteConfirmation-delete"
                         onClick={onDeleteConfirm}
                         type="button"

package/es/elements/content-sidebar/activity-feed/common/delete-confirmation/DeleteConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/content-sidebar/activity-feed/common/delete-confirmation/DeleteConfirmation.js"],"names":["React","FormattedMessage","Button","commonMessages","PrimaryButton","KEYS","Overlay","ACTIVITY_TARGETS","DeleteConfirmation","Component","event","nativeEvent","isOpen","onDeleteCancel","props","stopImmediatePropagation","key","escape","stopPropagation","preventDefault","render","message","onDeleteConfirm","rest","onKeyDown","INLINE_DELETE_CANCEL","cancel","INLINE_DELETE_CONFIRM","delete"],"mappings":";;;;;;;;AAAA;;;;AAKA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,QAAyD,YAAzD;AAEA,OAAOC,MAAP,MAAmB,kCAAnB;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,aAAP,MAA0B,0CAA1B;AACA,SAASC,IAAT,QAAqB,0BAArB;AACA,SAASC,OAAT,QAAwB,kCAAxB;AACA,SAASC,gBAAT,QAAiC,uCAAjC;AACA,OAAO,2BAAP;;AASA,MAAMC,kBAAN,SAAiCR,KAAK,CAACS,SAAvC,CAAwD;AAAA;AAAA;;AAAA,uCACvCC,KAAD,IAA2C;AACnD,YAAM;AAAEC,QAAAA;AAAF,UAAkBD,KAAxB;AACA,YAAM;AAAEE,QAAAA,MAAF;AAAUC,QAAAA;AAAV,UAA6B,KAAKC,KAAxC;AAEAH,MAAAA,WAAW,CAACI,wBAAZ;;AAEA,cAAQL,KAAK,CAACM,GAAd;AACI,aAAKX,IAAI,CAACY,MAAV;AACIP,UAAAA,KAAK,CAACQ,eAAN;AACAR,UAAAA,KAAK,CAACS,cAAN;;AACA,cAAIP,MAAJ,EAAY;AACRC,YAAAA,cAAc;AACjB;;AACD;;AACJ;AACI;AATR;AAWH,KAlBmD;AAAA;;AAoBpDO,EAAAA,MAAM,GAAG;AACL,wBAAsE,KAAKN,KAA3E;AAAA,UAAM;AAAEF,MAAAA,MAAF;AAAUS,MAAAA,OAAV;AAAmBR,MAAAA,cAAnB;AAAmCS,MAAAA;AAAnC,KAAN;AAAA,UAA6DC,IAA7D;;AAEA,WACI,oBAAC,OAAD;AACI,MAAA,SAAS,EAAC,iCADd;AAEI,MAAA,SAAS,EAAE,KAAKC,SAFpB;AAGI,MAAA,IAAI,EAAC,QAHT;AAII,MAAA,kBAAkB,MAJtB;AAKI,MAAA,kBAAkB,EAAE;AALxB,OAMQD,IANR,GAQI;AAAK,MAAA,SAAS,EAAC;AAAf,OACI,oBAAC,gBAAD,EAAsBF,OAAtB,CADJ,CARJ,EAWI,iCACI,oBAAC,MAAD;AACI,MAAA,SAAS,EAAC,+BADd;AAEI,MAAA,OAAO,EAAER,cAFb;AAGI,MAAA,IAAI,EAAC,QAHT;AAII,2BAAmBN,gBAAgB,CAACkB;AAJxC,OAMI,oBAAC,gBAAD,EAAsBtB,cAAc,CAACuB,MAArC,CANJ,CADJ,EASI,oBAAC,aAAD;AACI,MAAA,SAAS,EAAC,+BADd;AAEI,MAAA,OAAO,EAAEJ,eAFb;AAGI,MAAA,IAAI,EAAC,QAHT;AAII,2BAAmBf,gBAAgB,CAACoB;AAJxC,OAMI,oBAAC,gBAAD,EAAsBxB,cAAc,CAACyB,MAArC,CANJ,CATJ,CAXJ,CADJ;AAgCH;;AAvDmD;;AA0DxD,eAAepB,kBAAf","sourcesContent":["/**\n * @flow\n * @file Comment component\n */\n\nimport * as React from 'react';\nimport { FormattedMessage, type MessageDescriptor } from 'react-intl';\n\nimport Button from '../../../../../components/button';\nimport commonMessages from '../../../../common/messages';\nimport PrimaryButton from '../../../../../components/primary-button';\nimport { KEYS } from '../../../../../constants';\nimport { Overlay } from '../../../../../components/flyout';\nimport { ACTIVITY_TARGETS } from '../../../../common/interactionTargets';\nimport './DeleteConfirmation.scss';\n\ntype Props = {\n    isOpen: boolean,\n    message: MessageDescriptor,\n    onDeleteCancel: Function,\n    onDeleteConfirm: Function,\n};\n\nclass DeleteConfirmation extends React.Component<Props> {\n    onKeyDown = (event: SyntheticKeyboardEvent<>): void => {\n        const { nativeEvent } = event;\n        const { isOpen, onDeleteCancel } = this.props;\n\n        nativeEvent.stopImmediatePropagation();\n\n        switch (event.key) {\n            case KEYS.escape:\n                event.stopPropagation();\n                event.preventDefault();\n                if (isOpen) {\n                    onDeleteCancel();\n                }\n                break;\n            default:\n                break;\n        }\n    };\n\n    render() {\n        const { isOpen, message, onDeleteCancel, onDeleteConfirm, ...rest } = this.props;\n\n        return (\n            <Overlay\n                className=\"be-modal bcs-DeleteConfirmation\"\n                onKeyDown={this.onKeyDown}\n                role=\"dialog\"\n                shouldDefaultFocus\n                shouldOutlineFocus={false}\n                {...rest}\n            >\n                <div className=\"bcs-DeleteConfirmation-promptMessage\">\n                    <FormattedMessage {...message} />\n                </div>\n                <div>\n                    <Button\n                        className=\"bcs-DeleteConfirmation-cancel\"\n                        onClick={onDeleteCancel}\n                        type=\"button\"\n                        data-resin-target={ACTIVITY_TARGETS.INLINE_DELETE_CANCEL}\n                    >\n                        <FormattedMessage {...commonMessages.cancel} />\n                    </Button>\n                    <PrimaryButton\n                        className=\"bcs-DeleteConfirmation-delete\"\n                        onClick={onDeleteConfirm}\n                        type=\"button\"\n                        data-resin-target={ACTIVITY_TARGETS.INLINE_DELETE_CONFIRM}\n                    >\n                        <FormattedMessage {...commonMessages.delete} />\n                    </PrimaryButton>\n                </div>\n            </Overlay>\n        );\n    }\n}\n\nexport default DeleteConfirmation;\n"],"file":"DeleteConfirmation.js"}
+{"version":3,"sources":["../../../../../../src/elements/content-sidebar/activity-feed/common/delete-confirmation/DeleteConfirmation.js"],"names":["React","FormattedMessage","Button","commonMessages","PrimaryButton","KEYS","Overlay","ACTIVITY_TARGETS","DeleteConfirmation","Component","event","nativeEvent","isOpen","onDeleteCancel","props","stopImmediatePropagation","key","escape","stopPropagation","preventDefault","render","message","onDeleteConfirm","rest","onKeyDown","cancel","defaultMessage","INLINE_DELETE_CANCEL","delete","INLINE_DELETE_CONFIRM"],"mappings":";;;;;;;;AAAA;;;;AAKA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,QAAyD,YAAzD;AAEA,OAAOC,MAAP,MAAmB,kCAAnB;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,aAAP,MAA0B,0CAA1B;AACA,SAASC,IAAT,QAAqB,0BAArB;AACA,SAASC,OAAT,QAAwB,kCAAxB;AACA,SAASC,gBAAT,QAAiC,uCAAjC;AACA,OAAO,2BAAP;;AASA,MAAMC,kBAAN,SAAiCR,KAAK,CAACS,SAAvC,CAAwD;AAAA;AAAA;;AAAA,uCACvCC,KAAD,IAA2C;AACnD,YAAM;AAAEC,QAAAA;AAAF,UAAkBD,KAAxB;AACA,YAAM;AAAEE,QAAAA,MAAF;AAAUC,QAAAA;AAAV,UAA6B,KAAKC,KAAxC;AAEAH,MAAAA,WAAW,CAACI,wBAAZ;;AAEA,cAAQL,KAAK,CAACM,GAAd;AACI,aAAKX,IAAI,CAACY,MAAV;AACIP,UAAAA,KAAK,CAACQ,eAAN;AACAR,UAAAA,KAAK,CAACS,cAAN;;AACA,cAAIP,MAAJ,EAAY;AACRC,YAAAA,cAAc;AACjB;;AACD;;AACJ;AACI;AATR;AAWH,KAlBmD;AAAA;;AAoBpDO,EAAAA,MAAM,GAAG;AACL,wBAAsE,KAAKN,KAA3E;AAAA,UAAM;AAAEF,MAAAA,MAAF;AAAUS,MAAAA,OAAV;AAAmBR,MAAAA,cAAnB;AAAmCS,MAAAA;AAAnC,KAAN;AAAA,UAA6DC,IAA7D;;AAEA,WACI,oBAAC,OAAD;AACI,MAAA,SAAS,EAAC,iCADd;AAEI,MAAA,SAAS,EAAE,KAAKC,SAFpB;AAGI,MAAA,IAAI,EAAC,QAHT;AAII,MAAA,kBAAkB,MAJtB;AAKI,MAAA,kBAAkB,EAAE;AALxB,OAMQD,IANR,GAQI;AAAK,MAAA,SAAS,EAAC;AAAf,OACI,oBAAC,gBAAD,EAAsBF,OAAtB,CADJ,CARJ,EAWI,iCACI,oBAAC,MAAD;AACI,oBAAYlB,cAAc,CAACsB,MAAf,CAAsBC,cADtC;AAEI,MAAA,SAAS,EAAC,+BAFd;AAGI,MAAA,OAAO,EAAEb,cAHb;AAII,MAAA,IAAI,EAAC,QAJT;AAKI,2BAAmBN,gBAAgB,CAACoB;AALxC,OAOI,oBAAC,gBAAD,EAAsBxB,cAAc,CAACsB,MAArC,CAPJ,CADJ,EAUI,oBAAC,aAAD;AACI,oBAAYtB,cAAc,CAACyB,MAAf,CAAsBF,cADtC;AAEI,MAAA,SAAS,EAAC,+BAFd;AAGI,MAAA,OAAO,EAAEJ,eAHb;AAII,MAAA,IAAI,EAAC,QAJT;AAKI,2BAAmBf,gBAAgB,CAACsB;AALxC,OAOI,oBAAC,gBAAD,EAAsB1B,cAAc,CAACyB,MAArC,CAPJ,CAVJ,CAXJ,CADJ;AAkCH;;AAzDmD;;AA4DxD,eAAepB,kBAAf","sourcesContent":["/**\n * @flow\n * @file Comment component\n */\n\nimport * as React from 'react';\nimport { FormattedMessage, type MessageDescriptor } from 'react-intl';\n\nimport Button from '../../../../../components/button';\nimport commonMessages from '../../../../common/messages';\nimport PrimaryButton from '../../../../../components/primary-button';\nimport { KEYS } from '../../../../../constants';\nimport { Overlay } from '../../../../../components/flyout';\nimport { ACTIVITY_TARGETS } from '../../../../common/interactionTargets';\nimport './DeleteConfirmation.scss';\n\ntype Props = {\n    isOpen: boolean,\n    message: MessageDescriptor,\n    onDeleteCancel: Function,\n    onDeleteConfirm: Function,\n};\n\nclass DeleteConfirmation extends React.Component<Props> {\n    onKeyDown = (event: SyntheticKeyboardEvent<>): void => {\n        const { nativeEvent } = event;\n        const { isOpen, onDeleteCancel } = this.props;\n\n        nativeEvent.stopImmediatePropagation();\n\n        switch (event.key) {\n            case KEYS.escape:\n                event.stopPropagation();\n                event.preventDefault();\n                if (isOpen) {\n                    onDeleteCancel();\n                }\n                break;\n            default:\n                break;\n        }\n    };\n\n    render() {\n        const { isOpen, message, onDeleteCancel, onDeleteConfirm, ...rest } = this.props;\n\n        return (\n            <Overlay\n                className=\"be-modal bcs-DeleteConfirmation\"\n                onKeyDown={this.onKeyDown}\n                role=\"dialog\"\n                shouldDefaultFocus\n                shouldOutlineFocus={false}\n                {...rest}\n            >\n                <div className=\"bcs-DeleteConfirmation-promptMessage\">\n                    <FormattedMessage {...message} />\n                </div>\n                <div>\n                    <Button\n                        aria-label={commonMessages.cancel.defaultMessage}\n                        className=\"bcs-DeleteConfirmation-cancel\"\n                        onClick={onDeleteCancel}\n                        type=\"button\"\n                        data-resin-target={ACTIVITY_TARGETS.INLINE_DELETE_CANCEL}\n                    >\n                        <FormattedMessage {...commonMessages.cancel} />\n                    </Button>\n                    <PrimaryButton\n                        aria-label={commonMessages.delete.defaultMessage}\n                        className=\"bcs-DeleteConfirmation-delete\"\n                        onClick={onDeleteConfirm}\n                        type=\"button\"\n                        data-resin-target={ACTIVITY_TARGETS.INLINE_DELETE_CONFIRM}\n                    >\n                        <FormattedMessage {...commonMessages.delete} />\n                    </PrimaryButton>\n                </div>\n            </Overlay>\n        );\n    }\n}\n\nexport default DeleteConfirmation;\n"],"file":"DeleteConfirmation.js"}

package/es/elements/content-sidebar/activity-feed/common/delete-confirmation/DeleteConfirmation.scss

@@ -2,7 +2,7 @@
 @import '../../../../../styles/mixins/overlay';
 
 .bcs-DeleteConfirmation {
-    width: 212px;
+    width: 214px;
 
     .overlay {
         @include bdl-Overlay-container;

package/es/elements/content-sidebar/activity-feed/task-new/Task.js

@@ -249,7 +249,11 @@ class Task extends React.Component {
       shouldShowActions = currentUserAssignment && currentUserAssignment.permissions && currentUserAssignment.permissions.can_update && currentUserAssignment.status === TASK_NEW_NOT_STARTED;
     }
 
-    const TaskTypeIcon = task_type === TASK_TYPE_APPROVAL ? IconTaskApproval : IconTaskGeneral;
+    const TaskTypeIcon = task_type === TASK_TYPE_APPROVAL ? React.createElement(IconTaskApproval, {
+      title: React.createElement(FormattedMessage, messages.approvalTaskAnnotationIconTitle)
+    }) : React.createElement(IconTaskGeneral, {
+      title: React.createElement(FormattedMessage, messages.generalTaskAnnotationIconTitle)
+    });
     const isMenuVisible = (permissions.can_delete || permissions.can_update) && !isPending;
     return React.createElement(ActivityCard, {
       className: "bcs-Task",
@@ -265,9 +269,9 @@ class Task extends React.Component {
     }, React.createElement(Media.Figure, {
       className: "bcs-Task-avatar"
     }, React.createElement(Avatar, {
+      badgeIcon: TaskTypeIcon,
       getAvatarUrl: getAvatarUrl,
-      user: createdByUser,
-      badgeIcon: React.createElement(TaskTypeIcon, null)
+      user: createdByUser
     })), React.createElement(Media.Body, null, isMenuVisible && React.createElement(TetherComponent, {
       attachment: "top right",
       className: "bcs-Task-deleteConfirmationModal",

package/es/elements/content-sidebar/activity-feed/task-new/Task.js.flow

@@ -258,7 +258,12 @@ class Task extends React.Component<Props, State> {
                 currentUserAssignment.status === TASK_NEW_NOT_STARTED;
         }
 
-        const TaskTypeIcon = task_type === TASK_TYPE_APPROVAL ? IconTaskApproval : IconTaskGeneral;
+        const TaskTypeIcon =
+            task_type === TASK_TYPE_APPROVAL ? (
+                <IconTaskApproval title={<FormattedMessage {...messages.approvalTaskAnnotationIconTitle} />} />
+            ) : (
+                <IconTaskGeneral title={<FormattedMessage {...messages.generalTaskAnnotationIconTitle} />} />
+            );
 
         const isMenuVisible = (permissions.can_delete || permissions.can_update) && !isPending;
 
@@ -279,7 +284,7 @@ class Task extends React.Component<Props, State> {
                     data-testid="task-card"
                 >
                     <Media.Figure className="bcs-Task-avatar">
-                        <Avatar getAvatarUrl={getAvatarUrl} user={createdByUser} badgeIcon={<TaskTypeIcon />} />
+                        <Avatar badgeIcon={TaskTypeIcon} getAvatarUrl={getAvatarUrl} user={createdByUser} />
                     </Media.Figure>
                     <Media.Body>
                         {isMenuVisible && (

package/es/elements/content-sidebar/activity-feed/task-new/Task.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/task-new/Task.js"],"names":["React","noop","flow","get","FormattedMessage","classNames","TetherComponent","withFeatureConsumer","getFeatureConfig","withAPIContext","Avatar","Media","MenuItem","ActivityCard","ActivityError","ActivityMessage","ActivityTimestamp","DeleteConfirmation","IconTaskApproval","IconTaskGeneral","IconTrash","IconPencil","UserLink","API","TASK_COMPLETION_RULE_ALL","TASK_NEW_APPROVED","TASK_NEW_REJECTED","TASK_NEW_NOT_STARTED","TASK_NEW_IN_PROGRESS","TASK_NEW_COMPLETED","TASK_TYPE_APPROVAL","PLACEHOLDER_USER","TASK_EDIT_MODE_EDIT","ACTIVITY_TARGETS","bdlGray80","TaskActions","TaskCompletionRuleIcon","TaskDueDate","TaskStatus","AssigneeList","TaskModal","TaskMultiFileIcon","commonMessages","messages","Task","Component","loadCollabError","undefined","assignedToFull","props","assigned_to","modalError","isEditing","isLoading","isAssigneeListOpen","isConfirmingDelete","getAllTaskCollaborators","setState","id","onDelete","permissions","onModalClose","error","onSuccess","api","task_links","errorOccured","taskCollaboratorLoadErrorMessage","next_marker","fileId","getTaskCollaboratorsAPI","getTaskCollaborators","task","file","errorCallback","message","title","successCallback","taskId","assignmentId","taskStatus","onAssignmentUpdate","render","approverSelectorContacts","completion_rule","created_at","created_by","currentUser","due_at","features","getApproverWithQuery","getAvatarUrl","getUserProfileUrl","isPending","description","onEdit","onView","status","task_type","translatedTaggedMessage","translations","state","inlineError","assignments","entries","currentUserAssignment","find","target","createdByUser","createdAtTimestamp","Date","getTime","isTaskCompleted","isCreator","isMultiFile","length","shouldShowActions","can_update","TaskTypeIcon","isMenuVisible","can_delete","to","attachment","TASK_OPTIONS","TASK_OPTIONS_EDIT","handleEditClick","taskEditMenuItem","TASK_OPTIONS_DELETE","handleDeleteClick","taskDeleteMenuItem","taskDeletePrompt","handleDeleteCancel","handleDeleteConfirm","PROFILE","handleAssigneeListCollapse","handleAssigneeListExpand","handleTaskAction","feedbackUrl","handleEditSubmitError","handleEditModalClose","approvers","completionRule","createTask","editTask","dueDate","TaskComponent"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport noop from 'lodash/noop';\nimport flow from 'lodash/flow';\nimport get from 'lodash/get';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\nimport TetherComponent from 'react-tether';\nimport { withFeatureConsumer, getFeatureConfig } from '../../../common/feature-checking';\nimport { withAPIContext } from '../../../common/api-context';\nimport Avatar from '../Avatar';\nimport Media from '../../../../components/media';\nimport { MenuItem } from '../../../../components/menu';\nimport ActivityCard from '../ActivityCard';\nimport ActivityError from '../common/activity-error';\nimport ActivityMessage from '../common/activity-message';\nimport ActivityTimestamp from '../common/activity-timestamp';\nimport DeleteConfirmation from '../common/delete-confirmation';\nimport IconTaskApproval from '../../../../icons/two-toned/IconTaskApproval';\nimport IconTaskGeneral from '../../../../icons/two-toned/IconTaskGeneral';\nimport IconTrash from '../../../../icons/general/IconTrash';\nimport IconPencil from '../../../../icons/general/IconPencil';\nimport UserLink from '../common/user-link';\nimport API from '../../../../api/APIFactory';\nimport {\n    TASK_COMPLETION_RULE_ALL,\n    TASK_NEW_APPROVED,\n    TASK_NEW_REJECTED,\n    TASK_NEW_NOT_STARTED,\n    TASK_NEW_IN_PROGRESS,\n    TASK_NEW_COMPLETED,\n    TASK_TYPE_APPROVAL,\n    PLACEHOLDER_USER,\n    TASK_EDIT_MODE_EDIT,\n} from '../../../../constants';\nimport type { TaskAssigneeCollection, TaskNew } from '../../../../common/types/tasks';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport { bdlGray80 } from '../../../../styles/variables';\nimport TaskActions from './TaskActions';\nimport TaskCompletionRuleIcon from './TaskCompletionRuleIcon';\nimport TaskDueDate from './TaskDueDate';\nimport TaskStatus from './TaskStatus';\nimport AssigneeList from './AssigneeList';\nimport TaskModal from '../../TaskModal';\nimport TaskMultiFileIcon from './TaskMultiFileIcon';\nimport commonMessages from '../../../common/messages';\nimport messages from './messages';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { ElementsXhrError } from '../../../../common/types/api';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { ActionItemError } from '../../../../common/types/feed';\nimport type { Translations } from '../../flowTypes';\nimport type { FeatureConfig } from '../../../common/feature-checking';\n\nimport './Task.scss';\n\ntype Props = {|\n    ...TaskNew,\n    api: API,\n    approverSelectorContacts: SelectorItems<>,\n    currentUser: User,\n    error?: ActionItemError,\n    features?: FeatureConfig,\n    getApproverWithQuery?: Function,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    isPending?: boolean,\n    onAssignmentUpdate: Function,\n    onDelete?: Function,\n    onEdit?: Function,\n    onModalClose?: Function,\n    onView?: Function,\n    translatedTaggedMessage?: string,\n    translations?: Translations,\n|};\n\ntype State = {\n    // the complete list of assignees (when task.assigned_to is truncated)\n    assignedToFull: TaskAssigneeCollection,\n    isAssigneeListOpen: boolean,\n    isConfirmingDelete: boolean,\n    isEditing: boolean,\n    isLoading: boolean,\n    loadCollabError: ?ActionItemError,\n    modalError: ?ElementsXhrError,\n};\n\nclass Task extends React.Component<Props, State> {\n    static defaultProps = {\n        completion_rule: TASK_COMPLETION_RULE_ALL,\n    };\n\n    state = {\n        loadCollabError: undefined,\n        assignedToFull: this.props.assigned_to,\n        modalError: undefined,\n        isEditing: false,\n        isLoading: false,\n        isAssigneeListOpen: false,\n        isConfirmingDelete: false,\n    };\n\n    handleAssigneeListExpand = () => {\n        this.getAllTaskCollaborators(() => {\n            this.setState({ isAssigneeListOpen: true });\n        });\n    };\n\n    handleAssigneeListCollapse = () => {\n        this.setState({ isAssigneeListOpen: false });\n    };\n\n    handleEditClick = () => {\n        this.getAllTaskCollaborators(() => {\n            this.setState({ isEditing: true });\n        });\n    };\n\n    handleDeleteClick = () => {\n        this.setState({ isConfirmingDelete: true });\n    };\n\n    handleDeleteConfirm = (): void => {\n        const { id, onDelete, permissions } = this.props;\n\n        if (onDelete) {\n            onDelete({ id, permissions });\n        }\n    };\n\n    handleDeleteCancel = (): void => {\n        this.setState({ isConfirmingDelete: false });\n    };\n\n    handleEditModalClose = () => {\n        const { onModalClose } = this.props;\n        this.setState({ isEditing: false, modalError: undefined });\n\n        if (onModalClose) {\n            onModalClose();\n        }\n    };\n\n    handleEditSubmitError = (error: ElementsXhrError) => {\n        this.setState({ modalError: error });\n    };\n\n    getAllTaskCollaborators = (onSuccess: () => any) => {\n        const { id, api, task_links, assigned_to } = this.props;\n        const { errorOccured } = commonMessages;\n        const { taskCollaboratorLoadErrorMessage } = messages;\n\n        // skip fetch when there are no additional collaborators\n        if (!assigned_to.next_marker) {\n            this.setState({ assignedToFull: assigned_to });\n            onSuccess();\n            return;\n        }\n\n        // fileid is required for api calls, check for presence\n        const fileId = get(task_links, 'entries[0].target.id');\n        if (!fileId) {\n            return;\n        }\n\n        this.setState({ isLoading: true });\n        api.getTaskCollaboratorsAPI(false).getTaskCollaborators({\n            task: { id },\n            file: { id: fileId },\n            errorCallback: () => {\n                this.setState({\n                    isLoading: false,\n                    loadCollabError: {\n                        message: taskCollaboratorLoadErrorMessage,\n                        title: errorOccured,\n                    },\n                });\n            },\n            successCallback: assignedToFull => {\n                this.setState({ assignedToFull, isLoading: false });\n                onSuccess();\n            },\n        });\n    };\n\n    handleTaskAction = (taskId: string, assignmentId: string, taskStatus: string) => {\n        const { onAssignmentUpdate } = this.props;\n\n        this.setState({ isAssigneeListOpen: false });\n\n        onAssignmentUpdate(taskId, assignmentId, taskStatus);\n    };\n\n    render() {\n        const {\n            approverSelectorContacts,\n            assigned_to,\n            completion_rule,\n            created_at,\n            created_by,\n            currentUser,\n            due_at,\n            error,\n            features,\n            getApproverWithQuery,\n            getAvatarUrl,\n            getUserProfileUrl,\n            id,\n            isPending,\n            description,\n            onEdit,\n            onView,\n            permissions,\n            status,\n            task_links,\n            task_type,\n            translatedTaggedMessage,\n            translations,\n        } = this.props;\n\n        const {\n            assignedToFull,\n            modalError,\n            isEditing,\n            isLoading,\n            loadCollabError,\n            isAssigneeListOpen,\n            isConfirmingDelete,\n        } = this.state;\n\n        const inlineError = loadCollabError || error;\n\n        const assignments = assigned_to && assigned_to.entries;\n\n        const currentUserAssignment = assignments && assignments.find(({ target }) => target.id === currentUser.id);\n\n        const createdByUser = created_by.target || PLACEHOLDER_USER;\n\n        const createdAtTimestamp = new Date(created_at).getTime();\n\n        const isTaskCompleted = !(status === TASK_NEW_NOT_STARTED || status === TASK_NEW_IN_PROGRESS);\n\n        const isCreator = created_by.target.id === currentUser.id;\n\n        const isMultiFile = task_links.entries.length > 1;\n\n        let shouldShowActions;\n        if (isTaskCompleted) {\n            shouldShowActions = false;\n        } else if (isMultiFile && isCreator) {\n            shouldShowActions = true;\n        } else {\n            shouldShowActions =\n                currentUserAssignment &&\n                currentUserAssignment.permissions &&\n                currentUserAssignment.permissions.can_update &&\n                currentUserAssignment.status === TASK_NEW_NOT_STARTED;\n        }\n\n        const TaskTypeIcon = task_type === TASK_TYPE_APPROVAL ? IconTaskApproval : IconTaskGeneral;\n\n        const isMenuVisible = (permissions.can_delete || permissions.can_update) && !isPending;\n\n        return (\n            <ActivityCard\n                className=\"bcs-Task\"\n                data-resin-feature=\"tasks\"\n                data-resin-taskid={id}\n                data-resin-tasktype={task_type}\n                data-resin-numassignees={assignments && assignments.length}\n            >\n                {/* $FlowFixMe */}\n                {inlineError ? <ActivityError {...inlineError} /> : null}\n                <Media\n                    className={classNames('bcs-Task-media', {\n                        'bcs-is-pending': isPending || isLoading,\n                    })}\n                    data-testid=\"task-card\"\n                >\n                    <Media.Figure className=\"bcs-Task-avatar\">\n                        <Avatar getAvatarUrl={getAvatarUrl} user={createdByUser} badgeIcon={<TaskTypeIcon />} />\n                    </Media.Figure>\n                    <Media.Body>\n                        {isMenuVisible && (\n                            <TetherComponent\n                                attachment=\"top right\"\n                                className=\"bcs-Task-deleteConfirmationModal\"\n                                constraints={[{ to: 'scrollParent', attachment: 'together' }]}\n                                targetAttachment=\"bottom right\"\n                            >\n                                <Media.Menu\n                                    isDisabled={isConfirmingDelete}\n                                    data-testid=\"task-actions-menu\"\n                                    menuProps={{\n                                        'data-resin-component': ACTIVITY_TARGETS.TASK_OPTIONS,\n                                    }}\n                                >\n                                    {permissions.can_update && (\n                                        <MenuItem\n                                            data-resin-target={ACTIVITY_TARGETS.TASK_OPTIONS_EDIT}\n                                            data-testid=\"edit-task\"\n                                            onClick={this.handleEditClick}\n                                        >\n                                            <IconPencil color={bdlGray80} />\n                                            <FormattedMessage {...messages.taskEditMenuItem} />\n                                        </MenuItem>\n                                    )}\n                                    {permissions.can_delete && (\n                                        <MenuItem\n                                            data-resin-target={ACTIVITY_TARGETS.TASK_OPTIONS_DELETE}\n                                            data-testid=\"delete-task\"\n                                            onClick={this.handleDeleteClick}\n                                        >\n                                            <IconTrash color={bdlGray80} />\n                                            <FormattedMessage {...messages.taskDeleteMenuItem} />\n                                        </MenuItem>\n                                    )}\n                                </Media.Menu>\n                                {isConfirmingDelete && (\n                                    <DeleteConfirmation\n                                        data-resin-component={ACTIVITY_TARGETS.TASK_OPTIONS}\n                                        isOpen={isConfirmingDelete}\n                                        message={messages.taskDeletePrompt}\n                                        onDeleteCancel={this.handleDeleteCancel}\n                                        onDeleteConfirm={this.handleDeleteConfirm}\n                                    />\n                                )}\n                            </TetherComponent>\n                        )}\n                        <div className=\"bcs-Task-headline\">\n                            <UserLink\n                                {...createdByUser}\n                                data-resin-target={ACTIVITY_TARGETS.PROFILE}\n                                getUserProfileUrl={getUserProfileUrl}\n                            />\n                        </div>\n                        <div>\n                            <ActivityTimestamp date={createdAtTimestamp} />\n                        </div>\n                        <div className=\"bcs-Task-status\">\n                            <TaskStatus status={status} />\n                            <TaskMultiFileIcon isMultiFile={isMultiFile} />\n                            <TaskCompletionRuleIcon completionRule={completion_rule} />\n                        </div>\n                        <div className=\"bcs-Task-dueDate\">\n                            {!!due_at && <TaskDueDate dueDate={due_at} status={status} />}\n                        </div>\n                        <div>\n                            <ActivityMessage\n                                id={id}\n                                tagged_message={description}\n                                translatedTaggedMessage={translatedTaggedMessage}\n                                {...translations}\n                                translationFailed={error ? true : null}\n                                getUserProfileUrl={getUserProfileUrl}\n                            />\n                        </div>\n                        <div className=\"bcs-Task-assigneeListContainer\">\n                            <AssigneeList\n                                isOpen={isAssigneeListOpen}\n                                onCollapse={this.handleAssigneeListCollapse}\n                                onExpand={this.handleAssigneeListExpand}\n                                getAvatarUrl={getAvatarUrl}\n                                initialAssigneeCount={3}\n                                users={isAssigneeListOpen ? assignedToFull : assigned_to}\n                            />\n                        </div>\n                        {shouldShowActions && (\n                            <div className=\"bcs-Task-actionsContainer\" data-testid=\"action-container\">\n                                <TaskActions\n                                    isMultiFile={isMultiFile}\n                                    taskType={task_type}\n                                    onTaskApproval={\n                                        isPending\n                                            ? noop\n                                            : () =>\n                                                  // $FlowFixMe checked by shouldShowActions\n                                                  this.handleTaskAction(id, currentUserAssignment.id, TASK_NEW_APPROVED)\n                                    }\n                                    onTaskReject={\n                                        isPending\n                                            ? noop\n                                            : () =>\n                                                  // $FlowFixMe checked by shouldShowActions\n                                                  this.handleTaskAction(id, currentUserAssignment.id, TASK_NEW_REJECTED)\n                                    }\n                                    onTaskComplete={\n                                        isPending\n                                            ? noop\n                                            : () =>\n                                                  this.handleTaskAction(\n                                                      id,\n                                                      // $FlowFixMe checked by shouldShowActions\n                                                      currentUserAssignment.id,\n                                                      TASK_NEW_COMPLETED,\n                                                  )\n                                    }\n                                    onTaskView={onView && (() => onView(id, isCreator))}\n                                />\n                            </div>\n                        )}\n                    </Media.Body>\n                </Media>\n                <TaskModal\n                    editMode={TASK_EDIT_MODE_EDIT}\n                    error={modalError}\n                    feedbackUrl={getFeatureConfig(features, 'activityFeed.tasks').feedbackUrl || ''}\n                    onSubmitError={this.handleEditSubmitError}\n                    onSubmitSuccess={this.handleEditModalClose}\n                    onModalClose={this.handleEditModalClose}\n                    isTaskFormOpen={isEditing}\n                    taskFormProps={{\n                        id,\n                        approvers: assignedToFull.entries,\n                        approverSelectorContacts,\n                        completionRule: completion_rule,\n                        getApproverWithQuery,\n                        getAvatarUrl,\n                        createTask: () => {},\n                        editTask: onEdit,\n                        dueDate: due_at,\n                        message: description,\n                    }}\n                    taskType={task_type}\n                />\n            </ActivityCard>\n        );\n    }\n}\n\nexport { Task as TaskComponent };\nexport default flow([withFeatureConsumer, withAPIContext])(Task);\n"],"file":"Task.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/task-new/Task.js"],"names":["React","noop","flow","get","FormattedMessage","classNames","TetherComponent","withFeatureConsumer","getFeatureConfig","withAPIContext","Avatar","Media","MenuItem","ActivityCard","ActivityError","ActivityMessage","ActivityTimestamp","DeleteConfirmation","IconTaskApproval","IconTaskGeneral","IconTrash","IconPencil","UserLink","API","TASK_COMPLETION_RULE_ALL","TASK_NEW_APPROVED","TASK_NEW_REJECTED","TASK_NEW_NOT_STARTED","TASK_NEW_IN_PROGRESS","TASK_NEW_COMPLETED","TASK_TYPE_APPROVAL","PLACEHOLDER_USER","TASK_EDIT_MODE_EDIT","ACTIVITY_TARGETS","bdlGray80","TaskActions","TaskCompletionRuleIcon","TaskDueDate","TaskStatus","AssigneeList","TaskModal","TaskMultiFileIcon","commonMessages","messages","Task","Component","loadCollabError","undefined","assignedToFull","props","assigned_to","modalError","isEditing","isLoading","isAssigneeListOpen","isConfirmingDelete","getAllTaskCollaborators","setState","id","onDelete","permissions","onModalClose","error","onSuccess","api","task_links","errorOccured","taskCollaboratorLoadErrorMessage","next_marker","fileId","getTaskCollaboratorsAPI","getTaskCollaborators","task","file","errorCallback","message","title","successCallback","taskId","assignmentId","taskStatus","onAssignmentUpdate","render","approverSelectorContacts","completion_rule","created_at","created_by","currentUser","due_at","features","getApproverWithQuery","getAvatarUrl","getUserProfileUrl","isPending","description","onEdit","onView","status","task_type","translatedTaggedMessage","translations","state","inlineError","assignments","entries","currentUserAssignment","find","target","createdByUser","createdAtTimestamp","Date","getTime","isTaskCompleted","isCreator","isMultiFile","length","shouldShowActions","can_update","TaskTypeIcon","approvalTaskAnnotationIconTitle","generalTaskAnnotationIconTitle","isMenuVisible","can_delete","to","attachment","TASK_OPTIONS","TASK_OPTIONS_EDIT","handleEditClick","taskEditMenuItem","TASK_OPTIONS_DELETE","handleDeleteClick","taskDeleteMenuItem","taskDeletePrompt","handleDeleteCancel","handleDeleteConfirm","PROFILE","handleAssigneeListCollapse","handleAssigneeListExpand","handleTaskAction","feedbackUrl","handleEditSubmitError","handleEditModalClose","approvers","completionRule","createTask","editTask","dueDate","TaskComponent"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport noop from 'lodash/noop';\nimport flow from 'lodash/flow';\nimport get from 'lodash/get';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\nimport TetherComponent from 'react-tether';\nimport { withFeatureConsumer, getFeatureConfig } from '../../../common/feature-checking';\nimport { withAPIContext } from '../../../common/api-context';\nimport Avatar from '../Avatar';\nimport Media from '../../../../components/media';\nimport { MenuItem } from '../../../../components/menu';\nimport ActivityCard from '../ActivityCard';\nimport ActivityError from '../common/activity-error';\nimport ActivityMessage from '../common/activity-message';\nimport ActivityTimestamp from '../common/activity-timestamp';\nimport DeleteConfirmation from '../common/delete-confirmation';\nimport IconTaskApproval from '../../../../icons/two-toned/IconTaskApproval';\nimport IconTaskGeneral from '../../../../icons/two-toned/IconTaskGeneral';\nimport IconTrash from '../../../../icons/general/IconTrash';\nimport IconPencil from '../../../../icons/general/IconPencil';\nimport UserLink from '../common/user-link';\nimport API from '../../../../api/APIFactory';\nimport {\n    TASK_COMPLETION_RULE_ALL,\n    TASK_NEW_APPROVED,\n    TASK_NEW_REJECTED,\n    TASK_NEW_NOT_STARTED,\n    TASK_NEW_IN_PROGRESS,\n    TASK_NEW_COMPLETED,\n    TASK_TYPE_APPROVAL,\n    PLACEHOLDER_USER,\n    TASK_EDIT_MODE_EDIT,\n} from '../../../../constants';\nimport type { TaskAssigneeCollection, TaskNew } from '../../../../common/types/tasks';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport { bdlGray80 } from '../../../../styles/variables';\nimport TaskActions from './TaskActions';\nimport TaskCompletionRuleIcon from './TaskCompletionRuleIcon';\nimport TaskDueDate from './TaskDueDate';\nimport TaskStatus from './TaskStatus';\nimport AssigneeList from './AssigneeList';\nimport TaskModal from '../../TaskModal';\nimport TaskMultiFileIcon from './TaskMultiFileIcon';\nimport commonMessages from '../../../common/messages';\nimport messages from './messages';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { ElementsXhrError } from '../../../../common/types/api';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { ActionItemError } from '../../../../common/types/feed';\nimport type { Translations } from '../../flowTypes';\nimport type { FeatureConfig } from '../../../common/feature-checking';\n\nimport './Task.scss';\n\ntype Props = {|\n    ...TaskNew,\n    api: API,\n    approverSelectorContacts: SelectorItems<>,\n    currentUser: User,\n    error?: ActionItemError,\n    features?: FeatureConfig,\n    getApproverWithQuery?: Function,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    isPending?: boolean,\n    onAssignmentUpdate: Function,\n    onDelete?: Function,\n    onEdit?: Function,\n    onModalClose?: Function,\n    onView?: Function,\n    translatedTaggedMessage?: string,\n    translations?: Translations,\n|};\n\ntype State = {\n    // the complete list of assignees (when task.assigned_to is truncated)\n    assignedToFull: TaskAssigneeCollection,\n    isAssigneeListOpen: boolean,\n    isConfirmingDelete: boolean,\n    isEditing: boolean,\n    isLoading: boolean,\n    loadCollabError: ?ActionItemError,\n    modalError: ?ElementsXhrError,\n};\n\nclass Task extends React.Component<Props, State> {\n    static defaultProps = {\n        completion_rule: TASK_COMPLETION_RULE_ALL,\n    };\n\n    state = {\n        loadCollabError: undefined,\n        assignedToFull: this.props.assigned_to,\n        modalError: undefined,\n        isEditing: false,\n        isLoading: false,\n        isAssigneeListOpen: false,\n        isConfirmingDelete: false,\n    };\n\n    handleAssigneeListExpand = () => {\n        this.getAllTaskCollaborators(() => {\n            this.setState({ isAssigneeListOpen: true });\n        });\n    };\n\n    handleAssigneeListCollapse = () => {\n        this.setState({ isAssigneeListOpen: false });\n    };\n\n    handleEditClick = () => {\n        this.getAllTaskCollaborators(() => {\n            this.setState({ isEditing: true });\n        });\n    };\n\n    handleDeleteClick = () => {\n        this.setState({ isConfirmingDelete: true });\n    };\n\n    handleDeleteConfirm = (): void => {\n        const { id, onDelete, permissions } = this.props;\n\n        if (onDelete) {\n            onDelete({ id, permissions });\n        }\n    };\n\n    handleDeleteCancel = (): void => {\n        this.setState({ isConfirmingDelete: false });\n    };\n\n    handleEditModalClose = () => {\n        const { onModalClose } = this.props;\n        this.setState({ isEditing: false, modalError: undefined });\n\n        if (onModalClose) {\n            onModalClose();\n        }\n    };\n\n    handleEditSubmitError = (error: ElementsXhrError) => {\n        this.setState({ modalError: error });\n    };\n\n    getAllTaskCollaborators = (onSuccess: () => any) => {\n        const { id, api, task_links, assigned_to } = this.props;\n        const { errorOccured } = commonMessages;\n        const { taskCollaboratorLoadErrorMessage } = messages;\n\n        // skip fetch when there are no additional collaborators\n        if (!assigned_to.next_marker) {\n            this.setState({ assignedToFull: assigned_to });\n            onSuccess();\n            return;\n        }\n\n        // fileid is required for api calls, check for presence\n        const fileId = get(task_links, 'entries[0].target.id');\n        if (!fileId) {\n            return;\n        }\n\n        this.setState({ isLoading: true });\n        api.getTaskCollaboratorsAPI(false).getTaskCollaborators({\n            task: { id },\n            file: { id: fileId },\n            errorCallback: () => {\n                this.setState({\n                    isLoading: false,\n                    loadCollabError: {\n                        message: taskCollaboratorLoadErrorMessage,\n                        title: errorOccured,\n                    },\n                });\n            },\n            successCallback: assignedToFull => {\n                this.setState({ assignedToFull, isLoading: false });\n                onSuccess();\n            },\n        });\n    };\n\n    handleTaskAction = (taskId: string, assignmentId: string, taskStatus: string) => {\n        const { onAssignmentUpdate } = this.props;\n\n        this.setState({ isAssigneeListOpen: false });\n\n        onAssignmentUpdate(taskId, assignmentId, taskStatus);\n    };\n\n    render() {\n        const {\n            approverSelectorContacts,\n            assigned_to,\n            completion_rule,\n            created_at,\n            created_by,\n            currentUser,\n            due_at,\n            error,\n            features,\n            getApproverWithQuery,\n            getAvatarUrl,\n            getUserProfileUrl,\n            id,\n            isPending,\n            description,\n            onEdit,\n            onView,\n            permissions,\n            status,\n            task_links,\n            task_type,\n            translatedTaggedMessage,\n            translations,\n        } = this.props;\n\n        const {\n            assignedToFull,\n            modalError,\n            isEditing,\n            isLoading,\n            loadCollabError,\n            isAssigneeListOpen,\n            isConfirmingDelete,\n        } = this.state;\n\n        const inlineError = loadCollabError || error;\n\n        const assignments = assigned_to && assigned_to.entries;\n\n        const currentUserAssignment = assignments && assignments.find(({ target }) => target.id === currentUser.id);\n\n        const createdByUser = created_by.target || PLACEHOLDER_USER;\n\n        const createdAtTimestamp = new Date(created_at).getTime();\n\n        const isTaskCompleted = !(status === TASK_NEW_NOT_STARTED || status === TASK_NEW_IN_PROGRESS);\n\n        const isCreator = created_by.target.id === currentUser.id;\n\n        const isMultiFile = task_links.entries.length > 1;\n\n        let shouldShowActions;\n        if (isTaskCompleted) {\n            shouldShowActions = false;\n        } else if (isMultiFile && isCreator) {\n            shouldShowActions = true;\n        } else {\n            shouldShowActions =\n                currentUserAssignment &&\n                currentUserAssignment.permissions &&\n                currentUserAssignment.permissions.can_update &&\n                currentUserAssignment.status === TASK_NEW_NOT_STARTED;\n        }\n\n        const TaskTypeIcon =\n            task_type === TASK_TYPE_APPROVAL ? (\n                <IconTaskApproval title={<FormattedMessage {...messages.approvalTaskAnnotationIconTitle} />} />\n            ) : (\n                <IconTaskGeneral title={<FormattedMessage {...messages.generalTaskAnnotationIconTitle} />} />\n            );\n\n        const isMenuVisible = (permissions.can_delete || permissions.can_update) && !isPending;\n\n        return (\n            <ActivityCard\n                className=\"bcs-Task\"\n                data-resin-feature=\"tasks\"\n                data-resin-taskid={id}\n                data-resin-tasktype={task_type}\n                data-resin-numassignees={assignments && assignments.length}\n            >\n                {/* $FlowFixMe */}\n                {inlineError ? <ActivityError {...inlineError} /> : null}\n                <Media\n                    className={classNames('bcs-Task-media', {\n                        'bcs-is-pending': isPending || isLoading,\n                    })}\n                    data-testid=\"task-card\"\n                >\n                    <Media.Figure className=\"bcs-Task-avatar\">\n                        <Avatar badgeIcon={TaskTypeIcon} getAvatarUrl={getAvatarUrl} user={createdByUser} />\n                    </Media.Figure>\n                    <Media.Body>\n                        {isMenuVisible && (\n                            <TetherComponent\n                                attachment=\"top right\"\n                                className=\"bcs-Task-deleteConfirmationModal\"\n                                constraints={[{ to: 'scrollParent', attachment: 'together' }]}\n                                targetAttachment=\"bottom right\"\n                            >\n                                <Media.Menu\n                                    isDisabled={isConfirmingDelete}\n                                    data-testid=\"task-actions-menu\"\n                                    menuProps={{\n                                        'data-resin-component': ACTIVITY_TARGETS.TASK_OPTIONS,\n                                    }}\n                                >\n                                    {permissions.can_update && (\n                                        <MenuItem\n                                            data-resin-target={ACTIVITY_TARGETS.TASK_OPTIONS_EDIT}\n                                            data-testid=\"edit-task\"\n                                            onClick={this.handleEditClick}\n                                        >\n                                            <IconPencil color={bdlGray80} />\n                                            <FormattedMessage {...messages.taskEditMenuItem} />\n                                        </MenuItem>\n                                    )}\n                                    {permissions.can_delete && (\n                                        <MenuItem\n                                            data-resin-target={ACTIVITY_TARGETS.TASK_OPTIONS_DELETE}\n                                            data-testid=\"delete-task\"\n                                            onClick={this.handleDeleteClick}\n                                        >\n                                            <IconTrash color={bdlGray80} />\n                                            <FormattedMessage {...messages.taskDeleteMenuItem} />\n                                        </MenuItem>\n                                    )}\n                                </Media.Menu>\n                                {isConfirmingDelete && (\n                                    <DeleteConfirmation\n                                        data-resin-component={ACTIVITY_TARGETS.TASK_OPTIONS}\n                                        isOpen={isConfirmingDelete}\n                                        message={messages.taskDeletePrompt}\n                                        onDeleteCancel={this.handleDeleteCancel}\n                                        onDeleteConfirm={this.handleDeleteConfirm}\n                                    />\n                                )}\n                            </TetherComponent>\n                        )}\n                        <div className=\"bcs-Task-headline\">\n                            <UserLink\n                                {...createdByUser}\n                                data-resin-target={ACTIVITY_TARGETS.PROFILE}\n                                getUserProfileUrl={getUserProfileUrl}\n                            />\n                        </div>\n                        <div>\n                            <ActivityTimestamp date={createdAtTimestamp} />\n                        </div>\n                        <div className=\"bcs-Task-status\">\n                            <TaskStatus status={status} />\n                            <TaskMultiFileIcon isMultiFile={isMultiFile} />\n                            <TaskCompletionRuleIcon completionRule={completion_rule} />\n                        </div>\n                        <div className=\"bcs-Task-dueDate\">\n                            {!!due_at && <TaskDueDate dueDate={due_at} status={status} />}\n                        </div>\n                        <div>\n                            <ActivityMessage\n                                id={id}\n                                tagged_message={description}\n                                translatedTaggedMessage={translatedTaggedMessage}\n                                {...translations}\n                                translationFailed={error ? true : null}\n                                getUserProfileUrl={getUserProfileUrl}\n                            />\n                        </div>\n                        <div className=\"bcs-Task-assigneeListContainer\">\n                            <AssigneeList\n                                isOpen={isAssigneeListOpen}\n                                onCollapse={this.handleAssigneeListCollapse}\n                                onExpand={this.handleAssigneeListExpand}\n                                getAvatarUrl={getAvatarUrl}\n                                initialAssigneeCount={3}\n                                users={isAssigneeListOpen ? assignedToFull : assigned_to}\n                            />\n                        </div>\n                        {shouldShowActions && (\n                            <div className=\"bcs-Task-actionsContainer\" data-testid=\"action-container\">\n                                <TaskActions\n                                    isMultiFile={isMultiFile}\n                                    taskType={task_type}\n                                    onTaskApproval={\n                                        isPending\n                                            ? noop\n                                            : () =>\n                                                  // $FlowFixMe checked by shouldShowActions\n                                                  this.handleTaskAction(id, currentUserAssignment.id, TASK_NEW_APPROVED)\n                                    }\n                                    onTaskReject={\n                                        isPending\n                                            ? noop\n                                            : () =>\n                                                  // $FlowFixMe checked by shouldShowActions\n                                                  this.handleTaskAction(id, currentUserAssignment.id, TASK_NEW_REJECTED)\n                                    }\n                                    onTaskComplete={\n                                        isPending\n                                            ? noop\n                                            : () =>\n                                                  this.handleTaskAction(\n                                                      id,\n                                                      // $FlowFixMe checked by shouldShowActions\n                                                      currentUserAssignment.id,\n                                                      TASK_NEW_COMPLETED,\n                                                  )\n                                    }\n                                    onTaskView={onView && (() => onView(id, isCreator))}\n                                />\n                            </div>\n                        )}\n                    </Media.Body>\n                </Media>\n                <TaskModal\n                    editMode={TASK_EDIT_MODE_EDIT}\n                    error={modalError}\n                    feedbackUrl={getFeatureConfig(features, 'activityFeed.tasks').feedbackUrl || ''}\n                    onSubmitError={this.handleEditSubmitError}\n                    onSubmitSuccess={this.handleEditModalClose}\n                    onModalClose={this.handleEditModalClose}\n                    isTaskFormOpen={isEditing}\n                    taskFormProps={{\n                        id,\n                        approvers: assignedToFull.entries,\n                        approverSelectorContacts,\n                        completionRule: completion_rule,\n                        getApproverWithQuery,\n                        getAvatarUrl,\n                        createTask: () => {},\n                        editTask: onEdit,\n                        dueDate: due_at,\n                        message: description,\n                    }}\n                    taskType={task_type}\n                />\n            </ActivityCard>\n        );\n    }\n}\n\nexport { Task as TaskComponent };\nexport default flow([withFeatureConsumer, withAPIContext])(Task);\n"],"file":"Task.js"}

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

@@ -136,6 +136,14 @@ const messages = defineMessages({
   taskMultipleFilesAffordanceTooltip: {
     "id": "be.contentSidebar.activityFeed.task.taskMultipleFilesAffordanceTooltip",
     "defaultMessage": "There are multiple files associated with this task"
+  },
+  generalTaskAnnotationIconTitle: {
+    "id": "be.contentSidebar.activityFeed.task.generalTaskAnnotationIconTitle",
+    "defaultMessage": "General Task"
+  },
+  approvalTaskAnnotationIconTitle: {
+    "id": "be.contentSidebar.activityFeed.task.approvalTaskAnnotationIconTitle",
+    "defaultMessage": "Approval Task"
   }
 });
 export default messages;

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

@@ -175,6 +175,16 @@ const messages = defineMessages({
         defaultMessage: 'There are multiple files associated with this task',
         description: 'Tooltip text for multi-file icon, explaining that the task involves multiple files',
     },
+    generalTaskAnnotationIconTitle: {
+        id: 'be.contentSidebar.activityFeed.task.generalTaskAnnotationIconTitle',
+        defaultMessage: 'General Task',
+        description: 'Text for aria label of general task circle type icon',
+    },
+    approvalTaskAnnotationIconTitle: {
+        id: 'be.contentSidebar.activityFeed.task.approvalTaskAnnotationIconTitle',
+        defaultMessage: 'Approval Task',
+        description: 'Text for aria label of approval task circle type icon',
+    },
 });
 
 export default messages;