Socket
Socket
Sign inDemoInstall

mjml-core

Package Overview
Dependencies
Maintainers
1
Versions
131
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mjml-core - npm Package Compare versions

Comparing version 2.0.0-beta.1 to 2.0.0-beta.2

62

lib/decorators/MJMLElement.js

@@ -11,16 +11,4 @@ 'use strict';

var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _warning = require('warning');
var _warning2 = _interopRequireDefault(_warning);
var _mjAttribute = require('../helpers/mjAttribute');
var _hoistNonReactStatics = require('hoist-non-react-statics');
var _hoistNonReactStatics2 = _interopRequireDefault(_hoistNonReactStatics);
var _immutable = require('immutable');

@@ -30,2 +18,6 @@

var _merge = require('lodash/merge');
var _merge2 = _interopRequireDefault(_merge);
var _MJMLElementsCollection = require('../MJMLElementsCollection');

@@ -43,2 +35,10 @@

var _trim = require('lodash/trim');
var _trim2 = _interopRequireDefault(_trim);
var _warning = require('warning');
var _warning2 = _interopRequireDefault(_warning);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -89,6 +89,11 @@

function createComponent(ComposedComponent, defaultMJMLDefinition) {
var _class, _temp;
function createComponent(ComposedComponent) {
var MJMLElement = (_temp = _class = function (_Component) {
var baseStyles = {
td: {
wordBreak: 'break-word'
}
};
var MJMLElement = function (_Component) {
_inherits(MJMLElement, _Component);

@@ -113,3 +118,3 @@

if (content) {
return _lodash2.default.trim(content);
return (0, _trim2.default)(content);
}

@@ -219,3 +224,3 @@

_this.mjml = props.mjml || _immutable2.default.fromJS(defaultMJMLDefinition).mergeIn(['attributes'], props);
_this.mjml = props.mjml || _immutable2.default.fromJS(_this.constructor.defaultMJMLDefinition).mergeIn(['attributes'], props);
return _this;

@@ -227,3 +232,3 @@ }

value: function getStyles() {
return _lodash2.default.merge({}, this.constructor.baseStyles, {
return (0, _merge2.default)({}, baseStyles, {
td: {

@@ -316,3 +321,3 @@ background: this.mjAttribute('container-background-color'),

value: function render() {
if (ComposedComponent.columnElement) {
if (this.constructor.columnElement) {
this.styles = this.getStyles();

@@ -339,23 +344,8 @@

return MJMLElement;
}(_react.Component), _class.defaultMJMLDefinition = defaultMJMLDefinition, _class.baseStyles = {
td: {
wordBreak: 'break-word'
}
}, _temp);
}(_react.Component);
(0, _hoistNonReactStatics2.default)(MJMLElement, ComposedComponent);
return MJMLElement;
}
exports.default = function (defaultMJMLDefinition) {
if (typeof defaultMJMLDefinition == 'function') {
return createComponent(defaultMJMLDefinition);
}
return function (ComposedComponent) {
return createComponent(ComposedComponent, defaultMJMLDefinition);
};
};
exports.default = createComponent;
//# sourceMappingURL=MJMLElement.js.map

@@ -10,7 +10,7 @@ 'use strict';

var _lodash = require('lodash');
var _immutable = require('immutable');
var _lodash2 = _interopRequireDefault(_lodash);
var _defaultsDeep = require('lodash/defaultsDeep');
var _immutable = require('immutable');
var _defaultsDeep2 = _interopRequireDefault(_defaultsDeep);

@@ -27,3 +27,3 @@ var _MJMLElementsCollection = require('../MJMLElementsCollection');

return !Component ? {} : _extends({}, _lodash2.default.defaultsDeep(node, Component.defaultMJMLDefinition), {
return !Component ? {} : _extends({}, (0, _defaultsDeep2.default)(node, Component.defaultMJMLDefinition), {
// do same to children

@@ -30,0 +30,0 @@ children: (node.children || []).map(parseNode)

@@ -8,6 +8,10 @@ 'use strict';

var _lodash = require('lodash');
var _each = require('lodash/each');
var _lodash2 = _interopRequireDefault(_lodash);
var _each2 = _interopRequireDefault(_each);
var _uniq = require('lodash/uniq');
var _uniq2 = _interopRequireDefault(_uniq);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -22,3 +26,3 @@

_lodash2.default.each({ 'mj-column-per': '%', 'mj-column-px': 'px' }, function (unit, className) {
(0, _each2.default)({ 'mj-column-per': '%', 'mj-column-px': 'px' }, function (unit, className) {
var columnWidths = [];

@@ -31,3 +35,3 @@

_lodash2.default.uniq(columnWidths).forEach(function (width) {
(0, _uniq2.default)(columnWidths).forEach(function (width) {
var mediaQueryClass = className + '-' + width;

@@ -34,0 +38,0 @@

@@ -7,10 +7,16 @@ 'use strict';

var _lodash = require('lodash');
var _Error = require('../Error');
var _lodash2 = _interopRequireDefault(_lodash);
var _compact = require('lodash/compact');
var _warning = require('warning');
var _compact2 = _interopRequireDefault(_compact);
var _warning2 = _interopRequireDefault(_warning);
var _dom = require('../helpers/dom');
var _dom2 = _interopRequireDefault(_dom);
var _filter = require('lodash/filter');
var _filter2 = _interopRequireDefault(_filter);
var _MJMLElementsCollection = require('../MJMLElementsCollection');

@@ -20,8 +26,6 @@

var _Error = require('../Error');
var _warning = require('warning');
var _dom = require('../helpers/dom');
var _warning2 = _interopRequireDefault(_warning);
var _dom2 = _interopRequireDefault(_dom);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -64,3 +68,3 @@

var children = _dom2.default.getChildren(elem);
element.children = children ? _lodash2.default.compact(_lodash2.default.filter(children, function (child) {
element.children = children ? (0, _compact2.default)((0, _filter2.default)(children, function (child) {
return child.tagName;

@@ -67,0 +71,0 @@ }).map(mjmlElementParser)) : [];

{
"name": "mjml-core",
"version": "2.0.0-beta.1",
"version": "2.0.0-beta.2",
"description": "MJML: the only framework that makes responsive-email easy",
"main": "./lib/index",
"scripts": {
"bench": "node bench",
"build": "gulp build",
"dist": "gulp dist && gulp dist:min",
"lint": "eslint src test",
"prepublish": "npm run build",
"test": "mocha --compilers js:babel-register"
"prepublish": "npm run build"
},
"engine": {
"node": ">= 4.2.0"
},
"repository": {

@@ -27,8 +21,3 @@ "type": "git",

"devDependencies": {
"babel-eslint": "^5.0.0",
"babel-polyfill": "^6.6.1",
"benchmark": "^2.1.0",
"chai": "^3.5.0",
"eslint": "^2.3.0",
"eslint-plugin-react": "^4.2.1",
"fs-promise": "^0.5.0",

@@ -41,3 +30,2 @@ "gulp": "^3.9.1",

"gulp-webpack": "^1.5.0",
"mocha": "^2.4.5",
"webpack-stream": "^3.1.0"

@@ -50,5 +38,2 @@ },

"debug": "^2.2.0",
"estraverse": "^4.1.1",
"estraverse-fb": "^1.3.1",
"hoist-non-react-statics": "^1.0.5",
"html-minifier": "^1.2.0",

@@ -59,3 +44,2 @@ "immutable": "^3.7.6",

"lodash": "^4.6.1",
"numeral": "^1.5.3",
"react": "^0.14.7",

@@ -62,0 +46,0 @@ "react-dom": "^0.14.7",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc