UNPKG

10.4 kBJavaScriptView Raw
1/**
2 * Style for ApConfirmDialog.
3 * @class ApConfirmDialogStyle
4 */
5
6'use strict';
7
8Object.defineProperty(exports, "__esModule", {
9 value: true
10});
11
12var _react = require('react');
13
14var _react2 = _interopRequireDefault(_react);
15
16var _apemanReactStyle = require('apeman-react-style');
17
18function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
20/** @lends ApConfirmDialogStyle */
21var ApConfirmDialogStyle = _react2.default.createClass({
22 displayName: 'ApConfirmDialogStyle',
23
24 propTypes: {
25 style: _react.PropTypes.object,
26 buttonHeight: _react.PropTypes.number,
27 highlightColor: _react.PropTypes.string
28 },
29 getDefaultProps: function getDefaultProps() {
30 return {
31 style: {},
32 buttonHeight: 32,
33 highlightColor: _apemanReactStyle.ApStyle.DEFAULT_HIGHLIGHT_COLOR,
34 errorColor: _apemanReactStyle.ApStyle.ERROR_COLOR
35 };
36 },
37
38 statics: {
39 styleData: function styleData(config) {
40 var buttonHeight = config.buttonHeight;
41 var highlightColor = config.highlightColor;
42 var errorColor = config.errorColor;
43
44 var checkboxHeight = 32;
45 return {
46 all: {
47 '.ap-confirm-dialog .ap-dialog-body': {
48 paddingBottom: buttonHeight + 8 + 'px',
49 textAlign: 'center'
50 },
51 '.ap-confirm-dialog .ap-dialog-close-button-icon': {},
52 '.ap-confirm-dialog-control': {
53 display: 'block',
54 textAlign: 'center',
55 position: 'relative',
56 left: 0,
57 right: 0,
58 bottom: 0,
59 backgroundColor: 'rgba(255,255,255,0.9)',
60 padding: '16px 0'
61 },
62 '.ap-confirm-dialog-button': {
63 display: 'inline-block',
64 width: '80%',
65 textAlign: 'center',
66 border: '1px solid #EEE',
67 margin: '0 auto',
68 background: '' + highlightColor,
69 color: 'white',
70 boxSizing: 'border-box',
71 maxWidth: '320px'
72 },
73 '.ap-confirm-dialog-button-disabled, .ap-confirm-dialog-button-disabled:hover, .ap-confirm-dialog-button-disabled:active': {
74 cursor: 'default',
75 boxShadow: 'none',
76 color: '#888',
77 borderColor: '#888',
78 backgroundColor: '#F0F0F0'
79 },
80 '.ap-confirm-dialog-checkbox': {
81 margin: '8px auto',
82 lineHeight: checkboxHeight + 'px',
83 textAlign: 'left'
84 },
85 '.ap-confirm-dialog-checkbox i:before': {
86 lineHeight: checkboxHeight + 'px'
87 },
88 '.ap-confirm-dialog-message': {
89 fontSize: 'smaller',
90 padding: '16px 0'
91 },
92 '.ap-confirm-dialog-err': {
93 fontSize: 'smaller',
94 textAlign: 'center',
95 color: '' + errorColor,
96 fontStyle: 'italic'
97 }
98 },
99 small: {},
100 medium: {},
101 large: {}
102 };
103 }
104 },
105 render: function render() {
106 var s = this;
107 var props = s.props;
108
109 var _ApConfirmDialogStyle = ApConfirmDialogStyle.styleData(props);
110
111 var all = _ApConfirmDialogStyle.all;
112 var small = _ApConfirmDialogStyle.small;
113 var medium = _ApConfirmDialogStyle.medium;
114 var large = _ApConfirmDialogStyle.large;
115
116
117 return _react2.default.createElement(
118 _apemanReactStyle.ApStyle,
119 { data: Object.assign(all, props.style),
120 smallMediaData: small,
121 mediumMediaData: medium,
122 largeMediaData: large
123 },
124 props.children
125 );
126 }
127});
128
129exports.default = ApConfirmDialogStyle;
130//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX2NvbmZpcm1fZGlhbG9nX3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUtBOzs7Ozs7QUFFQTs7OztBQUNBOzs7OztBQUdBLElBQU0sdUJBQXVCLGdCQUFNLFdBQU4sQ0FBa0I7QUFBQTs7QUFDN0MsYUFBVztBQUNULFdBQU8saUJBQU0sTUFESjtBQUVULGtCQUFjLGlCQUFNLE1BRlg7QUFHVCxvQkFBZ0IsaUJBQU07QUFIYixHQURrQztBQU03QyxpQkFONkMsNkJBTTFCO0FBQ2pCLFdBQU87QUFDTCxhQUFPLEVBREY7QUFFTCxvQkFBYyxFQUZUO0FBR0wsc0JBQWdCLDBCQUFRLHVCQUhuQjtBQUlMLGtCQUFZLDBCQUFRO0FBSmYsS0FBUDtBQU1ELEdBYjRDOztBQWM3QyxXQUFTO0FBQ1AsYUFETyxxQkFDSSxNQURKLEVBQ1k7QUFBQSxVQUVmLFlBRmUsR0FLYixNQUxhLENBRWYsWUFGZTtBQUFBLFVBR2YsY0FIZSxHQUtiLE1BTGEsQ0FHZixjQUhlO0FBQUEsVUFJZixVQUplLEdBS2IsTUFMYSxDQUlmLFVBSmU7O0FBTWpCLFVBQUksaUJBQWlCLEVBQXJCO0FBQ0EsYUFBTztBQUNMLGFBQUs7QUFDSCxnREFBc0M7QUFDcEMsMkJBQWtCLGVBQWUsQ0FBakMsT0FEb0M7QUFFcEMsdUJBQVc7QUFGeUIsV0FEbkM7QUFLSCw2REFBbUQsRUFMaEQ7QUFNSCx3Q0FBOEI7QUFDNUIscUJBQVMsT0FEbUI7QUFFNUIsdUJBQVcsUUFGaUI7QUFHNUIsc0JBQVUsVUFIa0I7QUFJNUIsa0JBQU0sQ0FKc0I7QUFLNUIsbUJBQU8sQ0FMcUI7QUFNNUIsb0JBQVEsQ0FOb0I7QUFPNUIsb0RBUDRCO0FBUTVCO0FBUjRCLFdBTjNCO0FBZ0JILHVDQUE2QjtBQUMzQixxQkFBUyxjQURrQjtBQUUzQix3QkFGMkI7QUFHM0IsdUJBQVcsUUFIZ0I7QUFJM0Isb0NBSjJCO0FBSzNCLDRCQUwyQjtBQU0zQiw2QkFBZSxjQU5ZO0FBTzNCLG1CQUFPLE9BUG9CO0FBUTNCLG1DQVIyQjtBQVMzQjtBQVQyQixXQWhCMUI7QUEyQkgscUlBQTJIO0FBQ3pILDZCQUR5SDtBQUV6SCx1QkFBVyxNQUY4RztBQUd6SCx5QkFIeUg7QUFJekgsK0JBSnlIO0FBS3pIO0FBTHlILFdBM0J4SDtBQWtDSCx5Q0FBK0I7QUFDN0IsOEJBRDZCO0FBRTdCLHdCQUFlLGNBQWYsT0FGNkI7QUFHN0IsdUJBQVc7QUFIa0IsV0FsQzVCO0FBdUNILGtEQUF3QztBQUN0Qyx3QkFBZSxjQUFmO0FBRHNDLFdBdkNyQztBQTBDSCx3Q0FBOEI7QUFDNUIsK0JBRDRCO0FBRTVCO0FBRjRCLFdBMUMzQjtBQThDSCxvQ0FBMEI7QUFDeEIsK0JBRHdCO0FBRXhCLHVCQUFXLFFBRmE7QUFHeEIsd0JBQVUsVUFIYztBQUl4QjtBQUp3QjtBQTlDdkIsU0FEQTtBQXNETCxlQUFPLEVBdERGO0FBdURMLGdCQUFRLEVBdkRIO0FBd0RMLGVBQU87QUF4REYsT0FBUDtBQTBERDtBQWxFTSxHQWRvQztBQWtGN0MsUUFsRjZDLG9CQWtGbkM7QUFDUixRQUFNLElBQUksSUFBVjtBQURRLFFBRUYsS0FGRSxHQUVRLENBRlIsQ0FFRixLQUZFOztBQUFBLGdDQUk0QixxQkFBcUIsU0FBckIsQ0FBK0IsS0FBL0IsQ0FKNUI7O0FBQUEsUUFJRixHQUpFLHlCQUlGLEdBSkU7QUFBQSxRQUlHLEtBSkgseUJBSUcsS0FKSDtBQUFBLFFBSVUsTUFKVix5QkFJVSxNQUpWO0FBQUEsUUFJa0IsS0FKbEIseUJBSWtCLEtBSmxCOzs7QUFNUixXQUNFO0FBQUE7TUFBQSxFQUFTLE1BQU8sT0FBTyxNQUFQLENBQWMsR0FBZCxFQUFtQixNQUFNLEtBQXpCLENBQWhCO0FBQ1Msd0JBQWlCLEtBRDFCO0FBRVMseUJBQWtCLE1BRjNCO0FBR1Msd0JBQWlCO0FBSDFCO01BSUcsTUFBTTtBQUpULEtBREY7QUFPRDtBQS9GNEMsQ0FBbEIsQ0FBN0I7O2tCQWtHZSxvQiIsImZpbGUiOiJhcF9jb25maXJtX2RpYWxvZ19zdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LWRpYWxvZy9saWIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFN0eWxlIGZvciBBcENvbmZpcm1EaWFsb2cuXG4gKiBAY2xhc3MgQXBDb25maXJtRGlhbG9nU3R5bGVcbiAqL1xuXG4ndXNlIHN0cmljdCdcblxuaW1wb3J0IFJlYWN0LCB7UHJvcFR5cGVzIGFzIHR5cGVzfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7QXBTdHlsZX0gZnJvbSAnYXBlbWFuLXJlYWN0LXN0eWxlJ1xuXG4vKiogQGxlbmRzIEFwQ29uZmlybURpYWxvZ1N0eWxlICovXG5jb25zdCBBcENvbmZpcm1EaWFsb2dTdHlsZSA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgcHJvcFR5cGVzOiB7XG4gICAgc3R5bGU6IHR5cGVzLm9iamVjdCxcbiAgICBidXR0b25IZWlnaHQ6IHR5cGVzLm51bWJlcixcbiAgICBoaWdobGlnaHRDb2xvcjogdHlwZXMuc3RyaW5nXG4gIH0sXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0eWxlOiB7fSxcbiAgICAgIGJ1dHRvbkhlaWdodDogMzIsXG4gICAgICBoaWdobGlnaHRDb2xvcjogQXBTdHlsZS5ERUZBVUxUX0hJR0hMSUdIVF9DT0xPUixcbiAgICAgIGVycm9yQ29sb3I6IEFwU3R5bGUuRVJST1JfQ09MT1JcbiAgICB9XG4gIH0sXG4gIHN0YXRpY3M6IHtcbiAgICBzdHlsZURhdGEgKGNvbmZpZykge1xuICAgICAgbGV0IHtcbiAgICAgICAgYnV0dG9uSGVpZ2h0LFxuICAgICAgICBoaWdobGlnaHRDb2xvcixcbiAgICAgICAgZXJyb3JDb2xvclxuICAgICAgfSA9IGNvbmZpZ1xuICAgICAgbGV0IGNoZWNrYm94SGVpZ2h0ID0gMzJcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGFsbDoge1xuICAgICAgICAgICcuYXAtY29uZmlybS1kaWFsb2cgLmFwLWRpYWxvZy1ib2R5Jzoge1xuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogYCR7YnV0dG9uSGVpZ2h0ICsgOH1weGAsXG4gICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nIC5hcC1kaWFsb2ctY2xvc2UtYnV0dG9uLWljb24nOiB7fSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWNvbnRyb2wnOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICAgICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICAgICAgbGVmdDogMCxcbiAgICAgICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgcmdiYSgyNTUsMjU1LDI1NSwwLjkpYCxcbiAgICAgICAgICAgIHBhZGRpbmc6IGAxNnB4IDBgXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWJ1dHRvbic6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgICAgd2lkdGg6IGA4MCVgLFxuICAgICAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAjRUVFYCxcbiAgICAgICAgICAgIG1hcmdpbjogYDAgYXV0b2AsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBgJHtoaWdobGlnaHRDb2xvcn1gLFxuICAgICAgICAgICAgY29sb3I6ICd3aGl0ZScsXG4gICAgICAgICAgICBib3hTaXppbmc6IGBib3JkZXItYm94YCxcbiAgICAgICAgICAgIG1heFdpZHRoOiBgMzIwcHhgXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWJ1dHRvbi1kaXNhYmxlZCwgLmFwLWNvbmZpcm0tZGlhbG9nLWJ1dHRvbi1kaXNhYmxlZDpob3ZlciwgLmFwLWNvbmZpcm0tZGlhbG9nLWJ1dHRvbi1kaXNhYmxlZDphY3RpdmUnOiB7XG4gICAgICAgICAgICBjdXJzb3I6IGBkZWZhdWx0YCxcbiAgICAgICAgICAgIGJveFNoYWRvdzogJ25vbmUnLFxuICAgICAgICAgICAgY29sb3I6IGAjODg4YCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiBgIzg4OGAsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAjRjBGMEYwYFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC1jb25maXJtLWRpYWxvZy1jaGVja2JveCc6IHtcbiAgICAgICAgICAgIG1hcmdpbjogYDhweCBhdXRvYCxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6IGAke2NoZWNrYm94SGVpZ2h0fXB4YCxcbiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWNoZWNrYm94IGk6YmVmb3JlJzoge1xuICAgICAgICAgICAgbGluZUhlaWdodDogYCR7Y2hlY2tib3hIZWlnaHR9cHhgXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLW1lc3NhZ2UnOiB7XG4gICAgICAgICAgICBmb250U2l6ZTogYHNtYWxsZXJgLFxuICAgICAgICAgICAgcGFkZGluZzogYDE2cHggMGBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtY29uZmlybS1kaWFsb2ctZXJyJzoge1xuICAgICAgICAgICAgZm9udFNpemU6IGBzbWFsbGVyYCxcbiAgICAgICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gICAgICAgICAgICBjb2xvcjogYCR7ZXJyb3JDb2xvcn1gLFxuICAgICAgICAgICAgZm9udFN0eWxlOiBgaXRhbGljYFxuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgc21hbGw6IHt9LFxuICAgICAgICBtZWRpdW06IHt9LFxuICAgICAgICBsYXJnZToge31cbiAgICAgIH1cbiAgICB9XG4gIH0sXG4gIHJlbmRlciAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuXG4gICAgbGV0IHsgYWxsLCBzbWFsbCwgbWVkaXVtLCBsYXJnZSB9ID0gQXBDb25maXJtRGlhbG9nU3R5bGUuc3R5bGVEYXRhKHByb3BzKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxBcFN0eWxlIGRhdGE9eyBPYmplY3QuYXNzaWduKGFsbCwgcHJvcHMuc3R5bGUpIH1cbiAgICAgICAgICAgICAgIHNtYWxsTWVkaWFEYXRhPXsgc21hbGwgfVxuICAgICAgICAgICAgICAgbWVkaXVtTWVkaWFEYXRhPXsgbWVkaXVtIH1cbiAgICAgICAgICAgICAgIGxhcmdlTWVkaWFEYXRhPXsgbGFyZ2UgfVxuICAgICAgPnsgcHJvcHMuY2hpbGRyZW4gfTwvQXBTdHlsZT5cbiAgICApXG4gIH1cbn0pXG5cbmV4cG9ydCBkZWZhdWx0IEFwQ29uZmlybURpYWxvZ1N0eWxlXG4iXX0=
\No newline at end of file