npm - box-ui-elements - Versions diffs - 16.0.0-beta.9 → 16.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (788) hide show

package/es/elements/content-sidebar/activity-feed/comment/Comment.js CHANGED Viewed

@@ -25,8 +25,10 @@ import classNames from 'classnames';
 import noop from 'lodash/noop';
 import { FormattedMessage } from 'react-intl';
 import TetherComponent from 'react-tether';
+import Checkmark16 from '../../../../icon/line/Checkmark16';
 import Trash16 from '../../../../icon/line/Trash16';
 import Pencil16 from '../../../../icon/line/Pencil16';
+import X16 from '../../../../icon/fill/X16';
 import Avatar from '../Avatar';
 import Media from '../../../../components/media';
 import { MenuItem } from '../../../../components/menu';
@@ -37,8 +39,9 @@ import UserLink from '../common/user-link';
 import ActivityCard from '../ActivityCard';
 import ActivityError from '../common/activity-error';
 import ActivityMessage from '../common/activity-message';
+import ActivityStatus from '../common/activity-status';
 import CommentForm from '../comment-form';
-import { PLACEHOLDER_USER } from '../../../../constants';
+import { COMMENT_STATUS_OPEN, COMMENT_STATUS_RESOLVED, PLACEHOLDER_USER } from '../../../../constants';
 import messages from './messages';
 import './Comment.scss';
@@ -116,52 +119,67 @@ function (_React$Component) {
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleUpdate", function (_ref) {
+    _defineProperty(_assertThisInitialized(_this), "handleMessageUpdate", function (_ref) {
       var id = _ref.id,
           text = _ref.text,
           hasMention = _ref.hasMention;
       var _this$props2 = _this.props,
           onEdit = _this$props2.onEdit,
           permissions = _this$props2.permissions;
-      onEdit(id, text, hasMention, permissions);
+      onEdit(id, text, undefined, hasMention, permissions);
       _this.commentFormSubmitHandler();
     });
+    _defineProperty(_assertThisInitialized(_this), "handleStatusUpdate", function (status) {
+      var _this$props3 = _this.props,
+          id = _this$props3.id,
+          onEdit = _this$props3.onEdit,
+          permissions = _this$props3.permissions;
+      onEdit(id, undefined, status, false, permissions);
+    });
     return _this;
   }
   _createClass(Comment, [{
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          created_by = _this$props3.created_by,
-          created_at = _this$props3.created_at,
-          _this$props3$permissi = _this$props3.permissions,
-          permissions = _this$props3$permissi === void 0 ? {} : _this$props3$permissi,
-          id = _this$props3.id,
-          isPending = _this$props3.isPending,
-          error = _this$props3.error,
-          _this$props3$tagged_m = _this$props3.tagged_message,
-          tagged_message = _this$props3$tagged_m === void 0 ? '' : _this$props3$tagged_m,
-          translatedTaggedMessage = _this$props3.translatedTaggedMessage,
-          translations = _this$props3.translations,
-          currentUser = _this$props3.currentUser,
-          isDisabled = _this$props3.isDisabled,
-          getAvatarUrl = _this$props3.getAvatarUrl,
-          getUserProfileUrl = _this$props3.getUserProfileUrl,
-          getMentionWithQuery = _this$props3.getMentionWithQuery,
-          mentionSelectorContacts = _this$props3.mentionSelectorContacts,
-          onEdit = _this$props3.onEdit;
+      var _this2 = this;
+      var _this$props4 = this.props,
+          created_by = _this$props4.created_by,
+          created_at = _this$props4.created_at,
+          _this$props4$permissi = _this$props4.permissions,
+          permissions = _this$props4$permissi === void 0 ? {} : _this$props4$permissi,
+          id = _this$props4.id,
+          isPending = _this$props4.isPending,
+          error = _this$props4.error,
+          _this$props4$tagged_m = _this$props4.tagged_message,
+          tagged_message = _this$props4$tagged_m === void 0 ? '' : _this$props4$tagged_m,
+          translatedTaggedMessage = _this$props4.translatedTaggedMessage,
+          translations = _this$props4.translations,
+          currentUser = _this$props4.currentUser,
+          isDisabled = _this$props4.isDisabled,
+          getAvatarUrl = _this$props4.getAvatarUrl,
+          getUserProfileUrl = _this$props4.getUserProfileUrl,
+          getMentionWithQuery = _this$props4.getMentionWithQuery,
+          mentionSelectorContacts = _this$props4.mentionSelectorContacts,
+          modified_at = _this$props4.modified_at,
+          onEdit = _this$props4.onEdit,
+          status = _this$props4.status;
       var _this$state = this.state,
           isConfirmingDelete = _this$state.isConfirmingDelete,
           isEditing = _this$state.isEditing,
           isInputOpen = _this$state.isInputOpen;
+      var canDelete = permissions.can_delete;
+      var canEdit = onEdit !== noop && permissions.can_edit;
+      var canResolve = onEdit !== noop && permissions.can_resolve;
       var createdAtTimestamp = new Date(created_at).getTime();
       var createdByUser = created_by || PLACEHOLDER_USER;
-      var canEdit = onEdit !== noop && permissions.can_edit;
-      var canDelete = permissions.can_delete;
-      var isMenuVisible = (canDelete || canEdit) && !isPending;
+      var isEdited = modified_at !== undefined && modified_at !== created_at;
+      var isMenuVisible = (canDelete || canEdit || canResolve) && !isPending;
+      var isResolved = status === COMMENT_STATUS_RESOLVED;
       return React.createElement(ActivityCard, {
         className: "bcs-Comment"
       }, React.createElement(Media, {
@@ -185,7 +203,19 @@ function (_React$Component) {
         menuProps: {
           'data-resin-component': ACTIVITY_TARGETS.COMMENT_OPTIONS
         }
-      }, canEdit && React.createElement(MenuItem, {
+      }, canResolve && isResolved && React.createElement(MenuItem, {
+        "data-resin-target": ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT,
+        "data-testid": "unresolve-comment",
+        onClick: function onClick() {
+          return _this2.handleStatusUpdate(COMMENT_STATUS_OPEN);
+        }
+      }, React.createElement(X16, null), React.createElement(FormattedMessage, messages.commentUnresolveMenuItem)), canResolve && !isResolved && React.createElement(MenuItem, {
+        "data-resin-target": ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT,
+        "data-testid": "resolve-comment",
+        onClick: function onClick() {
+          return _this2.handleStatusUpdate(COMMENT_STATUS_RESOLVED);
+        }
+      }, React.createElement(Checkmark16, null), React.createElement(FormattedMessage, messages.commentResolveMenuItem)), canEdit && React.createElement(MenuItem, {
         "data-resin-target": ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT,
         "data-testid": "edit-comment",
         onClick: this.handleEditClick
@@ -208,12 +238,14 @@ function (_React$Component) {
         getUserProfileUrl: getUserProfileUrl
       })), React.createElement("div", null, React.createElement(ActivityTimestamp, {
         date: createdAtTimestamp
-      })), isEditing ? React.createElement(CommentForm, {
+      })), React.createElement(ActivityStatus, {
+        status: status
+      }), isEditing ? React.createElement(CommentForm, {
         isDisabled: isDisabled,
         className: classNames('bcs-Comment-editor', {
           'bcs-is-disabled': isDisabled
         }),
-        updateComment: this.handleUpdate,
+        updateComment: this.handleMessageUpdate,
         isOpen: isInputOpen // $FlowFixMe
         ,
         user: currentUser,
@@ -227,6 +259,7 @@ function (_React$Component) {
         getMentionWithQuery: getMentionWithQuery
       }) : React.createElement(ActivityMessage, _extends({
         id: id,
+        isEdited: isEdited,
         tagged_message: tagged_message,
         translatedTaggedMessage: translatedTaggedMessage
       }, translations, {

package/es/elements/content-sidebar/activity-feed/comment/Comment.js.flow CHANGED Viewed

@@ -4,8 +4,10 @@ import classNames from 'classnames';
 import noop from 'lodash/noop';
 import { FormattedMessage } from 'react-intl';
 import TetherComponent from 'react-tether';
+import Checkmark16 from '../../../../icon/line/Checkmark16';
 import Trash16 from '../../../../icon/line/Trash16';
 import Pencil16 from '../../../../icon/line/Pencil16';
+import X16 from '../../../../icon/fill/X16';
 import Avatar from '../Avatar';
 import Media from '../../../../components/media';
 import { MenuItem } from '../../../../components/menu';
@@ -16,13 +18,14 @@ import UserLink from '../common/user-link';
 import ActivityCard from '../ActivityCard';
 import ActivityError from '../common/activity-error';
 import ActivityMessage from '../common/activity-message';
+import ActivityStatus from '../common/activity-status';
 import CommentForm from '../comment-form';
-import { PLACEHOLDER_USER } from '../../../../constants';
+import { COMMENT_STATUS_OPEN, COMMENT_STATUS_RESOLVED, PLACEHOLDER_USER } from '../../../../constants';
 import messages from './messages';
 import type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';
 import type { Translations } from '../../flowTypes';
 import type { SelectorItems, User } from '../../../../common/types/core';
-import type { BoxCommentPermission, ActionItemError } from '../../../../common/types/feed';
+import type { ActionItemError, BoxCommentPermission, FeedItemStatus } from '../../../../common/types/feed';
 import './Comment.scss';
 type Props = {
@@ -39,8 +42,17 @@ type Props = {
     mentionSelectorContacts?: SelectorItems<>,
     modified_at?: string | number,
     onDelete: ({ id: string, permissions?: BoxCommentPermission }) => any,
-    onEdit: (id: string, text: string, hasMention: boolean, permissions?: BoxCommentPermission) => any,
-    permissions?: BoxCommentPermission,
+    onEdit: (
+        id: string,
+        text?: string,
+        status?: FeedItemStatus,
+        hasMention: boolean,
+        permissions: BoxCommentPermission,
+        onSuccess: ?Function,
+        onError: ?Function,
+    ) => void,
+    permissions: BoxCommentPermission,
+    status?: FeedItemStatus,
     tagged_message: string,
     translatedTaggedMessage?: string,
     translations?: Translations,
@@ -87,12 +99,17 @@ class Comment extends React.Component<Props, State> {
     commentFormSubmitHandler = (): void => this.setState({ isInputOpen: false, isEditing: false });
-    handleUpdate = ({ id, text, hasMention }: { hasMention: boolean, id: string, text: string }): void => {
+    handleMessageUpdate = ({ id, text, hasMention }: { hasMention: boolean, id: string, text: string }): void => {
         const { onEdit, permissions } = this.props;
-        onEdit(id, text, hasMention, permissions);
+        onEdit(id, text, undefined, hasMention, permissions);
         this.commentFormSubmitHandler();
     };
+    handleStatusUpdate = (status: FeedItemStatus): void => {
+        const { id, onEdit, permissions } = this.props;
+        onEdit(id, undefined, status, false, permissions);
+    };
     render(): React.Node {
         const {
             created_by,
@@ -110,14 +127,19 @@ class Comment extends React.Component<Props, State> {
             getUserProfileUrl,
             getMentionWithQuery,
             mentionSelectorContacts,
+            modified_at,
             onEdit,
+            status,
         } = this.props;
         const { isConfirmingDelete, isEditing, isInputOpen } = this.state;
+        const canDelete = permissions.can_delete;
+        const canEdit = onEdit !== noop && permissions.can_edit;
+        const canResolve = onEdit !== noop && permissions.can_resolve;
         const createdAtTimestamp = new Date(created_at).getTime();
         const createdByUser = created_by || PLACEHOLDER_USER;
-        const canEdit = onEdit !== noop && permissions.can_edit;
-        const canDelete = permissions.can_delete;
-        const isMenuVisible = (canDelete || canEdit) && !isPending;
+        const isEdited = modified_at !== undefined && modified_at !== created_at;
+        const isMenuVisible = (canDelete || canEdit || canResolve) && !isPending;
+        const isResolved = status === COMMENT_STATUS_RESOLVED;
         return (
             <ActivityCard className="bcs-Comment">
@@ -144,6 +166,26 @@ class Comment extends React.Component<Props, State> {
                                         'data-resin-component': ACTIVITY_TARGETS.COMMENT_OPTIONS,
                                     }}
                                 >
+                                    {canResolve && isResolved && (
+                                        <MenuItem
+                                            data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}
+                                            data-testid="unresolve-comment"
+                                            onClick={() => this.handleStatusUpdate(COMMENT_STATUS_OPEN)}
+                                        >
+                                            <X16 />
+                                            <FormattedMessage {...messages.commentUnresolveMenuItem} />
+                                        </MenuItem>
+                                    )}
+                                    {canResolve && !isResolved && (
+                                        <MenuItem
+                                            data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}
+                                            data-testid="resolve-comment"
+                                            onClick={() => this.handleStatusUpdate(COMMENT_STATUS_RESOLVED)}
+                                        >
+                                            <Checkmark16 />
+                                            <FormattedMessage {...messages.commentResolveMenuItem} />
+                                        </MenuItem>
+                                    )}
                                     {canEdit && (
                                         <MenuItem
                                             data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}
@@ -187,13 +229,14 @@ class Comment extends React.Component<Props, State> {
                         <div>
                             <ActivityTimestamp date={createdAtTimestamp} />
                         </div>
+                        <ActivityStatus status={status} />
                         {isEditing ? (
                             <CommentForm
                                 isDisabled={isDisabled}
                                 className={classNames('bcs-Comment-editor', {
                                     'bcs-is-disabled': isDisabled,
                                 })}
-                                updateComment={this.handleUpdate}
+                                updateComment={this.handleMessageUpdate}
                                 isOpen={isInputOpen}
                                 // $FlowFixMe
                                 user={currentUser}
@@ -209,6 +252,7 @@ class Comment extends React.Component<Props, State> {
                         ) : (
                             <ActivityMessage
                                 id={id}
+                                isEdited={isEdited}
                                 tagged_message={tagged_message}
                                 translatedTaggedMessage={translatedTaggedMessage}
                                 {...translations}

package/es/elements/content-sidebar/activity-feed/comment/Comment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment/Comment.js"],"names":["React","classNames","noop","FormattedMessage","TetherComponent","Trash16","Pencil16","Avatar","Media","MenuItem","ACTIVITY_TARGETS","DeleteConfirmation","ActivityTimestamp","UserLink","ActivityCard","ActivityError","ActivityMessage","CommentForm","PLACEHOLDER_USER","messages","Comment","isConfirmingDelete","isEditing","isInputOpen","props","id","onDelete","permissions","setState","text","hasMention","onEdit","commentFormSubmitHandler","created_by","created_at","isPending","error","tagged_message","translatedTaggedMessage","translations","currentUser","isDisabled","getAvatarUrl","getUserProfileUrl","getMentionWithQuery","mentionSelectorContacts","state","createdAtTimestamp","Date","getTime","createdByUser","canEdit","can_edit","canDelete","can_delete","isMenuVisible","to","attachment","COMMENT_OPTIONS","COMMENT_OPTIONS_EDIT","handleEditClick","commentEditMenuItem","COMMENT_OPTIONS_DELETE","handleDeleteClick","commentDeleteMenuItem","commentDeletePrompt","handleDeleteCancel","handleDeleteConfirm","PROFILE","name","handleUpdate","commentFormCancelHandler","commentFormFocusHandler","Component"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport noop from 'lodash/noop';\nimport { FormattedMessage } from 'react-intl';\nimport TetherComponent from 'react-tether';\nimport Trash16 from '../../../../icon/line/Trash16';\nimport Pencil16 from '../../../../icon/line/Pencil16';\nimport Avatar from '../Avatar';\nimport Media from '../../../../components/media';\nimport { MenuItem } from '../../../../components/menu';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport DeleteConfirmation from '../common/delete-confirmation';\nimport ActivityTimestamp from '../common/activity-timestamp';\nimport UserLink from '../common/user-link';\nimport ActivityCard from '../ActivityCard';\nimport ActivityError from '../common/activity-error';\nimport ActivityMessage from '../common/activity-message';\nimport CommentForm from '../comment-form';\nimport { PLACEHOLDER_USER } from '../../../../constants';\nimport messages from './messages';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { BoxCommentPermission, ActionItemError } from '../../../../common/types/feed';\nimport './Comment.scss';\n\ntype Props = {\n created_at: string \| number,\n created_by: User,\n currentUser?: User,\n error?: ActionItemError,\n getAvatarUrl: GetAvatarUrlCallback,\n getMentionWithQuery?: Function,\n getUserProfileUrl?: GetProfileUrlCallback,\n id: string,\n isDisabled?: boolean,\n isPending?: boolean,\n mentionSelectorContacts?: SelectorItems<>,\n modified_at?: string \| number,\n onDelete: ({ id: string, permissions?: BoxCommentPermission }) => any,\n onEdit: (id: string, text: string, hasMention: boolean, permissions?: BoxCommentPermission) => any,\n permissions?: BoxCommentPermission,\n tagged_message: string,\n translatedTaggedMessage?: string,\n translations?: Translations,\n};\n\ntype State = {\n isConfirmingDelete: boolean,\n isEditing: boolean,\n isInputOpen: boolean,\n};\n\nclass Comment extends React.Component<Props, State> {\n static defaultProps = {\n onDelete: noop,\n onEdit: noop,\n };\n\n state = {\n isConfirmingDelete: false,\n isEditing: false,\n isInputOpen: false,\n };\n\n handleDeleteConfirm = (): void => {\n const { id, onDelete, permissions } = this.props;\n onDelete({ id, permissions });\n };\n\n handleDeleteCancel = (): void => {\n this.setState({ isConfirmingDelete: false });\n };\n\n handleDeleteClick = () => {\n this.setState({ isConfirmingDelete: true });\n };\n\n handleEditClick = (): void => {\n this.setState({ isEditing: true, isInputOpen: true });\n };\n\n commentFormFocusHandler = (): void => this.setState({ isInputOpen: true });\n\n commentFormCancelHandler = (): void => this.setState({ isInputOpen: false, isEditing: false });\n\n commentFormSubmitHandler = (): void => this.setState({ isInputOpen: false, isEditing: false });\n\n handleUpdate = ({ id, text, hasMention }: { hasMention: boolean, id: string, text: string }): void => {\n const { onEdit, permissions } = this.props;\n onEdit(id, text, hasMention, permissions);\n this.commentFormSubmitHandler();\n };\n\n render(): React.Node {\n const {\n created_by,\n created_at,\n permissions = {},\n id,\n isPending,\n error,\n tagged_message = '',\n translatedTaggedMessage,\n translations,\n currentUser,\n isDisabled,\n getAvatarUrl,\n getUserProfileUrl,\n getMentionWithQuery,\n mentionSelectorContacts,\n onEdit,\n } = this.props;\n const { isConfirmingDelete, isEditing, isInputOpen } = this.state;\n const createdAtTimestamp = new Date(created_at).getTime();\n const createdByUser = created_by \|\| PLACEHOLDER_USER;\n const canEdit = onEdit !== noop && permissions.can_edit;\n const canDelete = permissions.can_delete;\n const isMenuVisible = (canDelete \|\| canEdit) && !isPending;\n\n return (\n <ActivityCard className=\"bcs-Comment\">\n <Media\n className={classNames('bcs-Comment-media', {\n 'bcs-is-pending': isPending \|\| error,\n })}\n >\n <Media.Figure>\n <Avatar getAvatarUrl={getAvatarUrl} user={createdByUser} />\n </Media.Figure>\n <Media.Body>\n {isMenuVisible && (\n <TetherComponent\n attachment=\"top right\"\n className=\"bcs-Comment-deleteConfirmationModal\"\n constraints={[{ to: 'scrollParent', attachment: 'together' }]}\n targetAttachment=\"bottom right\"\n >\n <Media.Menu\n isDisabled={isConfirmingDelete}\n data-testid=\"comment-actions-menu\"\n menuProps={{\n 'data-resin-component': ACTIVITY_TARGETS.COMMENT_OPTIONS,\n }}\n >\n {canEdit && (\n <MenuItem\n data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}\n data-testid=\"edit-comment\"\n onClick={this.handleEditClick}\n >\n <Pencil16 />\n <FormattedMessage {...messages.commentEditMenuItem} />\n </MenuItem>\n )}\n {canDelete && (\n <MenuItem\n data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_DELETE}\n data-testid=\"delete-comment\"\n onClick={this.handleDeleteClick}\n >\n <Trash16 />\n <FormattedMessage {...messages.commentDeleteMenuItem} />\n </MenuItem>\n )}\n </Media.Menu>\n {isConfirmingDelete && (\n <DeleteConfirmation\n data-resin-component={ACTIVITY_TARGETS.COMMENT_OPTIONS}\n isOpen={isConfirmingDelete}\n message={messages.commentDeletePrompt}\n onDeleteCancel={this.handleDeleteCancel}\n onDeleteConfirm={this.handleDeleteConfirm}\n />\n )}\n </TetherComponent>\n )}\n <div className=\"bcs-Comment-headline\">\n <UserLink\n data-resin-target={ACTIVITY_TARGETS.PROFILE}\n id={createdByUser.id}\n name={createdByUser.name}\n getUserProfileUrl={getUserProfileUrl}\n />\n </div>\n <div>\n <ActivityTimestamp date={createdAtTimestamp} />\n </div>\n {isEditing ? (\n <CommentForm\n isDisabled={isDisabled}\n className={classNames('bcs-Comment-editor', {\n 'bcs-is-disabled': isDisabled,\n })}\n updateComment={this.handleUpdate}\n isOpen={isInputOpen}\n // $FlowFixMe\n user={currentUser}\n onCancel={this.commentFormCancelHandler}\n onFocus={this.commentFormFocusHandler}\n isEditing={isEditing}\n entityId={id}\n tagged_message={tagged_message}\n getAvatarUrl={getAvatarUrl}\n mentionSelectorContacts={mentionSelectorContacts}\n getMentionWithQuery={getMentionWithQuery}\n />\n ) : (\n <ActivityMessage\n id={id}\n tagged_message={tagged_message}\n translatedTaggedMessage={translatedTaggedMessage}\n {...translations}\n translationFailed={error ? true : null}\n getUserProfileUrl={getUserProfileUrl}\n />\n )}\n </Media.Body>\n </Media>\n {/* $FlowFixMe */}\n {error ? <ActivityError {...error} /> : null}\n </ActivityCard>\n );\n }\n}\n\nexport default Comment;\n"],"file":"Comment.js"}
1	+ {"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment/Comment.js"],"names":["React","classNames","noop","FormattedMessage","TetherComponent","Checkmark16","Trash16","Pencil16","X16","Avatar","Media","MenuItem","ACTIVITY_TARGETS","DeleteConfirmation","ActivityTimestamp","UserLink","ActivityCard","ActivityError","ActivityMessage","ActivityStatus","CommentForm","COMMENT_STATUS_OPEN","COMMENT_STATUS_RESOLVED","PLACEHOLDER_USER","messages","Comment","isConfirmingDelete","isEditing","isInputOpen","props","id","onDelete","permissions","setState","text","hasMention","onEdit","undefined","commentFormSubmitHandler","status","created_by","created_at","isPending","error","tagged_message","translatedTaggedMessage","translations","currentUser","isDisabled","getAvatarUrl","getUserProfileUrl","getMentionWithQuery","mentionSelectorContacts","modified_at","state","canDelete","can_delete","canEdit","can_edit","canResolve","can_resolve","createdAtTimestamp","Date","getTime","createdByUser","isEdited","isMenuVisible","isResolved","to","attachment","COMMENT_OPTIONS","COMMENT_OPTIONS_EDIT","handleStatusUpdate","commentUnresolveMenuItem","commentResolveMenuItem","handleEditClick","commentEditMenuItem","COMMENT_OPTIONS_DELETE","handleDeleteClick","commentDeleteMenuItem","commentDeletePrompt","handleDeleteCancel","handleDeleteConfirm","PROFILE","name","handleMessageUpdate","commentFormCancelHandler","commentFormFocusHandler","Component"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport noop from 'lodash/noop';\nimport { FormattedMessage } from 'react-intl';\nimport TetherComponent from 'react-tether';\nimport Checkmark16 from '../../../../icon/line/Checkmark16';\nimport Trash16 from '../../../../icon/line/Trash16';\nimport Pencil16 from '../../../../icon/line/Pencil16';\nimport X16 from '../../../../icon/fill/X16';\nimport Avatar from '../Avatar';\nimport Media from '../../../../components/media';\nimport { MenuItem } from '../../../../components/menu';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport DeleteConfirmation from '../common/delete-confirmation';\nimport ActivityTimestamp from '../common/activity-timestamp';\nimport UserLink from '../common/user-link';\nimport ActivityCard from '../ActivityCard';\nimport ActivityError from '../common/activity-error';\nimport ActivityMessage from '../common/activity-message';\nimport ActivityStatus from '../common/activity-status';\nimport CommentForm from '../comment-form';\nimport { COMMENT_STATUS_OPEN, COMMENT_STATUS_RESOLVED, PLACEHOLDER_USER } from '../../../../constants';\nimport messages from './messages';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { ActionItemError, BoxCommentPermission, FeedItemStatus } from '../../../../common/types/feed';\nimport './Comment.scss';\n\ntype Props = {\n created_at: string \| number,\n created_by: User,\n currentUser?: User,\n error?: ActionItemError,\n getAvatarUrl: GetAvatarUrlCallback,\n getMentionWithQuery?: Function,\n getUserProfileUrl?: GetProfileUrlCallback,\n id: string,\n isDisabled?: boolean,\n isPending?: boolean,\n mentionSelectorContacts?: SelectorItems<>,\n modified_at?: string \| number,\n onDelete: ({ id: string, permissions?: BoxCommentPermission }) => any,\n onEdit: (\n id: string,\n text?: string,\n status?: FeedItemStatus,\n hasMention: boolean,\n permissions: BoxCommentPermission,\n onSuccess: ?Function,\n onError: ?Function,\n ) => void,\n permissions: BoxCommentPermission,\n status?: FeedItemStatus,\n tagged_message: string,\n translatedTaggedMessage?: string,\n translations?: Translations,\n};\n\ntype State = {\n isConfirmingDelete: boolean,\n isEditing: boolean,\n isInputOpen: boolean,\n};\n\nclass Comment extends React.Component<Props, State> {\n static defaultProps = {\n onDelete: noop,\n onEdit: noop,\n };\n\n state = {\n isConfirmingDelete: false,\n isEditing: false,\n isInputOpen: false,\n };\n\n handleDeleteConfirm = (): void => {\n const { id, onDelete, permissions } = this.props;\n onDelete({ id, permissions });\n };\n\n handleDeleteCancel = (): void => {\n this.setState({ isConfirmingDelete: false });\n };\n\n handleDeleteClick = () => {\n this.setState({ isConfirmingDelete: true });\n };\n\n handleEditClick = (): void => {\n this.setState({ isEditing: true, isInputOpen: true });\n };\n\n commentFormFocusHandler = (): void => this.setState({ isInputOpen: true });\n\n commentFormCancelHandler = (): void => this.setState({ isInputOpen: false, isEditing: false });\n\n commentFormSubmitHandler = (): void => this.setState({ isInputOpen: false, isEditing: false });\n\n handleMessageUpdate = ({ id, text, hasMention }: { hasMention: boolean, id: string, text: string }): void => {\n const { onEdit, permissions } = this.props;\n onEdit(id, text, undefined, hasMention, permissions);\n this.commentFormSubmitHandler();\n };\n\n handleStatusUpdate = (status: FeedItemStatus): void => {\n const { id, onEdit, permissions } = this.props;\n onEdit(id, undefined, status, false, permissions);\n };\n\n render(): React.Node {\n const {\n created_by,\n created_at,\n permissions = {},\n id,\n isPending,\n error,\n tagged_message = '',\n translatedTaggedMessage,\n translations,\n currentUser,\n isDisabled,\n getAvatarUrl,\n getUserProfileUrl,\n getMentionWithQuery,\n mentionSelectorContacts,\n modified_at,\n onEdit,\n status,\n } = this.props;\n const { isConfirmingDelete, isEditing, isInputOpen } = this.state;\n const canDelete = permissions.can_delete;\n const canEdit = onEdit !== noop && permissions.can_edit;\n const canResolve = onEdit !== noop && permissions.can_resolve;\n const createdAtTimestamp = new Date(created_at).getTime();\n const createdByUser = created_by \|\| PLACEHOLDER_USER;\n const isEdited = modified_at !== undefined && modified_at !== created_at;\n const isMenuVisible = (canDelete \|\| canEdit \|\| canResolve) && !isPending;\n const isResolved = status === COMMENT_STATUS_RESOLVED;\n\n return (\n <ActivityCard className=\"bcs-Comment\">\n <Media\n className={classNames('bcs-Comment-media', {\n 'bcs-is-pending': isPending \|\| error,\n })}\n >\n <Media.Figure>\n <Avatar getAvatarUrl={getAvatarUrl} user={createdByUser} />\n </Media.Figure>\n <Media.Body>\n {isMenuVisible && (\n <TetherComponent\n attachment=\"top right\"\n className=\"bcs-Comment-deleteConfirmationModal\"\n constraints={[{ to: 'scrollParent', attachment: 'together' }]}\n targetAttachment=\"bottom right\"\n >\n <Media.Menu\n isDisabled={isConfirmingDelete}\n data-testid=\"comment-actions-menu\"\n menuProps={{\n 'data-resin-component': ACTIVITY_TARGETS.COMMENT_OPTIONS,\n }}\n >\n {canResolve && isResolved && (\n <MenuItem\n data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}\n data-testid=\"unresolve-comment\"\n onClick={() => this.handleStatusUpdate(COMMENT_STATUS_OPEN)}\n >\n <X16 />\n <FormattedMessage {...messages.commentUnresolveMenuItem} />\n </MenuItem>\n )}\n {canResolve && !isResolved && (\n <MenuItem\n data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}\n data-testid=\"resolve-comment\"\n onClick={() => this.handleStatusUpdate(COMMENT_STATUS_RESOLVED)}\n >\n <Checkmark16 />\n <FormattedMessage {...messages.commentResolveMenuItem} />\n </MenuItem>\n )}\n {canEdit && (\n <MenuItem\n data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}\n data-testid=\"edit-comment\"\n onClick={this.handleEditClick}\n >\n <Pencil16 />\n <FormattedMessage {...messages.commentEditMenuItem} />\n </MenuItem>\n )}\n {canDelete && (\n <MenuItem\n data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_DELETE}\n data-testid=\"delete-comment\"\n onClick={this.handleDeleteClick}\n >\n <Trash16 />\n <FormattedMessage {...messages.commentDeleteMenuItem} />\n </MenuItem>\n )}\n </Media.Menu>\n {isConfirmingDelete && (\n <DeleteConfirmation\n data-resin-component={ACTIVITY_TARGETS.COMMENT_OPTIONS}\n isOpen={isConfirmingDelete}\n message={messages.commentDeletePrompt}\n onDeleteCancel={this.handleDeleteCancel}\n onDeleteConfirm={this.handleDeleteConfirm}\n />\n )}\n </TetherComponent>\n )}\n <div className=\"bcs-Comment-headline\">\n <UserLink\n data-resin-target={ACTIVITY_TARGETS.PROFILE}\n id={createdByUser.id}\n name={createdByUser.name}\n getUserProfileUrl={getUserProfileUrl}\n />\n </div>\n <div>\n <ActivityTimestamp date={createdAtTimestamp} />\n </div>\n <ActivityStatus status={status} />\n {isEditing ? (\n <CommentForm\n isDisabled={isDisabled}\n className={classNames('bcs-Comment-editor', {\n 'bcs-is-disabled': isDisabled,\n })}\n updateComment={this.handleMessageUpdate}\n isOpen={isInputOpen}\n // $FlowFixMe\n user={currentUser}\n onCancel={this.commentFormCancelHandler}\n onFocus={this.commentFormFocusHandler}\n isEditing={isEditing}\n entityId={id}\n tagged_message={tagged_message}\n getAvatarUrl={getAvatarUrl}\n mentionSelectorContacts={mentionSelectorContacts}\n getMentionWithQuery={getMentionWithQuery}\n />\n ) : (\n <ActivityMessage\n id={id}\n isEdited={isEdited}\n tagged_message={tagged_message}\n translatedTaggedMessage={translatedTaggedMessage}\n {...translations}\n translationFailed={error ? true : null}\n getUserProfileUrl={getUserProfileUrl}\n />\n )}\n </Media.Body>\n </Media>\n {/* $FlowFixMe */}\n {error ? <ActivityError {...error} /> : null}\n </ActivityCard>\n );\n }\n}\n\nexport default Comment;\n"],"file":"Comment.js"}

package/es/elements/content-sidebar/activity-feed/comment/messages.js CHANGED Viewed

@@ -20,6 +20,14 @@ var messages = defineMessages({
   commentPostedFullDateTime: {
     "id": "be.contentSidebar.activityFeed.comment.commentPostedFullDateTime",
     "defaultMessage": "{time, date, full} at {time, time, short}"
+  },
+  commentResolveMenuItem: {
+    "id": "be.contentSidebar.activityFeed.comment.commentResolveMenuItem",
+    "defaultMessage": "Resolve"
+  },
+  commentUnresolveMenuItem: {
+    "id": "be.contentSidebar.activityFeed.comment.commentUnresolveMenuItem",
+    "defaultMessage": "Unresolve"
   }
 });
 export default messages;

package/es/elements/content-sidebar/activity-feed/comment/messages.js.flow CHANGED Viewed

@@ -27,6 +27,16 @@ const messages = defineMessages({
         defaultMessage: '{time, date, full} at {time, time, short}',
         description: 'Comment posted full date time for title',
     },
+    commentResolveMenuItem: {
+        id: 'be.contentSidebar.activityFeed.comment.commentResolveMenuItem',
+        defaultMessage: 'Resolve',
+        description: 'Text to show on menu item to resolve the comment',
+    },
+    commentUnresolveMenuItem: {
+        id: 'be.contentSidebar.activityFeed.comment.commentUnresolveMenuItem',
+        defaultMessage: 'Unresolve',
+        description: 'Text to show on menu item to unresolve the comment',
+    },
 });
 export default messages;

package/es/elements/content-sidebar/activity-feed/comment/messages.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment/messages.js"],"names":["defineMessages","messages","commentDeleteMenuItem","commentDeletePrompt","commentEditMenuItem","commentPostedFullDateTime"],"mappings":"AAAA;;;;;AAMA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,qBAAqB;AAAA;AAAA;AAAA,GADO;AAM5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GANS;AAW5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GAXS;AAgB5BC,EAAAA,yBAAyB;AAAA;AAAA;AAAA;~~AAhBG~~,CAAD,CAA/B;~~AAuBA~~,~~eAAeJ~~,QAAf","sourcesContent":["/*\n @flow\n * @file i18n messages\n * @author Box\n */\n\nimport { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n commentDeleteMenuItem: {\n id: 'be.contentSidebar.activityFeed.comment.commentDeleteMenuItem',\n defaultMessage: 'Delete',\n description: 'Text to show on menu item to delete comment',\n },\n commentDeletePrompt: {\n id: 'be.contentSidebar.activityFeed.comment.commentDeletePrompt',\n defaultMessage: 'Are you sure you want to permanently delete this comment?',\n description: 'Confirmation prompt text to delete comment',\n },\n commentEditMenuItem: {\n id: 'be.contentSidebar.activityFeed.comment.commentEditMenuItem',\n defaultMessage: 'Modify',\n description: 'Text to show on menu item to edit comment',\n },\n commentPostedFullDateTime: {\n id: 'be.contentSidebar.activityFeed.comment.commentPostedFullDateTime',\n defaultMessage: '{time, date, full} at {time, time, short}',\n description: 'Comment posted full date time for title',\n },\n});\n\nexport default messages;\n"],"file":"messages.js"}
1	+ {"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment/messages.js"],"names":["defineMessages","messages","commentDeleteMenuItem","commentDeletePrompt","commentEditMenuItem","commentPostedFullDateTime","commentResolveMenuItem","commentUnresolveMenuItem"],"mappings":"AAAA;;;;;AAMA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,qBAAqB;AAAA;AAAA;AAAA,GADO;AAM5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GANS;AAW5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GAXS;AAgB5BC,EAAAA,yBAAyB;AAAA;AAAA;AAAA,GAhBG;AAqB5BC,EAAAA,sBAAsB;AAAA;AAAA;AAAA,GArBM;AA0B5BC,EAAAA,wBAAwB;AAAA;AAAA;AAAA;AA1BI,CAAD,CAA/B;AAiCA,eAAeN,QAAf","sourcesContent":["/*\n @flow\n * @file i18n messages\n * @author Box\n */\n\nimport { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n commentDeleteMenuItem: {\n id: 'be.contentSidebar.activityFeed.comment.commentDeleteMenuItem',\n defaultMessage: 'Delete',\n description: 'Text to show on menu item to delete comment',\n },\n commentDeletePrompt: {\n id: 'be.contentSidebar.activityFeed.comment.commentDeletePrompt',\n defaultMessage: 'Are you sure you want to permanently delete this comment?',\n description: 'Confirmation prompt text to delete comment',\n },\n commentEditMenuItem: {\n id: 'be.contentSidebar.activityFeed.comment.commentEditMenuItem',\n defaultMessage: 'Modify',\n description: 'Text to show on menu item to edit comment',\n },\n commentPostedFullDateTime: {\n id: 'be.contentSidebar.activityFeed.comment.commentPostedFullDateTime',\n defaultMessage: '{time, date, full} at {time, time, short}',\n description: 'Comment posted full date time for title',\n },\n commentResolveMenuItem: {\n id: 'be.contentSidebar.activityFeed.comment.commentResolveMenuItem',\n defaultMessage: 'Resolve',\n description: 'Text to show on menu item to resolve the comment',\n },\n commentUnresolveMenuItem: {\n id: 'be.contentSidebar.activityFeed.comment.commentUnresolveMenuItem',\n defaultMessage: 'Unresolve',\n description: 'Text to show on menu item to unresolve the comment',\n },\n});\n\nexport default messages;\n"],"file":"messages.js"}

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

@@ -140,7 +140,9 @@ function (_React$Component) {
           tagged_message = _this$props2.tagged_message,
           getAvatarUrl = _this$props2.getAvatarUrl,
           _this$props2$showTip = _this$props2.showTip,
-          showTip = _this$props2$showTip === void 0 ? true : _this$props2$showTip;
+          showTip = _this$props2$showTip === void 0 ? true : _this$props2$showTip,
+          _this$props2$placehol = _this$props2.placeholder,
+          placeholder = _this$props2$placehol === void 0 ? formatMessage(messages.commentWrite) : _this$props2$placehol;
       var commentEditorState = this.state.commentEditorState;
       var inputContainerClassNames = classNames('bcs-CommentForm', className, {
         'bcs-is-open': isOpen
@@ -171,7 +173,7 @@ function (_React$Component) {
         onChange: this.onMentionSelectorChangeHandler,
         onFocus: onFocus,
         onMention: getMentionWithQuery,
-        placeholder: tagged_message ? undefined : formatMessage(messages.commentWrite),
+        placeholder: tagged_message ? undefined : placeholder,
         validateOnBlur: false
       }), showTip && React.createElement("div", {
         className: "bcs-CommentForm-tip"

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

@@ -36,6 +36,7 @@ type Props = {
     onCancel: Function,
     onFocus?: Function,
     onSubmit?: Function,
+    placeholder?: string,
     showTip?: boolean,
     tagged_message?: string,
     updateComment?: Function,
@@ -119,6 +120,7 @@ class CommentForm extends React.Component<Props, State> {
             tagged_message,
             getAvatarUrl,
             showTip = true,
+            placeholder = formatMessage(messages.commentWrite),
         } = this.props;
         const { commentEditorState } = this.state;
         const inputContainerClassNames = classNames('bcs-CommentForm', className, {
@@ -149,7 +151,7 @@ class CommentForm extends React.Component<Props, State> {
                             onChange={this.onMentionSelectorChangeHandler}
                             onFocus={onFocus}
                             onMention={getMentionWithQuery}
-                            placeholder={tagged_message ? undefined : formatMessage(messages.commentWrite)}
+                            placeholder={tagged_message ? undefined : placeholder}
                             validateOnBlur={false}
                         />
                         {showTip && (

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

	@@ -1 +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","commentEditorState","props","tagged_message","createComment","updateComment","onSubmit","entityId","text","hasMention","id","setState","nextEditorState","state","prevIsOpen","isOpen","className","getMentionWithQuery","formatMessage","intl","isDisabled","mentionSelectorContacts","contactsLoaded","onCancel","onFocus","user","isEditing","getAvatarUrl","showTip","inputContainerClassNames","onFormValidSubmitHandler","commentLabel","atMentionTipDescription","onMentionSelectorChangeHandler","undefined","commentWrite","atMentionTip","Component","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 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 } = 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 && (\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 : formatMessage(messages.commentWrite)}\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"}
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","commentEditorState","props","tagged_message","createComment","updateComment","onSubmit","entityId","text","hasMention","id","setState","nextEditorState","state","prevIsOpen","isOpen","className","getMentionWithQuery","formatMessage","intl","isDisabled","mentionSelectorContacts","contactsLoaded","onCancel","onFocus","user","isEditing","getAvatarUrl","showTip","placeholder","commentWrite","inputContainerClassNames","onFormValidSubmitHandler","commentLabel","atMentionTipDescription","onMentionSelectorChangeHandler","undefined","atMentionTip","Component","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 && (\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/activity-message/ActivityMessage.js CHANGED Viewed

@@ -20,10 +20,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import * as React from 'react';
 import noop from 'lodash/noop';
-import LoadingIndicator from '../../../../../components/loading-indicator';
+import { FormattedMessage } from 'react-intl';
+import CollapsableMessage from './CollapsableMessage';
 import formatTaggedMessage from '../../utils/formatTaggedMessage';
+import LoadingIndicator from '../../../../../components/loading-indicator';
+import messages from './messages';
 import ShowOriginalButton from './ShowOriginalButton';
 import TranslateButton from './TranslateButton';
+import { withFeatureConsumer, isFeatureEnabled } from '../../../../common/feature-checking';
 import './ActivityMessage.scss';
 var ActivityMessage =
@@ -126,22 +130,27 @@ function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
+          features = _this$props3.features,
+          getUserProfileUrl = _this$props3.getUserProfileUrl,
           id = _this$props3.id,
+          isEdited = _this$props3.isEdited,
           tagged_message = _this$props3.tagged_message,
           translatedTaggedMessage = _this$props3.translatedTaggedMessage,
-          translationEnabled = _this$props3.translationEnabled,
-          getUserProfileUrl = _this$props3.getUserProfileUrl;
+          translationEnabled = _this$props3.translationEnabled;
       var _this$state = this.state,
           isLoading = _this$state.isLoading,
           isTranslation = _this$state.isTranslation;
       var commentToDisplay = translationEnabled && isTranslation && translatedTaggedMessage ? translatedTaggedMessage : tagged_message;
+      var MessageWrapper = isFeatureEnabled(features, 'activityFeed.collapsableMessages.enabled') ? CollapsableMessage : React.Fragment;
       return isLoading ? React.createElement("div", {
         className: "bcs-ActivityMessageLoading"
       }, React.createElement(LoadingIndicator, {
         size: "small"
       })) : React.createElement("div", {
         className: "bcs-ActivityMessage"
-      }, formatTaggedMessage(commentToDisplay, id, false, getUserProfileUrl), translationEnabled ? this.getButton(isTranslation) : null);
+      }, React.createElement(MessageWrapper, null, formatTaggedMessage(commentToDisplay, id, false, getUserProfileUrl), isEdited && React.createElement("span", {
+        className: "bcs-ActivityMessage-edited"
+      }, React.createElement(FormattedMessage, messages.activityMessageEdited))), translationEnabled ? this.getButton(isTranslation) : null);
     }
   }]);
@@ -149,8 +158,10 @@ function (_React$Component) {
 }(React.Component);
 _defineProperty(ActivityMessage, "defaultProps", {
+  isEdited: false,
   translationEnabled: false
 });
-export default ActivityMessage;
+export { ActivityMessage };
+export default withFeatureConsumer(ActivityMessage);
 //# sourceMappingURL=ActivityMessage.js.map