box-ui-elements-mlh/es/features/classification/security-controls/SecurityControlsModal.js

Box UI Elements

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import * as React from 'react';
import { FormattedMessage } from 'react-intl';
import { Modal, ModalActions } from '../../../components/modal';
import commonMessages from '../../../common/messages';
import Button from '../../../components/button';
import classificationMessages from '../messages';
import ClassifiedBadge from '../ClassifiedBadge';
import Label from '../../../components/label/Label';
import messages from './messages';
import SecurityControlsItem from './SecurityControlsItem';
import './SecurityControlsModal.scss';

var SecurityControlsModal = function SecurityControlsModal(_ref) {
  var closeModal = _ref.closeModal,
      definition = _ref.definition,
      classificationColor = _ref.classificationColor,
      classificationName = _ref.classificationName,
      isSecurityControlsModalOpen = _ref.isSecurityControlsModalOpen,
      itemName = _ref.itemName,
      modalItems = _ref.modalItems;

  if (!itemName || !classificationName || !definition) {
    return null;
  }

  var title = /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.modalTitle, {
    values: {
      itemName: itemName
    }
  }));
  return /*#__PURE__*/React.createElement(Modal, {
    className: "bdl-SecurityControlsModal",
    title: title,
    onRequestClose: closeModal,
    isOpen: isSecurityControlsModalOpen
  }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.modalDescription)), /*#__PURE__*/React.createElement(ClassifiedBadge, {
    color: classificationColor,
    name: classificationName
  }), /*#__PURE__*/React.createElement(Label, {
    text: /*#__PURE__*/React.createElement(FormattedMessage, classificationMessages.definition)
  }, /*#__PURE__*/React.createElement("p", {
    className: "bdl-SecurityControlsModal-definition"
  }, definition)), /*#__PURE__*/React.createElement("ul", {
    className: "bdl-SecurityControlsModal-controlsItemList"
  }, modalItems.map(function (_ref2) {
    var message = _ref2.message,
        tooltipMessage = _ref2.tooltipMessage;
    return /*#__PURE__*/React.createElement(SecurityControlsItem, {
      key: message.id,
      message: message,
      tooltipMessage: tooltipMessage
    });
  })), /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(Button, {
    onClick: closeModal,
    type: "button"
  }, /*#__PURE__*/React.createElement(FormattedMessage, commonMessages.close))));
};

SecurityControlsModal.defaultProps = {
  isSecurityControlsModalOpen: false,
  modalItems: []
};
export default SecurityControlsModal;
//# sourceMappingURL=SecurityControlsModal.js.map