@roo-ui/components/dist/Alert/Alert.js

'use strict';

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

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 _templateObject = _taggedTemplateLiteral([''], ['']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _cleanElement = require('clean-element');

var _cleanElement2 = _interopRequireDefault(_cleanElement);

var _ = require('..');

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

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

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

var CleanDiv = (0, _cleanElement2.default)('div');

var Base = function Base(_ref) {
  var children = _ref.children,
      icon = _ref.icon,
      onClose = _ref.onClose,
      contained = _ref.contained,
      props = _objectWithoutProperties(_ref, ['children', 'icon', 'onClose', 'contained']);

  var Wrapper = contained ? _.Container : _.Box;

  return _react2.default.createElement(
    CleanDiv,
    props,
    _react2.default.createElement(
      Wrapper,
      { px: contained ? undefined : 4 },
      _react2.default.createElement(
        _.Flex,
        { py: 4 },
        icon && _react2.default.createElement(
          _.Box,
          { pr: 3 },
          _react2.default.createElement(_.Icon, icon)
        ),
        _react2.default.createElement(
          _.Text,
          { mb: 0, textAlign: 'left' },
          children
        ),
        onClose && _react2.default.createElement(
          _.Box,
          { ml: 'auto', pl: 3 },
          _react2.default.createElement(
            _.NakedButton,
            { onClick: onClose },
            _react2.default.createElement(_.Icon, { name: 'close' })
          )
        )
      )
    )
  );
};

Base.propTypes = {
  children: _propTypes2.default.node.isRequired,
  icon: _propTypes2.default.shape(_.Icon.propTypes),
  contained: _propTypes2.default.bool,
  onClose: _propTypes2.default.func
};

Base.defaultProps = {
  contained: false,
  icon: null,
  onClose: null
};

var Alert = _.Box.withComponent(Base);
Alert.defaultProps = _extends({}, _.Box.defaultProps, {
  bg: 'grey.3',
  mb: 3
});

Alert.info = Alert.extend(_templateObject);
Alert.info.displayName = 'Alert';
Alert.info.defaultProps = _extends({}, Alert.defaultProps, {
  bg: 'ui.infoBackground',
  icon: {
    name: 'info',
    color: 'grey.0'
  }
});

Alert.success = Alert.extend(_templateObject);
Alert.success.displayName = 'Alert';
Alert.success.defaultProps = _extends({}, Alert.defaultProps, {
  bg: 'ui.successBackground',
  icon: {
    name: 'checkCircle',
    color: 'ui.success'
  }
});

Alert.error = Alert.extend(_templateObject);
Alert.error.displayName = 'Alert';
Alert.error.defaultProps = _extends({}, Alert.defaultProps, {
  bg: 'ui.errorBackground',
  icon: {
    name: 'warning',
    color: 'ui.error'
  }
});

exports.default = Alert;