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
    };
  },
  render: function render() {
    var s = this;
    var props = s.props;
    var normalColor = props.normalColor;
    var infoColor = props.infoColor;
    var warnColor = props.warnColor;
    var errorColor = props.errorColor;


    var data = {
      '.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'
      }
    };
    var smallMediaData = {};
    var mediumMediaData = {};
    var largeMediaData = {};
    return _react2.default.createElement(
      _apemanReactStyle.ApStyle,
      { data: Object.assign(data, props.style),
        smallMediaData: smallMediaData,
        mediumMediaData: mediumMediaData,
        largeMediaData: largeMediaData
      },
      props.children
    );
  }
});

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