Skip to content

Commit 2e32802

Browse files
gabripratgabriprat
committed
Compile
1 parent 7380905 commit 2e32802

File tree

11 files changed

+1400
-1296
lines changed

11 files changed

+1400
-1296
lines changed

‎lib/PropTypes.js

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,37 +3,39 @@
33
Object.defineProperty(exports, "__esModule", {
44
value: true
55
});
6-
exports.__styleValidator = undefined;
6+
exports.styleValidator = undefined;
77
exports.configStyleValidator = configStyleValidator;
88

9-
var _react = require('react');
9+
var _propTypes = require('prop-types');
1010

11-
var _react2 = _interopRequireDefault(_react);
11+
var _propTypes2 = _interopRequireDefault(_propTypes);
1212

1313
var _StyleValidator = require('./StyleValidator');
1414

1515
var _StyleValidator2 = _interopRequireDefault(_StyleValidator);
1616

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

19-
var __styleValidator = exports.__styleValidator = new _StyleValidator2.default();
19+
var styleValidator = exports.styleValidator = new _StyleValidator2.default();
2020

2121
function configStyleValidator(config) {
22-
__styleValidator.setConfig(config);
22+
styleValidator.setConfig(config);
2323
}
2424

2525
exports.default = {
26-
style: function style(props, propName, componentName) {
27-
var _React$PropTypes;
26+
style(props, propName, componentName) {
27+
if (props[propName] == null) {
28+
return undefined;
29+
}
2830

2931
for (var _len = arguments.length, rest = Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
3032
rest[_key - 3] = arguments[_key];
3133
}
3234

33-
var objErr = (_React$PropTypes = _react2.default.PropTypes).object.apply(_React$PropTypes, [props, propName, componentName].concat(rest));
35+
var objErr = _propTypes2.default.object.apply(_propTypes2.default, [props, propName, componentName].concat(rest));
3436
if (objErr) {
3537
return objErr;
3638
}
37-
return __styleValidator.validate(props[propName], componentName);
39+
return styleValidator.validate(props[propName], componentName);
3840
}
3941
};

‎lib/StyleValidator.js

Lines changed: 72 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
66

77
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
88

9-
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
10-
119
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
1210

1311
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
@@ -44,79 +42,103 @@ var StyleValidator = function () {
4442
var _this = this;
4543

4644
var _loop = function _loop(propNameCamelCase) {
47-
// eslint-disable-line guard-for-in
4845
var propName = propNameCamelCase.replace(capsRe, function (match) {
49-
return '-' + match[0].toLowerCase();
46+
return `-${match[0].toLowerCase()}`;
5047
});
5148

5249
var supportInfo = _supportMatrix2.default[propName];
5350

5451
if (!supportInfo) {
5552
if (_this.config.strict) {
5653
return {
57-
v: new Error('Unknown style property `' + propName + '` supplied to `' + componentName + '`.')
54+
v: new Error(`Unknown style property \`${propName}\` supplied to \`${componentName}\`.`)
5855
};
5956
}
60-
return {
61-
v: undefined
62-
};
63-
}
64-
65-
var unsupported = [];
66-
var messages = new Map();
67-
_this.config.platforms.forEach(function (platform) {
68-
if (typeof supportInfo[platform] === 'string') {
69-
var msg = supportInfo[platform];
70-
if (!messages.has(msg)) {
71-
messages.set(msg, []);
57+
} else {
58+
var unsupported = [];
59+
var messages = new Map();
60+
_this.config.platforms.forEach(function (platform) {
61+
if (typeof supportInfo[platform] === 'string') {
62+
var msg = supportInfo[platform];
63+
if (!messages.has(msg)) {
64+
messages.set(msg, []);
65+
}
66+
messages.get(msg).push(platform);
67+
} else if (supportInfo[platform] === false) {
68+
unsupported.push(platform);
7269
}
73-
messages.get(msg).push(platform);
74-
} else if (supportInfo[platform] === false) {
75-
unsupported.push(platform);
76-
}
77-
});
70+
});
7871

79-
if (_this.config.warn) {
80-
var _iteratorNormalCompletion = true;
81-
var _didIteratorError = false;
82-
var _iteratorError = undefined;
72+
if (_this.config.warn) {
73+
// eslint-disable-next-line no-restricted-syntax
74+
var _iteratorNormalCompletion2 = true;
75+
var _didIteratorError2 = false;
76+
var _iteratorError2 = undefined;
8377

84-
try {
85-
for (var _iterator = messages[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
86-
var _step$value = _slicedToArray(_step.value, 2),
87-
msg = _step$value[0],
88-
platforms = _step$value[1];
89-
90-
console.warn('Warning: Style property `' + propName + '` supplied to `' + componentName + '`, in ' + platforms.join(', ') + ': ' + msg.toLowerCase()); // eslint-disable-line no-console
91-
}
92-
} catch (err) {
93-
_didIteratorError = true;
94-
_iteratorError = err;
95-
} finally {
9678
try {
97-
if (!_iteratorNormalCompletion && _iterator.return) {
98-
_iterator.return();
79+
for (var _iterator2 = messages[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
80+
var _ref = _step2.value;
81+
82+
var _ref2 = _slicedToArray(_ref, 2);
83+
84+
var msg = _ref2[0];
85+
var platforms = _ref2[1];
86+
87+
console.warn(`Warning: Style property \`${propName}\` supplied to \`${componentName}\`, in ${platforms.join(', ')}: ${msg.toLowerCase()}`); // eslint-disable-line no-console
9988
}
89+
} catch (err) {
90+
_didIteratorError2 = true;
91+
_iteratorError2 = err;
10092
} finally {
101-
if (_didIteratorError) {
102-
throw _iteratorError;
93+
try {
94+
if (!_iteratorNormalCompletion2 && _iterator2.return) {
95+
_iterator2.return();
96+
}
97+
} finally {
98+
if (_didIteratorError2) {
99+
throw _iteratorError2;
100+
}
103101
}
104102
}
105103
}
106-
}
107104

108-
if (unsupported.length && _this.config.strict) {
109-
return {
110-
v: new Error('Style property `' + propName + '` supplied to `' + componentName + '` unsupported in: ' + unsupported.join(', ') + '.')
111-
};
105+
if (unsupported.length && _this.config.strict) {
106+
return {
107+
v: new Error(`Style property \`${propName}\` supplied to \`${componentName}\` unsupported in: ${unsupported.join(', ')}.`)
108+
};
109+
}
112110
}
113111
};
114112

115-
for (var propNameCamelCase in style) {
116-
var _ret = _loop(propNameCamelCase);
113+
// eslint-disable-next-line no-restricted-syntax
114+
var _iteratorNormalCompletion = true;
115+
var _didIteratorError = false;
116+
var _iteratorError = undefined;
117+
118+
try {
119+
for (var _iterator = Object.keys(style)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
120+
var propNameCamelCase = _step.value;
121+
122+
var _ret = _loop(propNameCamelCase);
117123

118-
if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
124+
if (typeof _ret === "object") return _ret.v;
125+
}
126+
} catch (err) {
127+
_didIteratorError = true;
128+
_iteratorError = err;
129+
} finally {
130+
try {
131+
if (!_iteratorNormalCompletion && _iterator.return) {
132+
_iterator.return();
133+
}
134+
} finally {
135+
if (_didIteratorError) {
136+
throw _iteratorError;
137+
}
138+
}
119139
}
140+
141+
return undefined;
120142
}
121143
}]);
122144

‎lib/components/A.js

Lines changed: 22 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ var _react = require('react');
1212

1313
var _react2 = _interopRequireDefault(_react);
1414

15+
var _propTypes = require('prop-types');
16+
17+
var _propTypes2 = _interopRequireDefault(_propTypes);
18+
1519
var _PropTypes = require('../PropTypes');
1620

1721
var _PropTypes2 = _interopRequireDefault(_PropTypes);
@@ -25,22 +29,33 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
2529
function A(props) {
2630
return _react2.default.createElement(
2731
'a',
28-
_extends({}, (0, _includeDataProps2.default)(props), { href: props.href, target: '_blank', style: _extends({
32+
_extends({}, (0, _includeDataProps2.default)(props), {
33+
download: props.download,
34+
href: props.href,
35+
target: '_blank',
36+
style: _extends({
2937
color: props.color,
3038
textDecoration: props.textDecoration
31-
}, props.style) }),
39+
}, props.style)
40+
}),
3241
props.children
3342
);
3443
}
3544

3645
A.propTypes = {
37-
href: _react.PropTypes.string.isRequired,
38-
color: _react.PropTypes.string,
39-
textDecoration: _react.PropTypes.string,
46+
href: _propTypes2.default.string.isRequired,
47+
download: _propTypes2.default.string,
48+
color: _propTypes2.default.string,
49+
textDecoration: _propTypes2.default.string,
4050
style: _PropTypes2.default.style,
41-
children: _react.PropTypes.node
51+
children: _propTypes2.default.node
4252
};
4353

4454
A.defaultProps = {
45-
textDecoration: 'underline'
55+
textDecoration: 'underline',
56+
href: undefined,
57+
download: undefined,
58+
color: undefined,
59+
style: undefined,
60+
children: undefined
4661
};

‎lib/components/Box.js

Lines changed: 20 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ var _react = require('react');
1212

1313
var _react2 = _interopRequireDefault(_react);
1414

15+
var _propTypes = require('prop-types');
16+
17+
var _propTypes2 = _interopRequireDefault(_propTypes);
18+
1519
var _PropTypes = require('../PropTypes');
1620

1721
var _PropTypes2 = _interopRequireDefault(_PropTypes);
@@ -36,23 +40,28 @@ function Box(_ref) {
3640
}
3741

3842
Box.propTypes = {
39-
className: _react.PropTypes.string,
40-
cellPadding: _react.PropTypes.number,
41-
cellSpacing: _react.PropTypes.number,
42-
border: _react.PropTypes.string,
43-
bgcolor: _react.PropTypes.string,
44-
width: _react.PropTypes.string,
45-
height: _react.PropTypes.string,
46-
align: _react.PropTypes.oneOf(['left', 'center', 'right']),
47-
valign: _react.PropTypes.oneOf(['top', 'middle', 'bottom']),
43+
className: _propTypes2.default.string,
44+
cellPadding: _propTypes2.default.number,
45+
cellSpacing: _propTypes2.default.number,
46+
border: _propTypes2.default.string,
47+
bgcolor: _propTypes2.default.string,
48+
width: _propTypes2.default.string,
49+
height: _propTypes2.default.string,
50+
align: _propTypes2.default.oneOf(['left', 'center', 'right']),
51+
valign: _propTypes2.default.oneOf(['top', 'middle', 'bottom']),
4852
style: _PropTypes2.default.style,
49-
children: _react.PropTypes.node
53+
children: _propTypes2.default.node
5054
};
5155

5256
Box.defaultProps = {
5357
cellPadding: 0,
5458
cellSpacing: 0,
5559
border: '0',
5660
align: 'left',
57-
valign: 'top'
61+
valign: 'top',
62+
bgcolor: undefined,
63+
width: undefined,
64+
height: undefined,
65+
style: undefined,
66+
children: undefined
5867
};

‎lib/components/Email.js

Lines changed: 30 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ var _react = require('react');
1212

1313
var _react2 = _interopRequireDefault(_react);
1414

15+
var _propTypes = require('prop-types');
16+
17+
var _propTypes2 = _interopRequireDefault(_propTypes);
18+
1519
var _PropTypes = require('../PropTypes');
1620

1721
var _PropTypes2 = _interopRequireDefault(_PropTypes);
@@ -31,7 +35,7 @@ function Email(props) {
3135
// default nested 600px wide outer table container (see http://templates.mailchimp.com/development/html/)
3236
return _react2.default.createElement(
3337
'html',
34-
{ xmlns: 'http://www.w3.org/1999/xhtml' },
38+
{ lang: props.lang, xmlns: 'http://www.w3.org/1999/xhtml' },
3539
_react2.default.createElement(
3640
'head',
3741
null,
@@ -50,13 +54,15 @@ function Email(props) {
5054
),
5155
_react2.default.createElement(
5256
'body',
53-
{ style: _extends({
57+
{
58+
style: _extends({
5459
width: '100%',
5560
margin: 0,
5661
padding: 0,
5762
WebkitTextSizeAdjust: '100%',
5863
MsTextSizeAdjust: '100%'
59-
}, props.bodyStyle) },
64+
}, props.bodyStyle)
65+
},
6066
_react2.default.createElement(
6167
_Box2.default,
6268
{ width: props.width, bgcolor: props.bgcolor, align: 'center', cellPadding: props.cellPadding, cellSpacing: props.cellSpacing, style: props.style },
@@ -67,21 +73,30 @@ function Email(props) {
6773
}
6874

6975
Email.propTypes = {
70-
title: _react.PropTypes.string.isRequired,
71-
bgcolor: _react.PropTypes.string,
72-
cellPadding: _react.PropTypes.number,
73-
cellSpacing: _react.PropTypes.number,
76+
lang: _propTypes2.default.string,
77+
title: _propTypes2.default.string.isRequired,
78+
bgcolor: _propTypes2.default.string,
79+
cellPadding: _propTypes2.default.number,
80+
cellSpacing: _propTypes2.default.number,
7481
style: _PropTypes2.default.style,
75-
headCSS: _react.PropTypes.string,
76-
children: _react.PropTypes.node,
77-
width: _react.PropTypes.string,
78-
align: _react.PropTypes.oneOf(['left', 'center', 'right']),
79-
valign: _react.PropTypes.oneOf(['top', 'middle', 'bottom']),
80-
bodyStyle: _react.PropTypes.object
82+
headCSS: _propTypes2.default.string,
83+
width: _propTypes2.default.string,
84+
align: _propTypes2.default.oneOf(['left', 'center', 'right']),
85+
valign: _propTypes2.default.oneOf(['top', 'middle', 'bottom']),
86+
bodyStyle: _PropTypes2.default.style,
87+
children: _propTypes2.default.node
8188
};
8289

8390
Email.defaultProps = {
91+
lang: 'en',
8492
width: '600',
8593
align: 'center',
86-
valign: 'top'
87-
};
94+
valign: 'top',
95+
bgcolor: undefined,
96+
cellPadding: undefined,
97+
cellSpacing: undefined,
98+
style: undefined,
99+
headCSS: undefined,
100+
bodyStyle: undefined,
101+
children: undefined
102+
};

0 commit comments

Comments
 (0)