UNPKG

8.36 kBJavaScriptView Raw
1/**
2 * Style for ApYesnoDialog.
3 * @class ApYesnoDialogStyle
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 ApYesnoDialogStyle */
21var ApYesnoDialogStyle = _react2.default.createClass({
22 displayName: 'ApYesnoDialogStyle',
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
32 style: {},
33 buttonHeight: 40,
34 highlightColor: '#38E'
35 };
36 },
37
38 statics: {
39 styleData: function styleData(config) {
40 var buttonHeight = config.buttonHeight;
41 var highlightColor = config.highlightColor;
42
43 return {
44 all: {
45 '.ap-yesno-dialog .ap-dialog-body': {
46 paddingBottom: buttonHeight + 8 + 'px'
47 },
48 '.ap-yesno-dialog .ap-dialog-close-button-icon': {
49 display: 'none'
50 },
51 '.ap-yesno-dialog-control': {
52 display: 'flex',
53 position: 'absolute',
54 left: 0,
55 right: 0,
56 bottom: 0,
57 boxSizing: 'border-box',
58 overflowX: 'hidden',
59 backgroundColor: 'rgba(255,255,255,0.9)'
60 },
61 '.ap-yesno-dialog-button': {
62 display: 'block',
63 flex: 1,
64 width: '50%',
65 textAlign: 'center',
66 border: '1px solid #EEE',
67 margin: '0 -1px',
68 color: '' + highlightColor
69 },
70 '.ap-yesno-dialog-button-text': {
71 display: 'inline-block',
72 width: '100%',
73 boxSizing: 'border-box',
74 lineHeight: buttonHeight + 'px'
75 },
76 '.ap-yesno-dialog-button:hover': {
77 cursor: 'pointer',
78 opacity: 0.9
79 },
80 '.ap-yesno-dialog-button:active': {
81 opacity: 0.6
82 }
83 },
84 small: {},
85 medium: {},
86 large: {}
87 };
88 }
89 },
90 render: function render() {
91 var s = this;
92 var props = s.props;
93
94 var _ApYesnoDialogStyle$s = ApYesnoDialogStyle.styleData(props);
95
96 var all = _ApYesnoDialogStyle$s.all;
97 var small = _ApYesnoDialogStyle$s.small;
98 var medium = _ApYesnoDialogStyle$s.medium;
99 var large = _ApYesnoDialogStyle$s.large;
100
101
102 return _react2.default.createElement(
103 _apemanReactStyle.ApStyle,
104 { data: Object.assign(all, props.style),
105 smallMediaData: small,
106 mediumMediaData: medium,
107 largeMediaData: large
108 },
109 props.children
110 );
111 }
112});
113
114exports.default = ApYesnoDialogStyle;
115//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX3llc25vX2RpYWxvZ19zdHlsZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFLQTs7Ozs7O0FBRUE7Ozs7QUFDQTs7Ozs7QUFHQSxJQUFNLHFCQUFxQixnQkFBTSxXQUFOLENBQWtCO0FBQUE7O0FBQzNDLGFBQVc7QUFDVCxXQUFPLGlCQUFNLE1BREo7QUFFVCxrQkFBYyxpQkFBTSxNQUZYO0FBR1Qsb0JBQWdCLGlCQUFNO0FBSGIsR0FEZ0M7QUFNM0MsaUJBTjJDLDZCQU14QjtBQUNqQixXQUFPOztBQUVMLGFBQU8sRUFGRjtBQUdMLG9CQUFjLEVBSFQ7QUFJTCxzQkFBZ0I7QUFKWCxLQUFQO0FBTUQsR0FiMEM7O0FBYzNDLFdBQVM7QUFDUCxhQURPLHFCQUNJLE1BREosRUFDWTtBQUFBLFVBRWYsWUFGZSxHQUliLE1BSmEsQ0FFZixZQUZlO0FBQUEsVUFHZixjQUhlLEdBSWIsTUFKYSxDQUdmLGNBSGU7O0FBS2pCLGFBQU87QUFDTCxhQUFLO0FBQ0gsOENBQW9DO0FBQ2xDLDJCQUFrQixlQUFlLENBQWpDO0FBRGtDLFdBRGpDO0FBSUgsMkRBQWlEO0FBQy9DLHFCQUFTO0FBRHNDLFdBSjlDO0FBT0gsc0NBQTRCO0FBQzFCLHFCQUFTLE1BRGlCO0FBRTFCLHNCQUFVLFVBRmdCO0FBRzFCLGtCQUFNLENBSG9CO0FBSTFCLG1CQUFPLENBSm1CO0FBSzFCLG9CQUFRLENBTGtCO0FBTTFCLHVCQUFXLFlBTmU7QUFPMUIsdUJBQVcsUUFQZTtBQVExQiw2QkFBaUI7QUFSUyxXQVB6QjtBQWlCSCxxQ0FBMkI7QUFDekIscUJBQVMsT0FEZ0I7QUFFekIsa0JBQU0sQ0FGbUI7QUFHekIsbUJBQU8sS0FIa0I7QUFJekIsdUJBQVcsUUFKYztBQUt6QixvQkFBUSxnQkFMaUI7QUFNekIsb0JBQVEsUUFOaUI7QUFPekIsd0JBQVU7QUFQZSxXQWpCeEI7QUEwQkgsMENBQWdDO0FBQzlCLHFCQUFTLGNBRHFCO0FBRTlCLG1CQUFPLE1BRnVCO0FBRzlCLHVCQUFXLFlBSG1CO0FBSTlCLHdCQUFlLFlBQWY7QUFKOEIsV0ExQjdCO0FBZ0NILDJDQUFpQztBQUMvQixvQkFBUSxTQUR1QjtBQUUvQixxQkFBUztBQUZzQixXQWhDOUI7QUFvQ0gsNENBQWtDO0FBQ2hDLHFCQUFTO0FBRHVCO0FBcEMvQixTQURBO0FBeUNMLGVBQU8sRUF6Q0Y7QUEwQ0wsZ0JBQVEsRUExQ0g7QUEyQ0wsZUFBTztBQTNDRixPQUFQO0FBNkNEO0FBbkRNLEdBZGtDO0FBbUUzQyxRQW5FMkMsb0JBbUVqQztBQUNSLFFBQU0sSUFBSSxJQUFWO0FBRFEsUUFFRixLQUZFLEdBRVEsQ0FGUixDQUVGLEtBRkU7O0FBQUEsZ0NBSTRCLG1CQUFtQixTQUFuQixDQUE2QixLQUE3QixDQUo1Qjs7QUFBQSxRQUlGLEdBSkUseUJBSUYsR0FKRTtBQUFBLFFBSUcsS0FKSCx5QkFJRyxLQUpIO0FBQUEsUUFJVSxNQUpWLHlCQUlVLE1BSlY7QUFBQSxRQUlrQixLQUpsQix5QkFJa0IsS0FKbEI7OztBQU1SLFdBQ0U7QUFBQTtNQUFBLEVBQVMsTUFBTyxPQUFPLE1BQVAsQ0FBYyxHQUFkLEVBQW1CLE1BQU0sS0FBekIsQ0FBaEI7QUFDUyx3QkFBaUIsS0FEMUI7QUFFUyx5QkFBa0IsTUFGM0I7QUFHUyx3QkFBaUI7QUFIMUI7TUFJRyxNQUFNO0FBSlQsS0FERjtBQU9EO0FBaEYwQyxDQUFsQixDQUEzQjs7a0JBbUZlLGtCIiwiZmlsZSI6ImFwX3llc25vX2RpYWxvZ19zdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LWRpYWxvZy9saWIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFN0eWxlIGZvciBBcFllc25vRGlhbG9nLlxuICogQGNsYXNzIEFwWWVzbm9EaWFsb2dTdHlsZVxuICovXG5cbid1c2Ugc3RyaWN0J1xuXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtBcFN0eWxlfSBmcm9tICdhcGVtYW4tcmVhY3Qtc3R5bGUnXG5cbi8qKiBAbGVuZHMgQXBZZXNub0RpYWxvZ1N0eWxlICovXG5jb25zdCBBcFllc25vRGlhbG9nU3R5bGUgPSBSZWFjdC5jcmVhdGVDbGFzcyh7XG4gIHByb3BUeXBlczoge1xuICAgIHN0eWxlOiB0eXBlcy5vYmplY3QsXG4gICAgYnV0dG9uSGVpZ2h0OiB0eXBlcy5udW1iZXIsXG4gICAgaGlnaGxpZ2h0Q29sb3I6IHR5cGVzLnN0cmluZ1xuICB9LFxuICBnZXREZWZhdWx0UHJvcHMgKCkge1xuICAgIHJldHVybiB7XG5cbiAgICAgIHN0eWxlOiB7fSxcbiAgICAgIGJ1dHRvbkhlaWdodDogNDAsXG4gICAgICBoaWdobGlnaHRDb2xvcjogJyMzOEUnXG4gICAgfVxuICB9LFxuICBzdGF0aWNzOiB7XG4gICAgc3R5bGVEYXRhIChjb25maWcpIHtcbiAgICAgIGxldCB7XG4gICAgICAgIGJ1dHRvbkhlaWdodCxcbiAgICAgICAgaGlnaGxpZ2h0Q29sb3JcbiAgICAgIH0gPSBjb25maWdcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGFsbDoge1xuICAgICAgICAgICcuYXAteWVzbm8tZGlhbG9nIC5hcC1kaWFsb2ctYm9keSc6IHtcbiAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IGAke2J1dHRvbkhlaWdodCArIDh9cHhgXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXllc25vLWRpYWxvZyAuYXAtZGlhbG9nLWNsb3NlLWJ1dHRvbi1pY29uJzoge1xuICAgICAgICAgICAgZGlzcGxheTogJ25vbmUnXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXllc25vLWRpYWxvZy1jb250cm9sJzoge1xuICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgIG92ZXJmbG93WDogJ2hpZGRlbicsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdyZ2JhKDI1NSwyNTUsMjU1LDAuOSknXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXllc25vLWRpYWxvZy1idXR0b24nOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgZmxleDogMSxcbiAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gICAgICAgICAgICBib3JkZXI6ICcxcHggc29saWQgI0VFRScsXG4gICAgICAgICAgICBtYXJnaW46ICcwIC0xcHgnLFxuICAgICAgICAgICAgY29sb3I6IGAke2hpZ2hsaWdodENvbG9yfWBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAteWVzbm8tZGlhbG9nLWJ1dHRvbi10ZXh0Jzoge1xuICAgICAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiBgJHtidXR0b25IZWlnaHR9cHhgXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXllc25vLWRpYWxvZy1idXR0b246aG92ZXInOiB7XG4gICAgICAgICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuOVxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC15ZXNuby1kaWFsb2ctYnV0dG9uOmFjdGl2ZSc6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuNlxuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgc21hbGw6IHt9LFxuICAgICAgICBtZWRpdW06IHt9LFxuICAgICAgICBsYXJnZToge31cbiAgICAgIH1cbiAgICB9XG4gIH0sXG4gIHJlbmRlciAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuXG4gICAgbGV0IHsgYWxsLCBzbWFsbCwgbWVkaXVtLCBsYXJnZSB9ID0gQXBZZXNub0RpYWxvZ1N0eWxlLnN0eWxlRGF0YShwcm9wcylcblxuICAgIHJldHVybiAoXG4gICAgICA8QXBTdHlsZSBkYXRhPXsgT2JqZWN0LmFzc2lnbihhbGwsIHByb3BzLnN0eWxlKSB9XG4gICAgICAgICAgICAgICBzbWFsbE1lZGlhRGF0YT17IHNtYWxsIH1cbiAgICAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YT17IG1lZGl1bSB9XG4gICAgICAgICAgICAgICBsYXJnZU1lZGlhRGF0YT17IGxhcmdlIH1cbiAgICAgID57IHByb3BzLmNoaWxkcmVuIH08L0FwU3R5bGU+XG4gICAgKVxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBBcFllc25vRGlhbG9nU3R5bGVcbiJdfQ==
\No newline at end of file