apeman-react-dialog/lib/ap_confirm_dialog_style.js

/**
 * Style for ApConfirmDialog.
 * @constructor ApConfirmDialogStyle
 */

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

    propTypes: {
        scoped: _react.PropTypes.bool,
        style: _react.PropTypes.object,
        buttonHeight: _react.PropTypes.number,
        highlightColor: _react.PropTypes.string
    },
    getDefaultProps: function getDefaultProps() {
        return {
            scoped: false,
            style: {},
            buttonHeight: 32,
            highlightColor: _apemanReactStyle.ApStyle.DEFAULT_HIGHLIGHT_COLOR,
            errorColor: _apemanReactStyle.ApStyle.ERROR_COLOR
        };
    },
    render: function render() {
        var s = this;
        var props = s.props;

        var buttonHeight = props.buttonHeight,
            highlightColor = props.highlightColor,
            errorColor = props.errorColor,
            checkboxHeight = 32;

        var data = {
            '.ap-confirm-dialog .ap-dialog-body': {
                paddingBottom: buttonHeight + 8 + 'px',
                textAlign: 'center'
            },
            '.ap-confirm-dialog .ap-dialog-close-button-icon': {},
            '.ap-confirm-dialog-control': {
                display: 'block',
                textAlign: 'center',
                position: 'relative',
                left: 0,
                right: 0,
                bottom: 0,
                backgroundColor: 'rgba(255,255,255,0.9)',
                padding: '16px 0'
            },
            '.ap-confirm-dialog-button': {
                display: 'inline-block',
                width: '80%',
                textAlign: 'center',
                border: '1px solid #EEE',
                margin: '0 auto',
                background: '' + highlightColor,
                color: 'white',
                boxSizing: 'border-box',
                maxWidth: '320px'
            },
            '.ap-confirm-dialog-button-disabled, .ap-confirm-dialog-button-disabled:hover, .ap-confirm-dialog-button-disabled:active': {
                cursor: 'default',
                boxShadow: 'none',
                color: '#888',
                borderColor: '#888',
                backgroundColor: '#F0F0F0'
            },
            '.ap-confirm-dialog-checkbox': {
                margin: '8px auto',
                lineHeight: checkboxHeight + 'px',
                textAlign: 'left'
            },
            '.ap-confirm-dialog-checkbox i:before': {
                lineHeight: checkboxHeight + 'px'
            },
            '.ap-confirm-dialog-message': {
                fontSize: 'smaller',
                padding: '16px 0'
            },
            '.ap-confirm-dialog-err': {
                fontSize: 'smaller',
                textAlign: 'center',
                color: '' + errorColor,
                fontStyle: 'italic'
            }
        },
            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 = ApConfirmDialogStyle;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX2NvbmZpcm1fZGlhbG9nX3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUtBOztBQUVBOzs7O0FBQ0E7Ozs7O0FBR0EsSUFBSSx1QkFBdUIsZ0JBQU0sV0FBTixDQUFrQjs7O0FBQ3pDLGVBQVc7QUFDUCxnQkFBUSxpQkFBTSxJQUFOO0FBQ1IsZUFBTyxpQkFBTSxNQUFOO0FBQ1Asc0JBQWMsaUJBQU0sTUFBTjtBQUNkLHdCQUFnQixpQkFBTSxNQUFOO0tBSnBCO0FBTUEsZ0RBQW1CO0FBQ2YsZUFBTztBQUNILG9CQUFRLEtBQVI7QUFDQSxtQkFBTyxFQUFQO0FBQ0EsMEJBQWMsRUFBZDtBQUNBLDRCQUFnQiwwQkFBUSx1QkFBUjtBQUNoQix3QkFBWSwwQkFBUSxXQUFSO1NBTGhCLENBRGU7S0FQc0I7QUFnQnpDLDhCQUFVO0FBQ0EsZ0JBQUksSUFBSixDQURBO1lBRUQsUUFBUyxFQUFULE1BRkM7O0FBSU4sWUFBSSxlQUFlLE1BQU0sWUFBTjtZQUNmLGlCQUFpQixNQUFNLGNBQU47WUFDakIsYUFBYSxNQUFNLFVBQU47WUFDYixpQkFBaUIsRUFBakIsQ0FQRTs7QUFTTixZQUFJLE9BQU87QUFDSCxrREFBc0M7QUFDbEMsK0JBQWtCLGVBQWUsQ0FBZixPQUFsQjtBQUNBLG1DQUZrQzthQUF0QztBQUlBLCtEQUFtRCxFQUFuRDtBQUNBLDBDQUE4QjtBQUMxQixnQ0FEMEI7QUFFMUIsbUNBRjBCO0FBRzFCLG9DQUgwQjtBQUkxQixzQkFBTSxDQUFOO0FBQ0EsdUJBQU8sQ0FBUDtBQUNBLHdCQUFRLENBQVI7QUFDQSx3REFQMEI7QUFRMUIsaUNBUjBCO2FBQTlCO0FBVUEseUNBQTZCO0FBQ3pCLHVDQUR5QjtBQUV6Qiw0QkFGeUI7QUFHekIsbUNBSHlCO0FBSXpCLHdDQUp5QjtBQUt6QixnQ0FMeUI7QUFNekIsaUNBQWUsY0FBZjtBQUNBLDhCQVB5QjtBQVF6Qix1Q0FSeUI7QUFTekIsaUNBVHlCO2FBQTdCO0FBV0EsdUlBQTJIO0FBQ3ZILGlDQUR1SDtBQUV2SCxpQ0FGdUg7QUFHdkgsNkJBSHVIO0FBSXZILG1DQUp1SDtBQUt2SCwwQ0FMdUg7YUFBM0g7QUFPQSwyQ0FBK0I7QUFDM0Isa0NBRDJCO0FBRTNCLDRCQUFlLHFCQUFmO0FBQ0EsaUNBSDJCO2FBQS9CO0FBS0Esb0RBQXdDO0FBQ3BDLDRCQUFlLHFCQUFmO2FBREo7QUFHQSwwQ0FBOEI7QUFDMUIsbUNBRDBCO0FBRTFCLGlDQUYwQjthQUE5QjtBQUlBLHNDQUEwQjtBQUN0QixtQ0FEc0I7QUFFdEIsbUNBRnNCO0FBR3RCLDRCQUFVLFVBQVY7QUFDQSxtQ0FKc0I7YUFBMUI7U0E5Q0o7WUFxREEsaUJBQWlCLEVBQWpCO1lBQ0Esa0JBQWtCLEVBQWxCO1lBQ0EsaUJBQWlCLEVBQWpCLENBaEVFO0FBaUVOLGVBQ0k7O2NBQVMsUUFBUyxNQUFNLE1BQU47QUFDVCxzQkFBTyxPQUFPLE1BQVAsQ0FBYyxJQUFkLEVBQW9CLE1BQU0sS0FBTixDQUEzQjtBQUNBLGdDQUFpQixjQUFqQjtBQUNBLGlDQUFrQixlQUFsQjtBQUNBLGdDQUFpQixjQUFqQjthQUpUO1lBS0csTUFBTSxRQUFOO1NBTlAsQ0FqRU07S0FoQitCO0NBQWxCLENBQXZCOztBQTRGSixPQUFPLE9BQVAsR0FBaUIsb0JBQWpCIiwiZmlsZSI6ImFwX2NvbmZpcm1fZGlhbG9nX3N0eWxlLmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9va3VuaXNoaW5pc2hpL1Byb2plY3RzL2FwZW1hbi1wcm9qZWN0cy9hcGVtYW4tcmVhY3QtZGlhbG9nL2xpYiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3R5bGUgZm9yIEFwQ29uZmlybURpYWxvZy5cbiAqIEBjb25zdHJ1Y3RvciBBcENvbmZpcm1EaWFsb2dTdHlsZVxuICovXG5cbid1c2Ugc3RyaWN0J1xuXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtBcFN0eWxlfSBmcm9tICdhcGVtYW4tcmVhY3Qtc3R5bGUnXG5cbi8qKiBAbGVuZHMgQXBDb25maXJtRGlhbG9nU3R5bGUgKi9cbmxldCBBcENvbmZpcm1EaWFsb2dTdHlsZSA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgICBwcm9wVHlwZXM6IHtcbiAgICAgICAgc2NvcGVkOiB0eXBlcy5ib29sLFxuICAgICAgICBzdHlsZTogdHlwZXMub2JqZWN0LFxuICAgICAgICBidXR0b25IZWlnaHQ6IHR5cGVzLm51bWJlcixcbiAgICAgICAgaGlnaGxpZ2h0Q29sb3I6IHR5cGVzLnN0cmluZ1xuICAgIH0sXG4gICAgZ2V0RGVmYXVsdFByb3BzICgpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHNjb3BlZDogZmFsc2UsXG4gICAgICAgICAgICBzdHlsZToge30sXG4gICAgICAgICAgICBidXR0b25IZWlnaHQ6IDMyLFxuICAgICAgICAgICAgaGlnaGxpZ2h0Q29sb3I6IEFwU3R5bGUuREVGQVVMVF9ISUdITElHSFRfQ09MT1IsXG4gICAgICAgICAgICBlcnJvckNvbG9yOiBBcFN0eWxlLkVSUk9SX0NPTE9SXG4gICAgICAgIH1cbiAgICB9LFxuICAgIHJlbmRlciAoKSB7XG4gICAgICAgIGNvbnN0IHMgPSB0aGlzLFxuICAgICAgICAgICAge3Byb3BzfSA9IHM7XG5cbiAgICAgICAgbGV0IGJ1dHRvbkhlaWdodCA9IHByb3BzLmJ1dHRvbkhlaWdodCxcbiAgICAgICAgICAgIGhpZ2hsaWdodENvbG9yID0gcHJvcHMuaGlnaGxpZ2h0Q29sb3IsXG4gICAgICAgICAgICBlcnJvckNvbG9yID0gcHJvcHMuZXJyb3JDb2xvcixcbiAgICAgICAgICAgIGNoZWNrYm94SGVpZ2h0ID0gMzI7XG5cbiAgICAgICAgbGV0IGRhdGEgPSB7XG4gICAgICAgICAgICAgICAgJy5hcC1jb25maXJtLWRpYWxvZyAuYXAtZGlhbG9nLWJvZHknOiB7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IGAke2J1dHRvbkhlaWdodCArIDh9cHhgLFxuICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246IGBjZW50ZXJgXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nIC5hcC1kaWFsb2ctY2xvc2UtYnV0dG9uLWljb24nOiB7fSxcbiAgICAgICAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWNvbnRyb2wnOiB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogYGNlbnRlcmAsXG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBgcmVsYXRpdmVgLFxuICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgICAgICAgICAgICByaWdodDogMCxcbiAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGByZ2JhKDI1NSwyNTUsMjU1LDAuOSlgLFxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiBgMTZweCAwYFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgJy5hcC1jb25maXJtLWRpYWxvZy1idXR0b24nOiB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGBpbmxpbmUtYmxvY2tgLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogYDgwJWAsXG4gICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogYGNlbnRlcmAsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAjRUVFYCxcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luOiBgMCBhdXRvYCxcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYCR7aGlnaGxpZ2h0Q29sb3J9YCxcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGB3aGl0ZWAsXG4gICAgICAgICAgICAgICAgICAgIGJveFNpemluZzogYGJvcmRlci1ib3hgLFxuICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogYDMyMHB4YFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgJy5hcC1jb25maXJtLWRpYWxvZy1idXR0b24tZGlzYWJsZWQsIC5hcC1jb25maXJtLWRpYWxvZy1idXR0b24tZGlzYWJsZWQ6aG92ZXIsIC5hcC1jb25maXJtLWRpYWxvZy1idXR0b24tZGlzYWJsZWQ6YWN0aXZlJzoge1xuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IGBkZWZhdWx0YCxcbiAgICAgICAgICAgICAgICAgICAgYm94U2hhZG93OiBgbm9uZWAsXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBgIzg4OGAsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBgIzg4OGAsXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogYCNGMEYwRjBgXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWNoZWNrYm94Jzoge1xuICAgICAgICAgICAgICAgICAgICBtYXJnaW46IGA4cHggYXV0b2AsXG4gICAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ6IGAke2NoZWNrYm94SGVpZ2h0fXB4YCxcbiAgICAgICAgICAgICAgICAgICAgdGV4dEFsaWduOiBgbGVmdGBcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICcuYXAtY29uZmlybS1kaWFsb2ctY2hlY2tib3ggaTpiZWZvcmUnOiB7XG4gICAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ6IGAke2NoZWNrYm94SGVpZ2h0fXB4YFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgJy5hcC1jb25maXJtLWRpYWxvZy1tZXNzYWdlJzoge1xuICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogYHNtYWxsZXJgLFxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiBgMTZweCAwYFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgJy5hcC1jb25maXJtLWRpYWxvZy1lcnInOiB7XG4gICAgICAgICAgICAgICAgICAgIGZvbnRTaXplOiBgc21hbGxlcmAsXG4gICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogYGNlbnRlcmAsXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBgJHtlcnJvckNvbG9yfWAsXG4gICAgICAgICAgICAgICAgICAgIGZvbnRTdHlsZTogYGl0YWxpY2BcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgc21hbGxNZWRpYURhdGEgPSB7fSxcbiAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YSA9IHt9LFxuICAgICAgICAgICAgbGFyZ2VNZWRpYURhdGEgPSB7fVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEFwU3R5bGUgc2NvcGVkPXsgcHJvcHMuc2NvcGVkIH1cbiAgICAgICAgICAgICAgICAgICAgIGRhdGE9eyBPYmplY3QuYXNzaWduKGRhdGEsIHByb3BzLnN0eWxlKSB9XG4gICAgICAgICAgICAgICAgICAgICBzbWFsbE1lZGlhRGF0YT17IHNtYWxsTWVkaWFEYXRhIH1cbiAgICAgICAgICAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YT17IG1lZGl1bU1lZGlhRGF0YSB9XG4gICAgICAgICAgICAgICAgICAgICBsYXJnZU1lZGlhRGF0YT17IGxhcmdlTWVkaWFEYXRhIH1cbiAgICAgICAgICAgID57IHByb3BzLmNoaWxkcmVuIH08L0FwU3R5bGU+XG4gICAgICAgIClcbiAgICB9XG59KVxuXG5tb2R1bGUuZXhwb3J0cyA9IEFwQ29uZmlybURpYWxvZ1N0eWxlO1xuIl19