apeman-react-toast/lib/ap_toast_style.js

apeman react package for toast components.

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

"use strict";

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: {
        scoped: _react.PropTypes.bool,
        style: _react.PropTypes.object,
        normalColor: _react.PropTypes.string,
        infoColor: _react.PropTypes.string,
        warnColor: _react.PropTypes.string,
        errorColor: _react.PropTypes.string
    },
    getDefaultProps: function getDefaultProps() {
        return {
            scoped: false,
            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,
            props = s.props;

        var normalColor = props.normalColor,
            infoColor = props.infoColor,
            warnColor = props.warnColor,
            errorColor = props.errorColor;

        var data = {
            '.ap-toast-group': {
                position: 'fixed',
                height: '1px',
                top: 'initial',
                left: 0,
                bottom: 24,
                right: 0,
                textAlign: 'center',
                padding: '4px 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'
            }
        },
            smallMediaData = {},
            mediumMediaData = {},
            largeMediaData = {};
        return _react2.default.createElement(
            _apemanReactStyle.ApStyle,
            { scoped: props.scoped,
                data: Object.assign(data, props.style),
                smallMediaData: smallMediaData,
                mediumMediaData: mediumMediaData,
                largeMediaData: largeMediaData
            },
            props.children
        );
    }
});

module.exports = ApToastStyle;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX3RvYXN0X3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUtBOzs7Ozs7Ozs7Ozs7Ozs7QUFPQSxJQUFJLGVBQWUsZ0JBQU0sV0FBTixDQUFrQjs7O0FBQ2pDLGVBQVc7QUFDUCxnQkFBUSxpQkFBTSxJQUFOO0FBQ1IsZUFBTyxpQkFBTSxNQUFOO0FBQ1AscUJBQWEsaUJBQU0sTUFBTjtBQUNiLG1CQUFXLGlCQUFNLE1BQU47QUFDWCxtQkFBVyxpQkFBTSxNQUFOO0FBQ1gsb0JBQVksaUJBQU0sTUFBTjtLQU5oQjtBQVFBLGdEQUFrQjtBQUNkLGVBQU87QUFDSCxvQkFBUSxLQUFSO0FBQ0EsbUJBQU8sRUFBUDtBQUNBLHlCQUFhLDBCQUFRLFlBQVI7QUFDYix1QkFBVywwQkFBUSxVQUFSO0FBQ1gsdUJBQVcsMEJBQVEsVUFBUjtBQUNYLHdCQUFZLDBCQUFRLFdBQVI7U0FOaEIsQ0FEYztLQVRlO0FBbUJqQyw4QkFBUztBQUNMLFlBQUksSUFBSSxJQUFKO1lBQ0EsUUFBUSxFQUFFLEtBQUYsQ0FGUDs7QUFJTCxZQUFJLGNBQWMsTUFBTSxXQUFOO1lBQ2QsWUFBWSxNQUFNLFNBQU47WUFDWixZQUFZLE1BQU0sU0FBTjtZQUNaLGFBQWEsTUFBTSxVQUFOLENBUFo7O0FBU0wsWUFBSSxPQUFPO0FBQ0gsK0JBQW1CO0FBQ2YsaUNBRGU7QUFFZiw2QkFGZTtBQUdmLDhCQUhlO0FBSWYsc0JBQU0sQ0FBTjtBQUNBLHdCQUFRLEVBQVI7QUFDQSx1QkFBTyxDQUFQO0FBQ0EsbUNBUGU7QUFRZixnQ0FSZTtBQVNmLHdCQUFRLEVBQVI7QUFDQSwrQkFWZTtBQVdmLHVDQVhlO0FBWWYsMENBWmU7YUFBbkI7QUFjQSx5QkFBYTtBQUNULGdDQURTO0FBRVQsZ0NBRlM7YUFBYjtBQUlBLCtCQUFtQjtBQUNmLGtDQURlO0FBRWYsaUNBRmU7QUFHZix1Q0FIZTtBQUlmLGlDQUplO0FBS2YsOEJBTGU7QUFNZix5REFOZTtBQU9mLDREQVBlO0FBUWYsNEJBQVUsV0FBVjtBQUNBLHVDQUFxQixXQUFyQjtBQUNBLGdDQVZlO0FBV2YsOEJBWGU7QUFZZixtQ0FaZTthQUFuQjtBQWNBLDhCQUFrQjtBQUNkLGdDQURjO0FBRWQsZ0NBRmM7YUFBbEI7QUFJQSxxQ0FBeUI7QUFDckIseUJBQVMsR0FBVDthQURKO0FBR0EsOENBQWtDO0FBQzlCLDRCQUFVLFNBQVY7QUFDQSxrQ0FBZ0IsU0FBaEI7YUFGSjtBQUlBLDhDQUFrQztBQUM5Qiw0QkFBVSxTQUFWO0FBQ0Esa0NBQWdCLFNBQWhCO2FBRko7QUFJQSwrQ0FBbUM7QUFDL0IsNEJBQVUsVUFBVjtBQUNBLGtDQUFnQixVQUFoQjthQUZKO0FBSUEsbUNBQXVCO0FBQ25CLHVDQURtQjtBQUVuQixxQ0FGbUI7YUFBdkI7QUFJQSw4QkFBa0I7QUFDZCx1Q0FEYztBQUVkLHFDQUZjO0FBR2QsK0JBSGM7QUFJZCxpQ0FKYzthQUFsQjtTQXhESjtZQStEQSxpQkFBaUIsRUFBakI7WUFDQSxrQkFBa0IsRUFBbEI7WUFDQSxpQkFBaUIsRUFBakIsQ0ExRUM7QUEyRUwsZUFDSTs7Y0FBUyxRQUFRLE1BQU0sTUFBTjtBQUNSLHNCQUFNLE9BQU8sTUFBUCxDQUFjLElBQWQsRUFBb0IsTUFBTSxLQUFOLENBQTFCO0FBQ0EsZ0NBQWdCLGNBQWhCO0FBQ0EsaUNBQWlCLGVBQWpCO0FBQ0EsZ0NBQWdCLGNBQWhCO2FBSlQ7WUFLRSxNQUFNLFFBQU47U0FOTixDQTNFSztLQW5Cd0I7Q0FBbEIsQ0FBZjs7QUF5R0osT0FBTyxPQUFQLEdBQWlCLFlBQWpCIiwiZmlsZSI6ImFwX3RvYXN0X3N0eWxlLmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9va3VuaXNoaW5pc2hpL1Byb2plY3RzL2FwZW1hbi1wcm9qZWN0cy9hcGVtYW4tcmVhY3QtdG9hc3QvbGliIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTdHlsZSBmb3IgQXBUb2FzdC5cbiAqIEBjb25zdHJ1Y3RvciBBcFRvYXN0U3R5bGVcbiAqL1xuXG5cInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IFJlYWN0LCB7UHJvcFR5cGVzIGFzIHR5cGVzfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7QXBTdHlsZX0gZnJvbSAnYXBlbWFuLXJlYWN0LXN0eWxlJztcblxuLyoqIEBsZW5kcyBBcFRvYXN0U3R5bGUgKi9cbmxldCBBcFRvYXN0U3R5bGUgPSBSZWFjdC5jcmVhdGVDbGFzcyh7XG4gICAgcHJvcFR5cGVzOiB7XG4gICAgICAgIHNjb3BlZDogdHlwZXMuYm9vbCxcbiAgICAgICAgc3R5bGU6IHR5cGVzLm9iamVjdCxcbiAgICAgICAgbm9ybWFsQ29sb3I6IHR5cGVzLnN0cmluZyxcbiAgICAgICAgaW5mb0NvbG9yOiB0eXBlcy5zdHJpbmcsXG4gICAgICAgIHdhcm5Db2xvcjogdHlwZXMuc3RyaW5nLFxuICAgICAgICBlcnJvckNvbG9yOiB0eXBlcy5zdHJpbmdcbiAgICB9LFxuICAgIGdldERlZmF1bHRQcm9wcygpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHNjb3BlZDogZmFsc2UsXG4gICAgICAgICAgICBzdHlsZToge30sXG4gICAgICAgICAgICBub3JtYWxDb2xvcjogQXBTdHlsZS5OT1JNQUxfQ09MT1IsXG4gICAgICAgICAgICBpbmZvQ29sb3I6IEFwU3R5bGUuSU5GT19DT0xPUixcbiAgICAgICAgICAgIHdhcm5Db2xvcjogQXBTdHlsZS5XQVJOX0NPTE9SLFxuICAgICAgICAgICAgZXJyb3JDb2xvcjogQXBTdHlsZS5FUlJPUl9DT0xPUlxuICAgICAgICB9XG4gICAgfSxcbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGxldCBzID0gdGhpcyxcbiAgICAgICAgICAgIHByb3BzID0gcy5wcm9wcztcblxuICAgICAgICBsZXQgbm9ybWFsQ29sb3IgPSBwcm9wcy5ub3JtYWxDb2xvcixcbiAgICAgICAgICAgIGluZm9Db2xvciA9IHByb3BzLmluZm9Db2xvcixcbiAgICAgICAgICAgIHdhcm5Db2xvciA9IHByb3BzLndhcm5Db2xvcixcbiAgICAgICAgICAgIGVycm9yQ29sb3IgPSBwcm9wcy5lcnJvckNvbG9yO1xuXG4gICAgICAgIGxldCBkYXRhID0ge1xuICAgICAgICAgICAgICAgICcuYXAtdG9hc3QtZ3JvdXAnOiB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBgZml4ZWRgLFxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IGAxcHhgLFxuICAgICAgICAgICAgICAgICAgICB0b3A6IGBpbml0aWFsYCxcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcbiAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAyNCxcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogYGNlbnRlcmAsXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IGA0cHggMGAsXG4gICAgICAgICAgICAgICAgICAgIHpJbmRleDogNDksXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogYGNvbHVtbmAsXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBgZmxleC1lbmRgXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLXRvYXN0Jzoge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBgYmxvY2tgLFxuICAgICAgICAgICAgICAgICAgICBtYXJnaW46IGAwIGF1dG9gXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLXRvYXN0LWlubmVyJzoge1xuICAgICAgICAgICAgICAgICAgICBtYXJnaW46IGA0cHggYXV0b2AsXG4gICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiBgNDIwcHhgLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBgaW5saW5lLWJsb2NrYCxcbiAgICAgICAgICAgICAgICAgICAgdGV4dEFsaWduOiBgbGVmdGAsXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IGA0cHhgLFxuICAgICAgICAgICAgICAgICAgICBib3hTaGFkb3c6IGAycHggMnB4IDRweCByZ2JhKDAsMCwwLDAuMzMpYCxcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjk1KWAsXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBgJHtub3JtYWxDb2xvcn1gLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXI6IGA0cHggc29saWQgJHtub3JtYWxDb2xvcn1gLFxuICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogYDE0cHhgLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogYDI0MHB4YCxcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBgMnB4YFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgJy5hcC10b2FzdC1pdGVtJzoge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBgYmxvY2tgLFxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiBgMnB4IDBgXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLXRvYXN0LWl0ZW06YWN0aXZlJzoge1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLjhcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICcuYXAtaW5mby10b2FzdCAuYXAtdG9hc3QtaW5uZXInOiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBgJHtpbmZvQ29sb3J9YCxcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGAke2luZm9Db2xvcn1gXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLXdhcm4tdG9hc3QgLmFwLXRvYXN0LWlubmVyJzoge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogYCR7d2FybkNvbG9yfWAsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBgJHt3YXJuQ29sb3J9YFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgJy5hcC1lcnJvci10b2FzdCAuYXAtdG9hc3QtaW5uZXInOiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBgJHtlcnJvckNvbG9yfWAsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBgJHtlcnJvckNvbG9yfWBcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICcuYXAtdG9hc3QtaXRlbS1pY29uJzoge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBgaW5saW5lLWJsb2NrYCxcbiAgICAgICAgICAgICAgICAgICAgcG9pbnRlckV2ZW50czogYG5vbmVgXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLXRvYXN0LXRleHQnOiB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGBpbmxpbmUtYmxvY2tgLFxuICAgICAgICAgICAgICAgICAgICBwb2ludGVyRXZlbnRzOiBgbm9uZWAsXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbjogYDAgMnB4YCxcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBgZGVmYXVsdGBcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgc21hbGxNZWRpYURhdGEgPSB7fSxcbiAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YSA9IHt9LFxuICAgICAgICAgICAgbGFyZ2VNZWRpYURhdGEgPSB7fTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxBcFN0eWxlIHNjb3BlZD17cHJvcHMuc2NvcGVkfVxuICAgICAgICAgICAgICAgICAgICAgZGF0YT17T2JqZWN0LmFzc2lnbihkYXRhLCBwcm9wcy5zdHlsZSl9XG4gICAgICAgICAgICAgICAgICAgICBzbWFsbE1lZGlhRGF0YT17c21hbGxNZWRpYURhdGF9XG4gICAgICAgICAgICAgICAgICAgICBtZWRpdW1NZWRpYURhdGE9e21lZGl1bU1lZGlhRGF0YX1cbiAgICAgICAgICAgICAgICAgICAgIGxhcmdlTWVkaWFEYXRhPXtsYXJnZU1lZGlhRGF0YX1cbiAgICAgICAgICAgID57cHJvcHMuY2hpbGRyZW59PC9BcFN0eWxlPlxuICAgICAgICApO1xuICAgIH1cbn0pO1xuXG5tb2R1bGUuZXhwb3J0cyA9IEFwVG9hc3RTdHlsZTtcbiJdfQ==