apeman-react-toast/lib/ap_toast_style.js

/**
 * Style for ApToast.
 * @class ApToastStyle
 */

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _apemanReactStyle = require('apeman-react-style');

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

/** @lends ApToastStyle */
var ApToastStyle = _react2.default.createClass({
  displayName: 'ApToastStyle',

  propTypes: {
    style: _react.PropTypes.object,
    normalColor: _react.PropTypes.string,
    infoColor: _react.PropTypes.string,
    warnColor: _react.PropTypes.string,
    errorColor: _react.PropTypes.string
  },
  getDefaultProps: function getDefaultProps() {
    return {
      style: {},
      normalColor: _apemanReactStyle.ApStyle.NORMAL_COLOR,
      infoColor: _apemanReactStyle.ApStyle.INFO_COLOR,
      warnColor: _apemanReactStyle.ApStyle.WARN_COLOR,
      errorColor: _apemanReactStyle.ApStyle.ERROR_COLOR
    };
  },

  statics: {
    styleData: function styleData(config) {
      var normalColor = config.normalColor;
      var infoColor = config.infoColor;
      var warnColor = config.warnColor;
      var errorColor = config.errorColor;

      return {
        all: {
          '.ap-toast-group': {
            position: 'fixed',
            height: 0,
            top: 'initial',
            overflow: 'visible',
            left: 0,
            bottom: 24,
            right: 0,
            textAlign: 'center',
            padding: 0,
            zIndex: 49,
            display: 'flex',
            flexDirection: 'column',
            justifyContent: 'flex-end'
          },
          '.ap-toast': {
            display: 'block',
            margin: '0 auto'
          },
          '.ap-toast-inner': {
            margin: '4px auto',
            maxWidth: '420px',
            display: 'inline-block',
            textAlign: 'left',
            padding: '4px',
            boxShadow: '2px 2px 4px rgba(0,0,0,0.33)',
            backgroundColor: 'rgba(255, 255, 255, 0.95)',
            color: '' + normalColor,
            border: '4px solid ' + normalColor,
            fontSize: '14px',
            width: '240px',
            borderRadius: '2px'
          },
          '.ap-toast-item': {
            display: 'block',
            padding: '2px 0'
          },
          '.ap-toast-item:active': {
            opacity: 0.8
          },
          '.ap-info-toast .ap-toast-inner': {
            color: '' + infoColor,
            borderColor: '' + infoColor
          },
          '.ap-warn-toast .ap-toast-inner': {
            color: '' + warnColor,
            borderColor: '' + warnColor
          },
          '.ap-error-toast .ap-toast-inner': {
            color: '' + errorColor,
            borderColor: '' + errorColor
          },
          '.ap-toast-item-icon': {
            display: 'inline-block',
            pointerEvents: 'none'
          },
          '.ap-toast-text': {
            display: 'inline-block',
            pointerEvents: 'none',
            margin: '0 2px',
            cursor: 'default'
          }
        }
      };
    }
  },
  render: function render() {
    var s = this;
    var props = s.props;

    var _ApToastStyle$styleDa = ApToastStyle.styleData(props);

    var all = _ApToastStyle$styleDa.all;
    var small = _ApToastStyle$styleDa.small;
    var medium = _ApToastStyle$styleDa.medium;
    var large = _ApToastStyle$styleDa.large;


    return _react2.default.createElement(
      _apemanReactStyle.ApStyle,
      { data: Object.assign(all, props.style),
        smallMediaData: small,
        mediumMediaData: medium,
        largeMediaData: large
      },
      props.children
    );
  }
});

exports.default = ApToastStyle;
//# sourceMappingURL=data:application/json;base64,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LE1BQU0sS0FBekIsQ0FBaEI7QUFDUyx3QkFBaUIsS0FEMUI7QUFFUyx5QkFBa0IsTUFGM0I7QUFHUyx3QkFBaUI7QUFIMUI7TUFJRyxNQUFNO0FBSlQsS0FERjtBQU9EO0FBM0dvQyxDQUFsQixDQUFyQjs7a0JBOEdlLFkiLCJmaWxlIjoiYXBfdG9hc3Rfc3R5bGUuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL29rdW5pc2hpbmlzaGkvUHJvamVjdHMvYXBlbWFuLXByb2plY3RzL2FwZW1hbi1yZWFjdC10b2FzdC9saWIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFN0eWxlIGZvciBBcFRvYXN0LlxuICogQGNsYXNzIEFwVG9hc3RTdHlsZVxuICovXG5cbid1c2Ugc3RyaWN0J1xuXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7QXBTdHlsZX0gZnJvbSAnYXBlbWFuLXJlYWN0LXN0eWxlJ1xuXG4vKiogQGxlbmRzIEFwVG9hc3RTdHlsZSAqL1xuY29uc3QgQXBUb2FzdFN0eWxlID0gUmVhY3QuY3JlYXRlQ2xhc3Moe1xuICBwcm9wVHlwZXM6IHtcbiAgICBzdHlsZTogdHlwZXMub2JqZWN0LFxuICAgIG5vcm1hbENvbG9yOiB0eXBlcy5zdHJpbmcsXG4gICAgaW5mb0NvbG9yOiB0eXBlcy5zdHJpbmcsXG4gICAgd2FybkNvbG9yOiB0eXBlcy5zdHJpbmcsXG4gICAgZXJyb3JDb2xvcjogdHlwZXMuc3RyaW5nXG4gIH0sXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0eWxlOiB7fSxcbiAgICAgIG5vcm1hbENvbG9yOiBBcFN0eWxlLk5PUk1BTF9DT0xPUixcbiAgICAgIGluZm9Db2xvcjogQXBTdHlsZS5JTkZPX0NPTE9SLFxuICAgICAgd2FybkNvbG9yOiBBcFN0eWxlLldBUk5fQ09MT1IsXG4gICAgICBlcnJvckNvbG9yOiBBcFN0eWxlLkVSUk9SX0NPTE9SXG4gICAgfVxuICB9LFxuICBzdGF0aWNzOiB7XG4gICAgc3R5bGVEYXRhIChjb25maWcpIHtcblxuICAgICAgbGV0IHtcbiAgICAgICAgbm9ybWFsQ29sb3IsXG4gICAgICAgIGluZm9Db2xvcixcbiAgICAgICAgd2FybkNvbG9yLFxuICAgICAgICBlcnJvckNvbG9yXG4gICAgICB9ID0gY29uZmlnXG4gICAgICByZXR1cm4ge1xuICAgICAgICBhbGw6IHtcbiAgICAgICAgICAnLmFwLXRvYXN0LWdyb3VwJzoge1xuICAgICAgICAgICAgcG9zaXRpb246ICdmaXhlZCcsXG4gICAgICAgICAgICBoZWlnaHQ6IDAsXG4gICAgICAgICAgICB0b3A6ICdpbml0aWFsJyxcbiAgICAgICAgICAgIG92ZXJmbG93OiAndmlzaWJsZScsXG4gICAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgICAgYm90dG9tOiAyNCxcbiAgICAgICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICB6SW5kZXg6IDQ5LFxuICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgICAgZmxleERpcmVjdGlvbjogYGNvbHVtbmAsXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogYGZsZXgtZW5kYFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC10b2FzdCc6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICBtYXJnaW46IGAwIGF1dG9gXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXRvYXN0LWlubmVyJzoge1xuICAgICAgICAgICAgbWFyZ2luOiBgNHB4IGF1dG9gLFxuICAgICAgICAgICAgbWF4V2lkdGg6IGA0MjBweGAsXG4gICAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnLFxuICAgICAgICAgICAgcGFkZGluZzogYDRweGAsXG4gICAgICAgICAgICBib3hTaGFkb3c6IGAycHggMnB4IDRweCByZ2JhKDAsMCwwLDAuMzMpYCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogYHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45NSlgLFxuICAgICAgICAgICAgY29sb3I6IGAke25vcm1hbENvbG9yfWAsXG4gICAgICAgICAgICBib3JkZXI6IGA0cHggc29saWQgJHtub3JtYWxDb2xvcn1gLFxuICAgICAgICAgICAgZm9udFNpemU6IGAxNHB4YCxcbiAgICAgICAgICAgIHdpZHRoOiBgMjQwcHhgLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBgMnB4YFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC10b2FzdC1pdGVtJzoge1xuICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgIHBhZGRpbmc6IGAycHggMGBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdG9hc3QtaXRlbTphY3RpdmUnOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLjhcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtaW5mby10b2FzdCAuYXAtdG9hc3QtaW5uZXInOiB7XG4gICAgICAgICAgICBjb2xvcjogYCR7aW5mb0NvbG9yfWAsXG4gICAgICAgICAgICBib3JkZXJDb2xvcjogYCR7aW5mb0NvbG9yfWBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtd2Fybi10b2FzdCAuYXAtdG9hc3QtaW5uZXInOiB7XG4gICAgICAgICAgICBjb2xvcjogYCR7d2FybkNvbG9yfWAsXG4gICAgICAgICAgICBib3JkZXJDb2xvcjogYCR7d2FybkNvbG9yfWBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtZXJyb3ItdG9hc3QgLmFwLXRvYXN0LWlubmVyJzoge1xuICAgICAgICAgICAgY29sb3I6IGAke2Vycm9yQ29sb3J9YCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiBgJHtlcnJvckNvbG9yfWBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdG9hc3QtaXRlbS1pY29uJzoge1xuICAgICAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZSdcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdG9hc3QtdGV4dCc6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICAgICAgbWFyZ2luOiAnMCAycHgnLFxuICAgICAgICAgICAgY3Vyc29yOiAnZGVmYXVsdCdcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH0sXG4gIHJlbmRlciAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuXG4gICAgbGV0IHsgYWxsLCBzbWFsbCwgbWVkaXVtLCBsYXJnZSB9ID0gQXBUb2FzdFN0eWxlLnN0eWxlRGF0YShwcm9wcylcblxuICAgIHJldHVybiAoXG4gICAgICA8QXBTdHlsZSBkYXRhPXsgT2JqZWN0LmFzc2lnbihhbGwsIHByb3BzLnN0eWxlKSB9XG4gICAgICAgICAgICAgICBzbWFsbE1lZGlhRGF0YT17IHNtYWxsIH1cbiAgICAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YT17IG1lZGl1bSB9XG4gICAgICAgICAgICAgICBsYXJnZU1lZGlhRGF0YT17IGxhcmdlIH1cbiAgICAgID57IHByb3BzLmNoaWxkcmVuIH08L0FwU3R5bGU+XG4gICAgKVxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBBcFRvYXN0U3R5bGVcbiJdfQ==