@integec/common-react-screens/lib/modal/ErrorModal.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ErrorPanel = undefined;

var _isNil2 = require('ramda/src/isNil');

var _isNil3 = _interopRequireDefault(_isNil2);

var _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; };

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _templateObject = _taggedTemplateLiteral(['\n  height: 45vh;\n  overflow: auto;\n  word-wrap: normal;\n  white-space: pre;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n  padding: 0.5em 0.5em;\n  max-width: 80vw;\n  max-height: 80vh;\n'], ['\n  height: 45vh;\n  overflow: auto;\n  word-wrap: normal;\n  white-space: pre;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n  padding: 0.5em 0.5em;\n  max-width: 80vw;\n  max-height: 80vh;\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  color: #c60000;\n  font-weight: bold;\n  font-size: 1.15em;\n'], ['\n  color: #c60000;\n  font-weight: bold;\n  font-size: 1.15em;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _GenericModal = require('./GenericModal');

var _GenericModal2 = _interopRequireDefault(_GenericModal);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _semanticUiReact = require('semantic-ui-react');

var _ValidationError = require('./ValidationError');

var _ValidationError2 = _interopRequireDefault(_ValidationError);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var StackTrace = _styledComponents2.default.pre(_templateObject);

var ErrorDiv = _styledComponents2.default.div(_templateObject2);

var HttpError = function HttpError(_ref) {
  var errorMsg = _ref.errorMsg,
      targetUrl = _ref.targetUrl,
      stackTrace = _ref.stackTrace;
  return stackTrace ? _react2.default.createElement(StrackTraceError, { errorMsg: errorMsg + ' reaching ' + targetUrl, stackTrace: stackTrace }) : _react2.default.createElement(
    ErrorDiv,
    { 'data-testid': 'error-panel' },
    errorMsg,
    ' reaching ',
    _react2.default.createElement(
      'a',
      { href: targetUrl },
      targetUrl
    )
  );
};
//
//
//

var StrackTraceError = function (_React$Component) {
  _inherits(StrackTraceError, _React$Component);

  function StrackTraceError() {
    var _ref2;

    var _temp, _this, _ret;

    _classCallCheck(this, StrackTraceError);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref2 = StrackTraceError.__proto__ || Object.getPrototypeOf(StrackTraceError)).call.apply(_ref2, [this].concat(args))), _this), _this.state = { showDetail: false }, _this.toggleShowDetail = function (_) {
      return _this.setState(function (_ref3) {
        var showDetail = _ref3.showDetail;
        return { showDetail: !showDetail };
      });
    }, _temp), _possibleConstructorReturn(_this, _ret);
  }

  _createClass(StrackTraceError, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          errorMsg = _props.errorMsg,
          stackTrace = _props.stackTrace;


      return _react2.default.createElement(
        'div',
        { 'data-testid': 'error-panel' },
        _react2.default.createElement(
          ErrorDiv,
          null,
          errorMsg
        ),
        _react2.default.createElement(
          _semanticUiReact.Accordion,
          null,
          _react2.default.createElement(
            _semanticUiReact.Accordion.Title,
            { onClick: this.toggleShowDetail },
            _react2.default.createElement(_semanticUiReact.Icon, { name: 'dropdown' }),
            'Click for Detail'
          ),
          _react2.default.createElement(
            _semanticUiReact.Accordion.Content,
            { active: this.state.showDetail },
            _react2.default.createElement(
              StackTrace,
              null,
              stackTrace
            )
          )
        )
      );
    }
  }]);

  return StrackTraceError;
}(_react2.default.Component);
//
//


var MsgOnly = function MsgOnly(_ref4) {
  var errorMsg = _ref4.errorMsg;
  return _react2.default.createElement(
    'div',
    { 'data-testid': 'error-panel' },
    errorMsg
  );
};
//

var JsError = function (_React$Component2) {
  _inherits(JsError, _React$Component2);

  function JsError() {
    var _ref5;

    var _temp2, _this2, _ret2;

    _classCallCheck(this, JsError);

    for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
      args[_key2] = arguments[_key2];
    }

    return _ret2 = (_temp2 = (_this2 = _possibleConstructorReturn(this, (_ref5 = JsError.__proto__ || Object.getPrototypeOf(JsError)).call.apply(_ref5, [this].concat(args))), _this2), _this2.state = { showDetail: false }, _this2.toggleShowDetail = function (_) {
      return _this2.setState(function (_ref6) {
        var showDetail = _ref6.showDetail;
        return { showDetail: !showDetail };
      });
    }, _temp2), _possibleConstructorReturn(_this2, _ret2);
  }

  _createClass(JsError, [{
    key: 'render',
    value: function render() {
      var err = this.props.err;

      return _react2.default.createElement(
        'div',
        { 'data-testid': 'error-panel' },
        _react2.default.createElement(
          ErrorDiv,
          null,
          err.message && err.message
        ),
        err.stack && _react2.default.createElement(
          _semanticUiReact.Accordion,
          null,
          _react2.default.createElement(
            _semanticUiReact.Accordion.Title,
            { onClick: this.toggleShowDetail },
            _react2.default.createElement(_semanticUiReact.Icon, { name: 'dropdown' }),
            'Click for Detail'
          ),
          _react2.default.createElement(
            _semanticUiReact.Accordion.Content,
            { active: this.state.showDetail },
            _react2.default.createElement(
              StackTrace,
              null,
              err.stack
            )
          )
        )
      );
    }
  }]);

  return JsError;
}(_react2.default.Component);
//


var ErrorPanel = exports.ErrorPanel = function ErrorPanel(props) {
  var modalInfo = props.modalInfo,
      errorRenderer = props.errorRenderer,
      _props$appErrorRender = props.appErrorRendererMap,
      appErrorRendererMap = _props$appErrorRender === undefined ? {} : _props$appErrorRender;

  var isHttpError = modalInfo.httpError;
  var hasStackTrace = modalInfo.stackTrace;
  var hasValidationError = modalInfo.validationError && modalInfo.validationError.length > 0;
  var hasMsg = modalInfo.errorMsg;
  // const jsError = !modalInfo.restfulStatus
  var isString = typeof modalInfo === 'string';
  if (appErrorRendererMap[modalInfo.appExceptionId + '']) {
    return appErrorRendererMap[modalInfo.appExceptionId + ''](props);
  }

  return isString ? _react2.default.createElement(
    ErrorDiv,
    null,
    modalInfo
  ) : isHttpError ? _react2.default.createElement(HttpError, modalInfo) : hasStackTrace ? _react2.default.createElement(StrackTraceError, modalInfo) : hasValidationError ? _react2.default.createElement(_ValidationError2.default, _extends({ errorRenderer: errorRenderer }, modalInfo)) : hasMsg ? _react2.default.createElement(MsgOnly, modalInfo) : _react2.default.createElement(JsError, { err: modalInfo });
};

var ErrorModal = function ErrorModal(_ref7) {
  var modalInfo = _ref7.modalInfo,
      setModalInfo = _ref7.setModalInfo,
      rest = _objectWithoutProperties(_ref7, ['modalInfo', 'setModalInfo']);

  return _react2.default.createElement(
    _GenericModal2.default,
    _extends({
      testId: 'error',
      onClose: function onClose(_) {
        return setModalInfo(null);
      },
      open: !(0, _isNil3.default)(modalInfo),
      modalInfo: modalInfo,
      size: 'small'
    }, rest, {
      title: modalInfo && modalInfo.restfulStatus === 'WARNING' ? 'Warning' : 'Error'
    }),
    function (props) {
      return _react2.default.createElement(ErrorPanel, _extends({}, props, { errorRenderer: rest.errorRenderer, setModalInfo: setModalInfo }));
    }
  );
};
//

exports.default = ErrorModal;
//# sourceMappingURL=ErrorModal.js.map