npm - box-ui-elements - Versions diffs - 14.0.0 → 14.1.0-beta.11 - Mend

box-ui-elements 14.0.0 → 14.1.0-beta.11

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 (562) hide show

package/es/elements/content-sidebar/activity-feed/task-form/TaskForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/task-form/TaskForm.js"],"names":["React","noop","getProp","classNames","FormattedMessage","injectIntl","commonMessages","messages","commentFormMessages","Form","ContactDatalistItem","TextArea","DatePicker","Checkbox","PillSelectorDropdown","Button","FeatureFlag","PrimaryButton","TASK_COMPLETION_RULE_ANY","TASK_COMPLETION_RULE_ALL","TASK_EDIT_MODE_CREATE","TASK_EDIT_MODE_EDIT","ACTIVITY_TARGETS","INTERACTION_TARGET","TaskError","convertAssigneesToSelectorItems","approvers","map","target","newSelectorItem","id","name","item","value","text","TaskForm","getInitialFormState","only","setState","state","intl","props","message","approverTextInput","assigneeFieldMissingError","code","formatMessage","requiredFieldError","assigneeFieldInvalidError","invalidUserError","messageFieldError","formValidityState","taskAssignees","length","taskName","taskDueDate","isValid","Object","values","every","val","fieldName","validateForm","onSubmitSuccess","clearForm","isLoading","e","onSubmitError","taskType","editMode","dueDate","addedAssignees","getAddedAssignees","removedAssignees","getRemovedAssignees","filter","assignee","type","getTime","currentApprovers","approverIds","approver","currentApprover","indexOf","currentApproverIds","createTask","editTask","completionRule","dueDateString","toISOString","completion_rule","description","due_at","handleSubmitSuccess","handleSubmitError","date","dateValue","Date","setHours","event","checked","getApproverWithQuery","pills","concat","pill","role","status","permissions","can_delete","can_update","option","index","splice","persist","currentTarget","onCancel","approverSelectorContacts","className","error","isDisabled","inputContainerClassNames","isCreateEditMode","selectedApprovers","approverOptions","find","pillSelectorOverlayClasses","scrollable","submitButtonMessage","tasksAddTaskFormSubmitLabel","tasksEditTaskFormSubmitLabel","shouldShowCompletionRule","isCompletionRuleCheckboxDisabled","isCompletionRuleCheckboxChecked","isForbiddenErrorOnEdit","handleInvalidSubmit","handleValidSubmit","getErrorByFieldname","tasksAddTaskFormSelectAssigneesLabel","handleApproverSelectorInput","handleApproverSelectorRemove","handleApproverSelectorSelect","approvalAddAssignee","taskCreateGroupLabel","email","taskAnyCheckboxLabel","taskAnyInfoGroupTooltip","handleCompletionRuleChange","taskAnyInfoTooltip","tasksAddTaskFormMessageLabel","handleChangeMessage","commentWrite","TASK_DATE_PICKER","tasksAddTaskFormDueDateLabel","handleDueDateChange","approvalSelectDate","undefined","APPROVAL_FORM_CANCEL","handleCancelClick","addResinInfo","tasksAddTaskFormCancelLabel","APPROVAL_FORM_POST","Component","TaskFormUnwrapped"],"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 getProp from 'lodash/get';\nimport classNames from 'classnames';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport commonMessages from '../../../../common/messages';\nimport messages from './messages';\nimport commentFormMessages from '../comment-form/messages';\nimport Form from '../../../../components/form-elements/form/Form';\nimport ContactDatalistItem from '../../../../components/contact-datalist-item/ContactDatalistItem';\nimport TextArea from '../../../../components/text-area';\nimport DatePicker from '../../../../components/date-picker/DatePicker';\nimport Checkbox from '../../../../components/checkbox';\nimport PillSelectorDropdown from '../../../../components/pill-selector-dropdown/PillSelectorDropdown';\nimport Button from '../../../../components/button/Button';\nimport { FeatureFlag } from '../../../common/feature-checking';\nimport PrimaryButton from '../../../../components/primary-button/PrimaryButton';\nimport {\n TASK_COMPLETION_RULE_ANY,\n TASK_COMPLETION_RULE_ALL,\n TASK_EDIT_MODE_CREATE,\n TASK_EDIT_MODE_EDIT,\n} from '../../../../constants';\nimport { ACTIVITY_TARGETS, INTERACTION_TARGET } from '../../../common/interactionTargets';\nimport type {\n TaskCompletionRule,\n TaskCollabAssignee,\n TaskType,\n TaskEditMode,\n TaskUpdatePayload,\n} from '../../../../common/types/tasks';\nimport TaskError from './TaskError';\nimport type { GetAvatarUrlCallback } from '../../../common/flowTypes';\nimport type { ElementsXhrError } from '../../../../common/types/api';\nimport type { SelectorItems, SelectorItem, UserMini, GroupMini } from '../../../../common/types/core';\n\nimport './TaskForm.scss';\n\ntype TaskFormProps = {\|\n error?: { status: number }, // TODO: update to ElementsXhrError once API supports it\n isDisabled?: boolean,\n onCancel: () => any,\n onSubmitError: (e: ElementsXhrError) => any,\n onSubmitSuccess: () => any,\n taskType: TaskType,\n\|};\n\ntype TaskFormFieldProps = {\|\n approvers: Array<TaskCollabAssignee>,\n completionRule: TaskCompletionRule,\n dueDate?: ?string,\n id: string,\n message: string,\n\|};\n\ntype TaskFormConsumerProps = {\|\n ...TaskFormFieldProps,\n approverSelectorContacts: SelectorItems<UserMini \| GroupMini>,\n className?: string,\n createTask: (\n text: string,\n approvers: SelectorItems<>,\n taskType: TaskType,\n dueDate: ?string,\n completionRule: TaskCompletionRule,\n onSuccess: ?Function,\n onError: ?Function,\n ) => any,\n editMode?: TaskEditMode,\n editTask?: (task: TaskUpdatePayload, onSuccess: ?Function, onError: ?Function) => any,\n getApproverWithQuery?: Function,\n getAvatarUrl: GetAvatarUrlCallback,\n\|};\n\ntype Props = TaskFormProps & TaskFormConsumerProps & InjectIntlProvidedProps;\n\ntype TaskFormFieldName = 'taskName' \| 'taskAssignees' \| 'taskDueDate';\n\ntype State = {\|\n approverTextInput: string, // partial text input value for approver field before autocomplete/select\n approvers: Array<TaskCollabAssignee>,\n completionRule: TaskCompletionRule,\n dueDate?: ?Date,\n formValidityState: { [key: TaskFormFieldName]: ?{ code: string, message: string } },\n id: string,\n isLoading: boolean,\n isValid: ?boolean,\n message: string,\n\|};\n\nfunction convertAssigneesToSelectorItems(approvers: Array<TaskCollabAssignee>): SelectorItems<> {\n return approvers.map(({ target }) => {\n const newSelectorItem: SelectorItem<UserMini \| GroupMini> = {\n id: target.id,\n name: target.name,\n item: target,\n value: target.id,\n text: target.name, // for PillSelectorDropdown SelectorOptions type\n };\n\n return newSelectorItem;\n });\n}\n\nclass TaskForm extends React.Component<Props, State> {\n static defaultProps = {\n approvers: [],\n approverSelectorContacts: [],\n editMode: TASK_EDIT_MODE_CREATE,\n id: '',\n message: '',\n };\n\n state = this.getInitialFormState();\n\n getInitialFormState() {\n const { dueDate, id, message, approvers, completionRule } = this.props;\n return {\n id,\n completionRule: completionRule \|\| TASK_COMPLETION_RULE_ALL,\n approvers,\n approverTextInput: '',\n dueDate: dueDate ? new Date(dueDate) : null,\n formValidityState: {},\n message,\n isLoading: false,\n isValid: null,\n };\n }\n\n validateForm = (only?: TaskFormFieldName) => {\n this.setState(state => {\n const { intl } = this.props;\n const { approvers, message, approverTextInput } = state;\n const assigneeFieldMissingError = {\n code: 'required',\n message: intl.formatMessage(commonMessages.requiredFieldError),\n };\n const assigneeFieldInvalidError = {\n code: 'invalid',\n message: intl.formatMessage(commonMessages.invalidUserError),\n };\n const messageFieldError = {\n code: 'required',\n message: intl.formatMessage(commonMessages.requiredFieldError),\n };\n const formValidityState = {\n taskAssignees:\n (approverTextInput.length ? assigneeFieldInvalidError : null) \|\|\n (approvers.length ? null : assigneeFieldMissingError),\n taskName: message ? null : messageFieldError,\n taskDueDate: null,\n };\n const isValid = Object.values(formValidityState).every(val => val == null);\n return {\n isValid,\n formValidityState: only\n ? { ...state.formValidityState, [only]: formValidityState[only] }\n : formValidityState,\n };\n });\n };\n\n getErrorByFieldname = (fieldName: TaskFormFieldName) => {\n const { formValidityState } = this.state;\n return formValidityState[fieldName] ? formValidityState[fieldName].message : null;\n };\n\n clearForm = () => this.setState(this.getInitialFormState());\n\n handleInvalidSubmit = () => {\n this.validateForm();\n };\n\n handleSubmitSuccess = () => {\n const { onSubmitSuccess } = this.props;\n if (onSubmitSuccess) {\n onSubmitSuccess();\n }\n\n this.clearForm();\n this.setState({ isLoading: false });\n };\n\n handleSubmitError = (e: ElementsXhrError) => {\n const { onSubmitError } = this.props;\n onSubmitError(e);\n this.setState({ isLoading: false });\n };\n\n addResinInfo = (): Object => {\n const { id, taskType, editMode } = this.props;\n const { dueDate } = this.state;\n const addedAssignees = this.getAddedAssignees();\n const removedAssignees = this.getRemovedAssignees();\n\n return {\n 'data-resin-taskid': id,\n 'data-resin-tasktype': taskType,\n 'data-resin-isediting': editMode === TASK_EDIT_MODE_EDIT,\n 'data-resin-numassigneesadded': addedAssignees.filter(assignee => assignee.target.type === 'user').length,\n 'data-resin-numgroupssadded': addedAssignees.filter(assignee => assignee.target.type === 'group').length,\n 'data-resin-numassigneesremoved': removedAssignees.length,\n 'data-resin-assigneesadded': addedAssignees.map(assignee => assignee.target.id),\n 'data-resin-assigneesremoved': removedAssignees.map(assignee => assignee.target.id),\n 'data-resin-duedate': dueDate && dueDate.getTime(),\n };\n };\n\n getAddedAssignees = (): Array<TaskCollabAssignee> => {\n // Added assignees are the ones in state that weren't in the prop\n const { approvers } = this.props;\n const { approvers: currentApprovers } = this.state;\n const approverIds = approvers.map(approver => approver.id);\n return currentApprovers.filter(currentApprover => approverIds.indexOf(currentApprover.id) === -1);\n };\n\n getRemovedAssignees = (): Array<TaskCollabAssignee> => {\n // Assignees to remove are the ones in the prop that cannot be found in state\n const { approvers } = this.props;\n const { approvers: currentApprovers } = this.state;\n const currentApproverIds = currentApprovers.map(currentApprover => currentApprover.id);\n return approvers.filter(approver => currentApproverIds.indexOf(approver.id) === -1);\n };\n\n handleValidSubmit = (): void => {\n const { id, createTask, editTask, editMode, taskType } = this.props;\n const { message, approvers: currentApprovers, dueDate, completionRule, isValid } = this.state;\n const dueDateString = dueDate && dueDate.toISOString();\n\n if (!isValid) return;\n\n this.setState({ isLoading: true });\n\n if (editMode === TASK_EDIT_MODE_EDIT && editTask) {\n editTask(\n {\n id,\n completion_rule: completionRule,\n description: message,\n due_at: dueDateString,\n addedAssignees: convertAssigneesToSelectorItems(this.getAddedAssignees()),\n removedAssignees: this.getRemovedAssignees(),\n },\n this.handleSubmitSuccess,\n this.handleSubmitError,\n );\n } else {\n createTask(\n message,\n convertAssigneesToSelectorItems(currentApprovers),\n taskType,\n dueDateString,\n completionRule,\n this.handleSubmitSuccess,\n this.handleSubmitError,\n );\n }\n };\n\n handleDueDateChange = (date: ?string): void => {\n let dateValue = null;\n if (date) {\n dateValue = new Date(date);\n // The date given to us is midnight of the date selected.\n // Modify date to be the end of day (minus 1 millisecond) for the given due date\n dateValue.setHours(23, 59, 59, 999);\n }\n\n this.setState({ dueDate: dateValue });\n this.validateForm('taskDueDate');\n };\n\n handleCompletionRuleChange = (event: SyntheticInputEvent<HTMLInputElement>) => {\n this.setState({ completionRule: event.target.checked ? TASK_COMPLETION_RULE_ANY : TASK_COMPLETION_RULE_ALL });\n };\n\n handleApproverSelectorInput = (value: any): void => {\n const { getApproverWithQuery = noop } = this.props;\n this.setState({ approverTextInput: value });\n getApproverWithQuery(value);\n };\n\n handleApproverSelectorSelect = (pills: Array<any>): void => {\n this.setState({\n approvers: this.state.approvers.concat(\n pills.map(pill => {\n return {\n id: '',\n target: pill.item,\n role: 'ASSIGNEE',\n type: 'task_collaborator',\n status: 'NOT_STARTED',\n permissions: { can_delete: false, can_update: false },\n };\n }),\n ),\n approverTextInput: '',\n });\n\n this.validateForm('taskAssignees');\n };\n\n handleApproverSelectorRemove = (option: any, index: number): void => {\n const approvers = [...this.state.approvers];\n approvers.splice(index, 1);\n this.setState({ approvers });\n this.validateForm('taskAssignees');\n };\n\n handleChangeMessage = (e: SyntheticInputEvent<HTMLTextAreaElement>) => {\n e.persist();\n this.setState({ message: e.currentTarget.value });\n this.validateForm('taskName');\n };\n\n handleCancelClick = () => {\n this.props.onCancel();\n };\n\n render() {\n const { approverSelectorContacts, className, error, isDisabled, intl, editMode, taskType } = this.props;\n const { dueDate, approvers, message, formValidityState, isLoading, completionRule } = this.state;\n const inputContainerClassNames = classNames('bcs-task-input-container', 'bcs-task-input-is-open', className);\n const isCreateEditMode = editMode === TASK_EDIT_MODE_CREATE;\n const selectedApprovers = convertAssigneesToSelectorItems(approvers);\n\n // filter out selected approvers\n // map to datalist item format\n const approverOptions = approverSelectorContacts.filter(\n ({ id }) => !selectedApprovers.find(({ value }) => value === id),\n );\n\n const pillSelectorOverlayClasses = classNames({\n scrollable: approverOptions.length > 4,\n });\n\n const submitButtonMessage = isCreateEditMode\n ? messages.tasksAddTaskFormSubmitLabel\n : messages.tasksEditTaskFormSubmitLabel;\n const shouldShowCompletionRule = approvers.length > 0;\n\n // Enable checkbox when there is a group or multiple users being assigned\n // TODO: consider setting contants for assignee types to src/constants.js\n // - move from src/features/collaborator-avatars/constants.js\n const isCompletionRuleCheckboxDisabled =\n approvers.filter(approver => approver.target.type === 'group').length <= 0 &&\n approvers.filter(approver => approver.target.type === 'user').length <= 1;\n\n const isCompletionRuleCheckboxChecked = completionRule === TASK_COMPLETION_RULE_ANY;\n const isForbiddenErrorOnEdit = isLoading \|\| (getProp(error, 'status') === 403 && !isCreateEditMode);\n\n return (\n <div className={inputContainerClassNames} data-resin-component=\"taskform\">\n <div className=\"bcs-task-input-form-container\">\n <TaskError editMode={editMode} error={error} taskType={taskType} />\n <Form\n formValidityState={formValidityState}\n onInvalidSubmit={this.handleInvalidSubmit}\n onValidSubmit={this.handleValidSubmit}\n >\n <PillSelectorDropdown\n className={pillSelectorOverlayClasses}\n error={this.getErrorByFieldname('taskAssignees')}\n disabled={isForbiddenErrorOnEdit}\n inputProps={{ 'data-testid': 'task-form-assignee-input' }}\n isRequired\n label={<FormattedMessage {...messages.tasksAddTaskFormSelectAssigneesLabel} />}\n name=\"taskAssignees\"\n onBlur={() => this.validateForm('taskAssignees')}\n onInput={this.handleApproverSelectorInput}\n onRemove={this.handleApproverSelectorRemove}\n onSelect={this.handleApproverSelectorSelect}\n placeholder={intl.formatMessage(commentFormMessages.approvalAddAssignee)}\n selectedOptions={selectedApprovers}\n selectorOptions={approverOptions}\n shouldSetActiveItemOnOpen\n shouldClearUnmatchedInput\n validateForError={() => this.validateForm('taskAssignees')}\n >\n {approverOptions.map(({ id, name, item = {} }) => (\n <ContactDatalistItem\n key={id}\n data-testid=\"task-assignee-option\"\n name={name}\n subtitle={\n item.type === 'group' ? (\n <FormattedMessage {...messages.taskCreateGroupLabel} />\n ) : (\n item.email\n )\n }\n />\n ))}\n </PillSelectorDropdown>\n\n {shouldShowCompletionRule && (\n <>\n <FeatureFlag feature=\"activityFeed.tasks.assignToGroup\">\n <Checkbox\n data-testid=\"task-form-completion-rule-checkbox-group\"\n isChecked={isCompletionRuleCheckboxChecked}\n isDisabled={isCompletionRuleCheckboxDisabled \|\| isForbiddenErrorOnEdit}\n label={<FormattedMessage {...messages.taskAnyCheckboxLabel} />}\n tooltip={intl.formatMessage(messages.taskAnyInfoGroupTooltip)}\n name=\"completionRule\"\n onChange={this.handleCompletionRuleChange}\n />\n </FeatureFlag>\n <FeatureFlag not feature=\"activityFeed.tasks.assignToGroup\">\n <Checkbox\n data-testid=\"task-form-completion-rule-checkbox\"\n isChecked={isCompletionRuleCheckboxChecked}\n isDisabled={isCompletionRuleCheckboxDisabled \|\| isForbiddenErrorOnEdit}\n label={<FormattedMessage {...messages.taskAnyCheckboxLabel} />}\n tooltip={intl.formatMessage(messages.taskAnyInfoTooltip)}\n name=\"completionRule\"\n onChange={this.handleCompletionRuleChange}\n />\n </FeatureFlag>\n </>\n )}\n\n <TextArea\n className=\"bcs-task-name-input\"\n data-testid=\"task-form-name-input\"\n disabled={isDisabled \|\| isForbiddenErrorOnEdit}\n error={this.getErrorByFieldname('taskName')}\n isRequired\n label={<FormattedMessage {...messages.tasksAddTaskFormMessageLabel} />}\n name=\"taskName\"\n onBlur={() => this.validateForm('taskName')}\n onChange={this.handleChangeMessage}\n placeholder={intl.formatMessage(commentFormMessages.commentWrite)}\n value={message}\n />\n <DatePicker\n className=\"bcs-task-add-due-date-input\"\n error={this.getErrorByFieldname('taskDueDate')}\n inputProps={{\n [INTERACTION_TARGET]: ACTIVITY_TARGETS.TASK_DATE_PICKER,\n 'data-testid': 'task-form-date-input',\n }}\n isDisabled={isForbiddenErrorOnEdit}\n isKeyboardInputAllowed\n isRequired={false}\n label={<FormattedMessage {...messages.tasksAddTaskFormDueDateLabel} />}\n minDate={new Date()}\n name=\"taskDueDate\"\n onChange={this.handleDueDateChange}\n placeholder={intl.formatMessage(commentFormMessages.approvalSelectDate)}\n value={dueDate \|\| undefined}\n />\n <div className=\"bcs-task-input-controls\">\n <Button\n className=\"bcs-task-input-cancel-btn\"\n data-resin-target={ACTIVITY_TARGETS.APPROVAL_FORM_CANCEL}\n data-testid=\"task-form-cancel-button\"\n onClick={this.handleCancelClick}\n isDisabled={isLoading}\n type=\"button\"\n {...this.addResinInfo()}\n >\n <FormattedMessage {...messages.tasksAddTaskFormCancelLabel} />\n </Button>\n <PrimaryButton\n className=\"bcs-task-input-submit-btn\"\n data-resin-target={ACTIVITY_TARGETS.APPROVAL_FORM_POST}\n data-testid=\"task-form-submit-button\"\n isDisabled={isForbiddenErrorOnEdit}\n isLoading={isLoading}\n {...this.addResinInfo()}\n >\n <FormattedMessage {...submitButtonMessage} />\n </PrimaryButton>\n </div>\n </Form>\n </div>\n </div>\n );\n }\n}\n\n// For testing only\nexport { TaskForm as TaskFormUnwrapped };\nexport type { TaskFormConsumerProps as TaskFormProps };\n\nexport default injectIntl(TaskForm);\n"],"file":"TaskForm.js"}
1	+ {"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/task-form/TaskForm.js"],"names":["React","noop","getProp","classNames","FormattedMessage","injectIntl","commonMessages","messages","commentFormMessages","Form","ModalActions","ContactDatalistItem","TextArea","DatePicker","Checkbox","PillSelectorDropdown","Button","FeatureFlag","PrimaryButton","TASK_COMPLETION_RULE_ANY","TASK_COMPLETION_RULE_ALL","TASK_EDIT_MODE_CREATE","TASK_EDIT_MODE_EDIT","ACTIVITY_TARGETS","INTERACTION_TARGET","TaskError","convertAssigneesToSelectorItems","approvers","map","target","newSelectorItem","id","name","item","value","text","TaskForm","getInitialFormState","only","setState","state","intl","props","message","approverTextInput","assigneeFieldMissingError","code","formatMessage","requiredFieldError","assigneeFieldInvalidError","invalidUserError","messageFieldError","formValidityState","taskAssignees","length","taskName","taskDueDate","isValid","Object","values","every","val","fieldName","validateForm","onSubmitSuccess","clearForm","isLoading","e","onSubmitError","taskType","editMode","dueDate","addedAssignees","getAddedAssignees","removedAssignees","getRemovedAssignees","filter","assignee","type","getTime","currentApprovers","approverIds","approver","currentApprover","indexOf","currentApproverIds","createTask","editTask","completionRule","dueDateString","toISOString","completion_rule","description","due_at","handleSubmitSuccess","handleSubmitError","date","dateValue","Date","setHours","event","checked","getApproverWithQuery","pills","concat","pill","role","status","permissions","can_delete","can_update","option","index","splice","persist","currentTarget","onCancel","approverSelectorContacts","className","error","isDisabled","inputContainerClassNames","isCreateEditMode","selectedApprovers","approverOptions","find","pillSelectorOverlayClasses","scrollable","submitButtonMessage","tasksAddTaskFormSubmitLabel","tasksEditTaskFormSubmitLabel","shouldShowCompletionRule","isCompletionRuleCheckboxDisabled","isCompletionRuleCheckboxChecked","isForbiddenErrorOnEdit","handleInvalidSubmit","handleValidSubmit","getErrorByFieldname","tasksAddTaskFormSelectAssigneesLabel","handleApproverSelectorInput","handleApproverSelectorRemove","handleApproverSelectorSelect","approvalAddAssignee","taskCreateGroupLabel","email","taskAnyCheckboxLabel","taskAnyInfoGroupTooltip","handleCompletionRuleChange","taskAnyInfoTooltip","tasksAddTaskFormMessageLabel","handleChangeMessage","commentWrite","TASK_DATE_PICKER","tasksAddTaskFormDueDateLabel","handleDueDateChange","approvalSelectDate","undefined","APPROVAL_FORM_CANCEL","handleCancelClick","addResinInfo","tasksAddTaskFormCancelLabel","APPROVAL_FORM_POST","Component","TaskFormUnwrapped"],"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 getProp from 'lodash/get';\nimport classNames from 'classnames';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport commonMessages from '../../../../common/messages';\nimport messages from './messages';\nimport commentFormMessages from '../comment-form/messages';\nimport Form from '../../../../components/form-elements/form/Form';\nimport ModalActions from '../../../../components/modal/ModalActions';\nimport ContactDatalistItem from '../../../../components/contact-datalist-item/ContactDatalistItem';\nimport TextArea from '../../../../components/text-area';\nimport DatePicker from '../../../../components/date-picker/DatePicker';\nimport Checkbox from '../../../../components/checkbox';\nimport PillSelectorDropdown from '../../../../components/pill-selector-dropdown/PillSelectorDropdown';\nimport Button from '../../../../components/button/Button';\nimport { FeatureFlag } from '../../../common/feature-checking';\nimport PrimaryButton from '../../../../components/primary-button/PrimaryButton';\nimport {\n TASK_COMPLETION_RULE_ANY,\n TASK_COMPLETION_RULE_ALL,\n TASK_EDIT_MODE_CREATE,\n TASK_EDIT_MODE_EDIT,\n} from '../../../../constants';\nimport { ACTIVITY_TARGETS, INTERACTION_TARGET } from '../../../common/interactionTargets';\nimport type {\n TaskCompletionRule,\n TaskCollabAssignee,\n TaskType,\n TaskEditMode,\n TaskUpdatePayload,\n} from '../../../../common/types/tasks';\nimport TaskError from './TaskError';\nimport type { GetAvatarUrlCallback } from '../../../common/flowTypes';\nimport type { ElementsXhrError } from '../../../../common/types/api';\nimport type { SelectorItems, SelectorItem, UserMini, GroupMini } from '../../../../common/types/core';\n\nimport './TaskForm.scss';\n\ntype TaskFormProps = {\|\n error?: { status: number }, // TODO: update to ElementsXhrError once API supports it\n isDisabled?: boolean,\n onCancel: () => any,\n onSubmitError: (e: ElementsXhrError) => any,\n onSubmitSuccess: () => any,\n taskType: TaskType,\n\|};\n\ntype TaskFormFieldProps = {\|\n approvers: Array<TaskCollabAssignee>,\n completionRule: TaskCompletionRule,\n dueDate?: ?string,\n id: string,\n message: string,\n\|};\n\ntype TaskFormConsumerProps = {\|\n ...TaskFormFieldProps,\n approverSelectorContacts: SelectorItems<UserMini \| GroupMini>,\n className?: string,\n createTask: (\n text: string,\n approvers: SelectorItems<>,\n taskType: TaskType,\n dueDate: ?string,\n completionRule: TaskCompletionRule,\n onSuccess: ?Function,\n onError: ?Function,\n ) => any,\n editMode?: TaskEditMode,\n editTask?: (task: TaskUpdatePayload, onSuccess: ?Function, onError: ?Function) => any,\n getApproverWithQuery?: Function,\n getAvatarUrl: GetAvatarUrlCallback,\n\|};\n\ntype Props = TaskFormProps & TaskFormConsumerProps & InjectIntlProvidedProps;\n\ntype TaskFormFieldName = 'taskName' \| 'taskAssignees' \| 'taskDueDate';\n\ntype State = {\|\n approverTextInput: string, // partial text input value for approver field before autocomplete/select\n approvers: Array<TaskCollabAssignee>,\n completionRule: TaskCompletionRule,\n dueDate?: ?Date,\n formValidityState: { [key: TaskFormFieldName]: ?{ code: string, message: string } },\n id: string,\n isLoading: boolean,\n isValid: ?boolean,\n message: string,\n\|};\n\nfunction convertAssigneesToSelectorItems(approvers: Array<TaskCollabAssignee>): SelectorItems<> {\n return approvers.map(({ target }) => {\n const newSelectorItem: SelectorItem<UserMini \| GroupMini> = {\n id: target.id,\n name: target.name,\n item: target,\n value: target.id,\n text: target.name, // for PillSelectorDropdown SelectorOptions type\n };\n\n return newSelectorItem;\n });\n}\n\nclass TaskForm extends React.Component<Props, State> {\n static defaultProps = {\n approvers: [],\n approverSelectorContacts: [],\n editMode: TASK_EDIT_MODE_CREATE,\n id: '',\n message: '',\n };\n\n state = this.getInitialFormState();\n\n getInitialFormState() {\n const { dueDate, id, message, approvers, completionRule } = this.props;\n return {\n id,\n completionRule: completionRule \|\| TASK_COMPLETION_RULE_ALL,\n approvers,\n approverTextInput: '',\n dueDate: dueDate ? new Date(dueDate) : null,\n formValidityState: {},\n message,\n isLoading: false,\n isValid: null,\n };\n }\n\n validateForm = (only?: TaskFormFieldName) => {\n this.setState(state => {\n const { intl } = this.props;\n const { approvers, message, approverTextInput } = state;\n const assigneeFieldMissingError = {\n code: 'required',\n message: intl.formatMessage(commonMessages.requiredFieldError),\n };\n const assigneeFieldInvalidError = {\n code: 'invalid',\n message: intl.formatMessage(commonMessages.invalidUserError),\n };\n const messageFieldError = {\n code: 'required',\n message: intl.formatMessage(commonMessages.requiredFieldError),\n };\n const formValidityState = {\n taskAssignees:\n (approverTextInput.length ? assigneeFieldInvalidError : null) \|\|\n (approvers.length ? null : assigneeFieldMissingError),\n taskName: message ? null : messageFieldError,\n taskDueDate: null,\n };\n const isValid = Object.values(formValidityState).every(val => val == null);\n return {\n isValid,\n formValidityState: only\n ? { ...state.formValidityState, [only]: formValidityState[only] }\n : formValidityState,\n };\n });\n };\n\n getErrorByFieldname = (fieldName: TaskFormFieldName) => {\n const { formValidityState } = this.state;\n return formValidityState[fieldName] ? formValidityState[fieldName].message : null;\n };\n\n clearForm = () => this.setState(this.getInitialFormState());\n\n handleInvalidSubmit = () => {\n this.validateForm();\n };\n\n handleSubmitSuccess = () => {\n const { onSubmitSuccess } = this.props;\n if (onSubmitSuccess) {\n onSubmitSuccess();\n }\n\n this.clearForm();\n this.setState({ isLoading: false });\n };\n\n handleSubmitError = (e: ElementsXhrError) => {\n const { onSubmitError } = this.props;\n onSubmitError(e);\n this.setState({ isLoading: false });\n };\n\n addResinInfo = (): Object => {\n const { id, taskType, editMode } = this.props;\n const { dueDate } = this.state;\n const addedAssignees = this.getAddedAssignees();\n const removedAssignees = this.getRemovedAssignees();\n\n return {\n 'data-resin-taskid': id,\n 'data-resin-tasktype': taskType,\n 'data-resin-isediting': editMode === TASK_EDIT_MODE_EDIT,\n 'data-resin-numassigneesadded': addedAssignees.filter(assignee => assignee.target.type === 'user').length,\n 'data-resin-numgroupssadded': addedAssignees.filter(assignee => assignee.target.type === 'group').length,\n 'data-resin-numassigneesremoved': removedAssignees.length,\n 'data-resin-assigneesadded': addedAssignees.map(assignee => assignee.target.id),\n 'data-resin-assigneesremoved': removedAssignees.map(assignee => assignee.target.id),\n 'data-resin-duedate': dueDate && dueDate.getTime(),\n };\n };\n\n getAddedAssignees = (): Array<TaskCollabAssignee> => {\n // Added assignees are the ones in state that weren't in the prop\n const { approvers } = this.props;\n const { approvers: currentApprovers } = this.state;\n const approverIds = approvers.map(approver => approver.id);\n return currentApprovers.filter(currentApprover => approverIds.indexOf(currentApprover.id) === -1);\n };\n\n getRemovedAssignees = (): Array<TaskCollabAssignee> => {\n // Assignees to remove are the ones in the prop that cannot be found in state\n const { approvers } = this.props;\n const { approvers: currentApprovers } = this.state;\n const currentApproverIds = currentApprovers.map(currentApprover => currentApprover.id);\n return approvers.filter(approver => currentApproverIds.indexOf(approver.id) === -1);\n };\n\n handleValidSubmit = (): void => {\n const { id, createTask, editTask, editMode, taskType } = this.props;\n const { message, approvers: currentApprovers, dueDate, completionRule, isValid } = this.state;\n const dueDateString = dueDate && dueDate.toISOString();\n\n if (!isValid) return;\n\n this.setState({ isLoading: true });\n\n if (editMode === TASK_EDIT_MODE_EDIT && editTask) {\n editTask(\n {\n id,\n completion_rule: completionRule,\n description: message,\n due_at: dueDateString,\n addedAssignees: convertAssigneesToSelectorItems(this.getAddedAssignees()),\n removedAssignees: this.getRemovedAssignees(),\n },\n this.handleSubmitSuccess,\n this.handleSubmitError,\n );\n } else {\n createTask(\n message,\n convertAssigneesToSelectorItems(currentApprovers),\n taskType,\n dueDateString,\n completionRule,\n this.handleSubmitSuccess,\n this.handleSubmitError,\n );\n }\n };\n\n handleDueDateChange = (date: ?string): void => {\n let dateValue = null;\n if (date) {\n dateValue = new Date(date);\n // The date given to us is midnight of the date selected.\n // Modify date to be the end of day (minus 1 millisecond) for the given due date\n dateValue.setHours(23, 59, 59, 999);\n }\n\n this.setState({ dueDate: dateValue });\n this.validateForm('taskDueDate');\n };\n\n handleCompletionRuleChange = (event: SyntheticInputEvent<HTMLInputElement>) => {\n this.setState({ completionRule: event.target.checked ? TASK_COMPLETION_RULE_ANY : TASK_COMPLETION_RULE_ALL });\n };\n\n handleApproverSelectorInput = (value: any): void => {\n const { getApproverWithQuery = noop } = this.props;\n this.setState({ approverTextInput: value });\n getApproverWithQuery(value);\n };\n\n handleApproverSelectorSelect = (pills: Array<any>): void => {\n this.setState({\n approvers: this.state.approvers.concat(\n pills.map(pill => {\n return {\n id: '',\n target: pill.item,\n role: 'ASSIGNEE',\n type: 'task_collaborator',\n status: 'NOT_STARTED',\n permissions: { can_delete: false, can_update: false },\n };\n }),\n ),\n approverTextInput: '',\n });\n\n this.validateForm('taskAssignees');\n };\n\n handleApproverSelectorRemove = (option: any, index: number): void => {\n const approvers = [...this.state.approvers];\n approvers.splice(index, 1);\n this.setState({ approvers });\n this.validateForm('taskAssignees');\n };\n\n handleChangeMessage = (e: SyntheticInputEvent<HTMLTextAreaElement>) => {\n e.persist();\n this.setState({ message: e.currentTarget.value });\n this.validateForm('taskName');\n };\n\n handleCancelClick = () => {\n this.props.onCancel();\n };\n\n render() {\n const { approverSelectorContacts, className, error, isDisabled, intl, editMode, taskType } = this.props;\n const { dueDate, approvers, message, formValidityState, isLoading, completionRule } = this.state;\n const inputContainerClassNames = classNames('bcs-task-input-container', 'bcs-task-input-is-open', className);\n const isCreateEditMode = editMode === TASK_EDIT_MODE_CREATE;\n const selectedApprovers = convertAssigneesToSelectorItems(approvers);\n\n // filter out selected approvers\n // map to datalist item format\n const approverOptions = approverSelectorContacts.filter(\n ({ id }) => !selectedApprovers.find(({ value }) => value === id),\n );\n\n const pillSelectorOverlayClasses = classNames({\n scrollable: approverOptions.length > 4,\n });\n\n const submitButtonMessage = isCreateEditMode\n ? messages.tasksAddTaskFormSubmitLabel\n : messages.tasksEditTaskFormSubmitLabel;\n const shouldShowCompletionRule = approvers.length > 0;\n\n // Enable checkbox when there is a group or multiple users being assigned\n // TODO: consider setting contants for assignee types to src/constants.js\n // - move from src/features/collaborator-avatars/constants.js\n const isCompletionRuleCheckboxDisabled =\n approvers.filter(approver => approver.target.type === 'group').length <= 0 &&\n approvers.filter(approver => approver.target.type === 'user').length <= 1;\n\n const isCompletionRuleCheckboxChecked = completionRule === TASK_COMPLETION_RULE_ANY;\n const isForbiddenErrorOnEdit = isLoading \|\| (getProp(error, 'status') === 403 && !isCreateEditMode);\n\n return (\n <div className={inputContainerClassNames} data-resin-component=\"taskform\">\n <div className=\"bcs-task-input-form-container\">\n <TaskError editMode={editMode} error={error} taskType={taskType} />\n <Form\n formValidityState={formValidityState}\n onInvalidSubmit={this.handleInvalidSubmit}\n onValidSubmit={this.handleValidSubmit}\n >\n <PillSelectorDropdown\n className={pillSelectorOverlayClasses}\n error={this.getErrorByFieldname('taskAssignees')}\n disabled={isForbiddenErrorOnEdit}\n inputProps={{ 'data-testid': 'task-form-assignee-input' }}\n isRequired\n label={<FormattedMessage {...messages.tasksAddTaskFormSelectAssigneesLabel} />}\n name=\"taskAssignees\"\n onBlur={() => this.validateForm('taskAssignees')}\n onInput={this.handleApproverSelectorInput}\n onRemove={this.handleApproverSelectorRemove}\n onSelect={this.handleApproverSelectorSelect}\n placeholder={intl.formatMessage(commentFormMessages.approvalAddAssignee)}\n selectedOptions={selectedApprovers}\n selectorOptions={approverOptions}\n shouldSetActiveItemOnOpen\n shouldClearUnmatchedInput\n validateForError={() => this.validateForm('taskAssignees')}\n >\n {approverOptions.map(({ id, name, item = {} }) => (\n <ContactDatalistItem\n key={id}\n data-testid=\"task-assignee-option\"\n name={name}\n subtitle={\n item.type === 'group' ? (\n <FormattedMessage {...messages.taskCreateGroupLabel} />\n ) : (\n item.email\n )\n }\n />\n ))}\n </PillSelectorDropdown>\n\n {shouldShowCompletionRule && (\n <>\n <FeatureFlag feature=\"activityFeed.tasks.assignToGroup\">\n <Checkbox\n data-testid=\"task-form-completion-rule-checkbox-group\"\n isChecked={isCompletionRuleCheckboxChecked}\n isDisabled={isCompletionRuleCheckboxDisabled \|\| isForbiddenErrorOnEdit}\n label={<FormattedMessage {...messages.taskAnyCheckboxLabel} />}\n tooltip={intl.formatMessage(messages.taskAnyInfoGroupTooltip)}\n name=\"completionRule\"\n onChange={this.handleCompletionRuleChange}\n />\n </FeatureFlag>\n <FeatureFlag not feature=\"activityFeed.tasks.assignToGroup\">\n <Checkbox\n data-testid=\"task-form-completion-rule-checkbox\"\n isChecked={isCompletionRuleCheckboxChecked}\n isDisabled={isCompletionRuleCheckboxDisabled \|\| isForbiddenErrorOnEdit}\n label={<FormattedMessage {...messages.taskAnyCheckboxLabel} />}\n tooltip={intl.formatMessage(messages.taskAnyInfoTooltip)}\n name=\"completionRule\"\n onChange={this.handleCompletionRuleChange}\n />\n </FeatureFlag>\n </>\n )}\n\n <TextArea\n className=\"bcs-task-name-input\"\n data-testid=\"task-form-name-input\"\n disabled={isDisabled \|\| isForbiddenErrorOnEdit}\n error={this.getErrorByFieldname('taskName')}\n isRequired\n label={<FormattedMessage {...messages.tasksAddTaskFormMessageLabel} />}\n name=\"taskName\"\n onBlur={() => this.validateForm('taskName')}\n onChange={this.handleChangeMessage}\n placeholder={intl.formatMessage(commentFormMessages.commentWrite)}\n value={message}\n />\n <DatePicker\n className=\"bcs-task-add-due-date-input\"\n error={this.getErrorByFieldname('taskDueDate')}\n inputProps={{\n [INTERACTION_TARGET]: ACTIVITY_TARGETS.TASK_DATE_PICKER,\n 'data-testid': 'task-form-date-input',\n }}\n isDisabled={isForbiddenErrorOnEdit}\n isKeyboardInputAllowed\n isRequired={false}\n label={<FormattedMessage {...messages.tasksAddTaskFormDueDateLabel} />}\n minDate={new Date()}\n name=\"taskDueDate\"\n onChange={this.handleDueDateChange}\n placeholder={intl.formatMessage(commentFormMessages.approvalSelectDate)}\n value={dueDate \|\| undefined}\n />\n <ModalActions>\n <Button\n className=\"bcs-task-input-cancel-btn\"\n data-resin-target={ACTIVITY_TARGETS.APPROVAL_FORM_CANCEL}\n data-testid=\"task-form-cancel-button\"\n onClick={this.handleCancelClick}\n isDisabled={isLoading}\n type=\"button\"\n {...this.addResinInfo()}\n >\n <FormattedMessage {...messages.tasksAddTaskFormCancelLabel} />\n </Button>\n <PrimaryButton\n className=\"bcs-task-input-submit-btn\"\n data-resin-target={ACTIVITY_TARGETS.APPROVAL_FORM_POST}\n data-testid=\"task-form-submit-button\"\n isDisabled={isForbiddenErrorOnEdit}\n isLoading={isLoading}\n {...this.addResinInfo()}\n >\n <FormattedMessage {...submitButtonMessage} />\n </PrimaryButton>\n </ModalActions>\n </Form>\n </div>\n </div>\n );\n }\n}\n\n// For testing only\nexport { TaskForm as TaskFormUnwrapped };\nexport type { TaskFormConsumerProps as TaskFormProps };\n\nexport default injectIntl(TaskForm);\n"],"file":"TaskForm.js"}

package/es/elements/content-sidebar/activity-feed/task-form/TaskForm.scss CHANGED Viewed

@@ -5,21 +5,6 @@ $assignee-dropdown-height: 215px;
 .be .bcs-task-input-container {
     display: flex;
-    .bcs-task-input-controls {
-        display: block;
-        text-align: right;
-        .btn {
-            margin-top: 0;
-            margin-right: 0;
-            margin-bottom: 10px;
-        }
-        .btn:last-child {
-            margin-left: 10px;
-        }
-    }
     .bcs-task-input-form-container {
         flex: 1;
         min-width: 0;

package/es/elements/content-sidebar/activity-feed/version/Version.scss CHANGED Viewed

@@ -9,7 +9,7 @@
         padding: 9px;
         color: $bdl-gray;
         background-color: $bdl-box-blue-05;
-        border-radius: 4px;
+        border-radius: $bdl-border-radius-size;
     }
     .bcs-Version-actions {

package/es/elements/content-sidebar/additional-tabs/AdditionalTabsLoading.scss CHANGED Viewed

@@ -14,7 +14,7 @@ $bdl-AdditionalTabs-fade-in-time: .5s;
     width: 24px;
     height: 24px;
     background-color: $bdl-gray-50;
-    border-radius: 5px;
+    border-radius: $bdl-border-radius-size-med;
 }
 .bdl-AdditionalTabPlaceholder-icon--loading {

package/es/elements/content-sidebar/skills/faces/Faces.scss CHANGED Viewed

@@ -14,7 +14,7 @@
         width: 24px;
         height: 24px;
         padding-top: 1px;
-        border-radius: 3px;
+        border-radius: $bdl-border-radius-size;
         &:hover svg path {
             fill: $bdl-gray;

package/es/elements/content-sidebar/skills/keywords/Keywords.scss CHANGED Viewed

@@ -10,7 +10,7 @@
         width: 24px;
         height: 24px;
         padding-top: 1px;
-        border-radius: 3px;
+        border-radius: $bdl-border-radius-size;
         &:hover svg path {
             fill: $bdl-gray;

package/es/elements/content-sidebar/skills/timeline/Timeline.scss CHANGED Viewed

@@ -26,7 +26,7 @@
         width: 290px; // match with timeslice.js
         height: 6px;
         background-color: $blue;
-        border-radius: 6px;
+        border-radius: $bdl-border-radius-size-med;
         opacity: .25;
     }

package/es/elements/content-sidebar/skills/timeline/Timeslice.scss CHANGED Viewed

@@ -4,7 +4,7 @@
     position: absolute;
     height: 6px;
     background-color: $blue;
-    border-radius: 6px;
+    border-radius: $bdl-border-radius-size-med;
     cursor: pointer;
     opacity: .6;

package/es/elements/content-sidebar/skills/transcript/Transcript.scss CHANGED Viewed

@@ -16,7 +16,7 @@
         height: 24px;
         margin-left: 7px;
         padding-top: 1px;
-        border-radius: 3px;
+        border-radius: $bdl-border-radius-size;
         &:hover svg path {
             fill: $bdl-gray;

package/es/elements/content-sidebar/versions/VersionsItemBadge.scss CHANGED Viewed

@@ -6,5 +6,5 @@
     font-size: 18px;
     text-align: center;
     background-color: $selected-blue-background;
-    border-radius: 4px;
+    border-radius: $bdl-border-radius-size;
 }

package/es/elements/content-uploader/ContentUploader.js CHANGED Viewed

@@ -1146,18 +1146,19 @@ function (_Component) {
      */
     value: function render() {
       var _this$props15 = this.props,
-          language = _this$props15.language,
-          messages = _this$props15.messages,
-          onClose = _this$props15.onClose,
           className = _this$props15.className,
-          measureRef = _this$props15.measureRef,
-          isTouch = _this$props15.isTouch,
           fileLimit = _this$props15.fileLimit,
-          useUploadsManager = _this$props15.useUploadsManager,
-          isResumableUploadsEnabled = _this$props15.isResumableUploadsEnabled,
-          isFolderUploadEnabled = _this$props15.isFolderUploadEnabled,
           _this$props15$isDragg = _this$props15.isDraggingItemsToUploadsManager,
-          isDraggingItemsToUploadsManager = _this$props15$isDragg === void 0 ? false : _this$props15$isDragg;
+          isDraggingItemsToUploadsManager = _this$props15$isDragg === void 0 ? false : _this$props15$isDragg,
+          isFolderUploadEnabled = _this$props15.isFolderUploadEnabled,
+          isResumableUploadsEnabled = _this$props15.isResumableUploadsEnabled,
+          isTouch = _this$props15.isTouch,
+          language = _this$props15.language,
+          measureRef = _this$props15.measureRef,
+          messages = _this$props15.messages,
+          onClose = _this$props15.onClose,
+          onUpgradeCTAClick = _this$props15.onUpgradeCTAClick,
+          useUploadsManager = _this$props15.useUploadsManager;
       var _this$state3 = this.state,
           view = _this$state3.view,
           items = _this$state3.items,
@@ -1191,6 +1192,7 @@ function (_Component) {
         items: items,
         onItemActionClick: this.onClick,
         onRemoveActionClick: this.removeFileFromUploadQueue,
+        onUpgradeCTAClick: onUpgradeCTAClick,
         onUploadsManagerActionClick: this.clickAllWithStatus,
         toggleUploadsManager: this.toggleUploadsManager,
         view: view

package/es/elements/content-uploader/ContentUploader.js.flow CHANGED Viewed

@@ -90,6 +90,7 @@ type Props = {
     onMinimize?: Function,
     onProgress: Function,
     onResume: Function,
+    onUpgradeCTAClick?: Function,
     onUpload: Function,
     overwrite: boolean,
     requestInterceptor?: Function,
@@ -1203,17 +1204,18 @@ class ContentUploader extends Component<Props, State> {
      */
     render() {
         const {
+            className,
+            fileLimit,
+            isDraggingItemsToUploadsManager = false,
+            isFolderUploadEnabled,
+            isResumableUploadsEnabled,
+            isTouch,
             language,
+            measureRef,
             messages,
             onClose,
-            className,
-            measureRef,
-            isTouch,
-            fileLimit,
+            onUpgradeCTAClick,
             useUploadsManager,
-            isResumableUploadsEnabled,
-            isFolderUploadEnabled,
-            isDraggingItemsToUploadsManager = false,
         }: Props = this.props;
         const { view, items, errorCode, isUploadsManagerExpanded }: State = this.state;
         const isEmpty = items.length === 0;
@@ -1240,6 +1242,7 @@ class ContentUploader extends Component<Props, State> {
                             items={items}
                             onItemActionClick={this.onClick}
                             onRemoveActionClick={this.removeFileFromUploadQueue}
+                            onUpgradeCTAClick={onUpgradeCTAClick}
                             onUploadsManagerActionClick={this.clickAllWithStatus}
                             toggleUploadsManager={this.toggleUploadsManager}
                             view={view}