1 | /**
|
2 | * Style for ApConfirmDialog.
|
3 | * @class ApConfirmDialogStyle
|
4 | */
|
5 |
|
6 | ;
|
7 |
|
8 | Object.defineProperty(exports, "__esModule", {
|
9 | value: true
|
10 | });
|
11 |
|
12 | var _react = require('react');
|
13 |
|
14 | var _react2 = _interopRequireDefault(_react);
|
15 |
|
16 | var _apemanReactStyle = require('apeman-react-style');
|
17 |
|
18 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19 |
|
20 | /** @lends ApConfirmDialogStyle */
|
21 | var 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 |
|
129 | exports.default = ApConfirmDialogStyle;
|
130 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX2NvbmZpcm1fZGlhbG9nX3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUtBOzs7Ozs7QUFFQTs7OztBQUNBOzs7OztBQUdBLElBQU0sdUJBQXVCLGdCQUFNLFdBQU4sQ0FBa0I7QUFBQTs7QUFDN0MsYUFBVztBQUNULFdBQU8saUJBQU0sTUFESjtBQUVULGtCQUFjLGlCQUFNLE1BRlg7QUFHVCxvQkFBZ0IsaUJBQU07QUFIYixHQURrQztBQU03QyxpQkFONkMsNkJBTTFCO0FBQ2pCLFdBQU87QUFDTCxhQUFPLEVBREY7QUFFTCxvQkFBYyxFQUZUO0FBR0wsc0JBQWdCLDBCQUFRLHVCQUhuQjtBQUlMLGtCQUFZLDBCQUFRO0FBSmYsS0FBUDtBQU1ELEdBYjRDOztBQWM3QyxXQUFTO0FBQ1AsYUFETyxxQkFDSSxNQURKLEVBQ1k7QUFBQSxVQUVmLFlBRmUsR0FLYixNQUxhLENBRWYsWUFGZTtBQUFBLFVBR2YsY0FIZSxHQUtiLE1BTGEsQ0FHZixjQUhlO0FBQUEsVUFJZixVQUplLEdBS2IsTUFMYSxDQUlmLFVBSmU7O0FBTWpCLFVBQUksaUJBQWlCLEVBQXJCO0FBQ0EsYUFBTztBQUNMLGFBQUs7QUFDSCxnREFBc0M7QUFDcEMsMkJBQWtCLGVBQWUsQ0FBakMsT0FEb0M7QUFFcEMsdUJBQVc7QUFGeUIsV0FEbkM7QUFLSCw2REFBbUQsRUFMaEQ7QUFNSCx3Q0FBOEI7QUFDNUIscUJBQVMsT0FEbUI7QUFFNUIsdUJBQVcsUUFGaUI7QUFHNUIsc0JBQVUsVUFIa0I7QUFJNUIsa0JBQU0sQ0FKc0I7QUFLNUIsbUJBQU8sQ0FMcUI7QUFNNUIsb0JBQVEsQ0FOb0I7QUFPNUIsb0RBUDRCO0FBUTVCO0FBUjRCLFdBTjNCO0FBZ0JILHVDQUE2QjtBQUMzQixxQkFBUyxjQURrQjtBQUUzQix3QkFGMkI7QUFHM0IsdUJBQVcsUUFIZ0I7QUFJM0Isb0NBSjJCO0FBSzNCLDRCQUwyQjtBQU0zQiw2QkFBZSxjQU5ZO0FBTzNCLG1CQUFPLE9BUG9CO0FBUTNCLG1DQVIyQjtBQVMzQjtBQVQyQixXQWhCMUI7QUEyQkgscUlBQTJIO0FBQ3pILDZCQUR5SDtBQUV6SCx1QkFBVyxNQUY4RztBQUd6SCx5QkFIeUg7QUFJekgsK0JBSnlIO0FBS3pIO0FBTHlILFdBM0J4SDtBQWtDSCx5Q0FBK0I7QUFDN0IsOEJBRDZCO0FBRTdCLHdCQUFlLGNBQWYsT0FGNkI7QUFHN0IsdUJBQVc7QUFIa0IsV0FsQzVCO0FBdUNILGtEQUF3QztBQUN0Qyx3QkFBZSxjQUFmO0FBRHNDLFdBdkNyQztBQTBDSCx3Q0FBOEI7QUFDNUIsK0JBRDRCO0FBRTVCO0FBRjRCLFdBMUMzQjtBQThDSCxvQ0FBMEI7QUFDeEIsK0JBRHdCO0FBRXhCLHVCQUFXLFFBRmE7QUFHeEIsd0JBQVUsVUFIYztBQUl4QjtBQUp3QjtBQTlDdkIsU0FEQTtBQXNETCxlQUFPLEVBdERGO0FBdURMLGdCQUFRLEVBdkRIO0FBd0RMLGVBQU87QUF4REYsT0FBUDtBQTBERDtBQWxFTSxHQWRvQztBQWtGN0MsUUFsRjZDLG9CQWtGbkM7QUFDUixRQUFNLElBQUksSUFBVjtBQURRLFFBRUYsS0FGRSxHQUVRLENBRlIsQ0FFRixLQUZFOztBQUFBLGdDQUk0QixxQkFBcUIsU0FBckIsQ0FBK0IsS0FBL0IsQ0FKNUI7O0FBQUEsUUFJRixHQUpFLHlCQUlGLEdBSkU7QUFBQSxRQUlHLEtBSkgseUJBSUcsS0FKSDtBQUFBLFFBSVUsTUFKVix5QkFJVSxNQUpWO0FBQUEsUUFJa0IsS0FKbEIseUJBSWtCLEtBSmxCOzs7QUFNUixXQUNFO0FBQUE7TUFBQSxFQUFTLE1BQU8sT0FBTyxNQUFQLENBQWMsR0FBZCxFQUFtQixNQUFNLEtBQXpCLENBQWhCO0FBQ1Msd0JBQWlCLEtBRDFCO0FBRVMseUJBQWtCLE1BRjNCO0FBR1Msd0JBQWlCO0FBSDFCO01BSUcsTUFBTTtBQUpULEtBREY7QUFPRDtBQS9GNEMsQ0FBbEIsQ0FBN0I7O2tCQWtHZSxvQiIsImZpbGUiOiJhcF9jb25maXJtX2RpYWxvZ19zdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LWRpYWxvZy9saWIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFN0eWxlIGZvciBBcENvbmZpcm1EaWFsb2cuXG4gKiBAY2xhc3MgQXBDb25maXJtRGlhbG9nU3R5bGVcbiAqL1xuXG4ndXNlIHN0cmljdCdcblxuaW1wb3J0IFJlYWN0LCB7UHJvcFR5cGVzIGFzIHR5cGVzfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7QXBTdHlsZX0gZnJvbSAnYXBlbWFuLXJlYWN0LXN0eWxlJ1xuXG4vKiogQGxlbmRzIEFwQ29uZmlybURpYWxvZ1N0eWxlICovXG5jb25zdCBBcENvbmZpcm1EaWFsb2dTdHlsZSA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgcHJvcFR5cGVzOiB7XG4gICAgc3R5bGU6IHR5cGVzLm9iamVjdCxcbiAgICBidXR0b25IZWlnaHQ6IHR5cGVzLm51bWJlcixcbiAgICBoaWdobGlnaHRDb2xvcjogdHlwZXMuc3RyaW5nXG4gIH0sXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0eWxlOiB7fSxcbiAgICAgIGJ1dHRvbkhlaWdodDogMzIsXG4gICAgICBoaWdobGlnaHRDb2xvcjogQXBTdHlsZS5ERUZBVUxUX0hJR0hMSUdIVF9DT0xPUixcbiAgICAgIGVycm9yQ29sb3I6IEFwU3R5bGUuRVJST1JfQ09MT1JcbiAgICB9XG4gIH0sXG4gIHN0YXRpY3M6IHtcbiAgICBzdHlsZURhdGEgKGNvbmZpZykge1xuICAgICAgbGV0IHtcbiAgICAgICAgYnV0dG9uSGVpZ2h0LFxuICAgICAgICBoaWdobGlnaHRDb2xvcixcbiAgICAgICAgZXJyb3JDb2xvclxuICAgICAgfSA9IGNvbmZpZ1xuICAgICAgbGV0IGNoZWNrYm94SGVpZ2h0ID0gMzJcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGFsbDoge1xuICAgICAgICAgICcuYXAtY29uZmlybS1kaWFsb2cgLmFwLWRpYWxvZy1ib2R5Jzoge1xuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogYCR7YnV0dG9uSGVpZ2h0ICsgOH1weGAsXG4gICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nIC5hcC1kaWFsb2ctY2xvc2UtYnV0dG9uLWljb24nOiB7fSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWNvbnRyb2wnOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICAgICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICAgICAgbGVmdDogMCxcbiAgICAgICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgcmdiYSgyNTUsMjU1LDI1NSwwLjkpYCxcbiAgICAgICAgICAgIHBhZGRpbmc6IGAxNnB4IDBgXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWJ1dHRvbic6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgICAgd2lkdGg6IGA4MCVgLFxuICAgICAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAjRUVFYCxcbiAgICAgICAgICAgIG1hcmdpbjogYDAgYXV0b2AsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBgJHtoaWdobGlnaHRDb2xvcn1gLFxuICAgICAgICAgICAgY29sb3I6ICd3aGl0ZScsXG4gICAgICAgICAgICBib3hTaXppbmc6IGBib3JkZXItYm94YCxcbiAgICAgICAgICAgIG1heFdpZHRoOiBgMzIwcHhgXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWJ1dHRvbi1kaXNhYmxlZCwgLmFwLWNvbmZpcm0tZGlhbG9nLWJ1dHRvbi1kaXNhYmxlZDpob3ZlciwgLmFwLWNvbmZpcm0tZGlhbG9nLWJ1dHRvbi1kaXNhYmxlZDphY3RpdmUnOiB7XG4gICAgICAgICAgICBjdXJzb3I6IGBkZWZhdWx0YCxcbiAgICAgICAgICAgIGJveFNoYWRvdzogJ25vbmUnLFxuICAgICAgICAgICAgY29sb3I6IGAjODg4YCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiBgIzg4OGAsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAjRjBGMEYwYFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC1jb25maXJtLWRpYWxvZy1jaGVja2JveCc6IHtcbiAgICAgICAgICAgIG1hcmdpbjogYDhweCBhdXRvYCxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6IGAke2NoZWNrYm94SGVpZ2h0fXB4YCxcbiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLWNoZWNrYm94IGk6YmVmb3JlJzoge1xuICAgICAgICAgICAgbGluZUhlaWdodDogYCR7Y2hlY2tib3hIZWlnaHR9cHhgXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLWNvbmZpcm0tZGlhbG9nLW1lc3NhZ2UnOiB7XG4gICAgICAgICAgICBmb250U2l6ZTogYHNtYWxsZXJgLFxuICAgICAgICAgICAgcGFkZGluZzogYDE2cHggMGBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtY29uZmlybS1kaWFsb2ctZXJyJzoge1xuICAgICAgICAgICAgZm9udFNpemU6IGBzbWFsbGVyYCxcbiAgICAgICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gICAgICAgICAgICBjb2xvcjogYCR7ZXJyb3JDb2xvcn1gLFxuICAgICAgICAgICAgZm9udFN0eWxlOiBgaXRhbGljYFxuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgc21hbGw6IHt9LFxuICAgICAgICBtZWRpdW06IHt9LFxuICAgICAgICBsYXJnZToge31cbiAgICAgIH1cbiAgICB9XG4gIH0sXG4gIHJlbmRlciAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuXG4gICAgbGV0IHsgYWxsLCBzbWFsbCwgbWVkaXVtLCBsYXJnZSB9ID0gQXBDb25maXJtRGlhbG9nU3R5bGUuc3R5bGVEYXRhKHByb3BzKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxBcFN0eWxlIGRhdGE9eyBPYmplY3QuYXNzaWduKGFsbCwgcHJvcHMuc3R5bGUpIH1cbiAgICAgICAgICAgICAgIHNtYWxsTWVkaWFEYXRhPXsgc21hbGwgfVxuICAgICAgICAgICAgICAgbWVkaXVtTWVkaWFEYXRhPXsgbWVkaXVtIH1cbiAgICAgICAgICAgICAgIGxhcmdlTWVkaWFEYXRhPXsgbGFyZ2UgfVxuICAgICAgPnsgcHJvcHMuY2hpbGRyZW4gfTwvQXBTdHlsZT5cbiAgICApXG4gIH1cbn0pXG5cbmV4cG9ydCBkZWZhdWx0IEFwQ29uZmlybURpYWxvZ1N0eWxlXG4iXX0= |
\ | No newline at end of file |