@orfeas126/box-ui-elements
Version:
Box UI Elements
81 lines (80 loc) • 2.99 kB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
/**
*
* @file Collapsed Version component
*/
import * as React from 'react';
import { FormattedMessage, injectIntl } from 'react-intl';
import ActivityCard from '../ActivityCard';
import IconInfo from '../../../../icons/general/IconInfo';
import PlainButton from '../../../../components/plain-button';
import messages from '../../../common/messages';
import selectors from '../../../common/selectors/version';
import { ACTIVITY_TARGETS } from '../../../common/interactionTargets';
import './Version.scss';
function getMessageForAction(action, collaborators, version_start, version_end) {
// We only support collapsing for multiple upload versions
if (action !== 'upload') {
return null;
}
const collaboratorIDs = Object.keys(collaborators);
const numberOfCollaborators = collaboratorIDs.length;
const versionRange = /*#__PURE__*/React.createElement("span", {
className: "bcs-Version-range"
}, version_start, " - ", version_end);
if (numberOfCollaborators === 1) {
const collaborator = collaborators[collaboratorIDs[0]];
return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.versionUploadCollapsed, {
values: {
name: /*#__PURE__*/React.createElement("strong", null, collaborator.name),
versions: versionRange
}
}));
}
return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.versionMultipleUsersUploaded, {
values: {
numberOfCollaborators,
versions: versionRange
}
}));
}
const CollapsedVersion = props => {
// $FlowFixMe
const action = selectors.getVersionAction(props);
const {
collaborators,
id,
intl,
onInfo,
shouldUseUAA,
versions,
version_start,
version_end
} = props;
return /*#__PURE__*/React.createElement(ActivityCard, {
className: "bcs-Version"
}, /*#__PURE__*/React.createElement("span", {
className: "bcs-Version-message"
}, getMessageForAction(action, collaborators, version_start, version_end)), onInfo ? /*#__PURE__*/React.createElement("span", {
className: "bcs-Version-actions"
}, /*#__PURE__*/React.createElement(PlainButton, {
"aria-label": intl.formatMessage(messages.getVersionInfo),
className: "bcs-Version-info",
"data-resin-target": ACTIVITY_TARGETS.VERSION_CARD,
onClick: () => {
onInfo(shouldUseUAA ? {
id,
version_number: version_end
} : {
versions
});
},
type: "button"
}, /*#__PURE__*/React.createElement(IconInfo, {
height: 16,
width: 16
}))) : null);
};
export { CollapsedVersion as CollapsedVersionBase };
export default injectIntl(CollapsedVersion);
//# sourceMappingURL=CollapsedVersion.js.map