mjml-column - npm Package Compare versions

Comparing version 4.14.1 to 4.15.0

lib/index.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
@@ -9,27 +8,15 @@ value: true
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _mjmlCore = require("mjml-core");
-
 var _widthParser = _interopRequireDefault(require("mjml-core/lib/helpers/widthParser"));
-
-let MjColumn = /*#__PURE__*/function (_BodyComponent) {
+let MjColumn = exports.default = /*#__PURE__*/function (_BodyComponent) {
   (0, _inherits2.default)(MjColumn, _BodyComponent);
-
-  var _super = (0, _createSuper2.default)(MjColumn);
-
   function MjColumn() {
     (0, _classCallCheck2.default)(this, MjColumn);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, MjColumn, arguments);
   }
-
   (0, _createClass2.default)(MjColumn, [{
@@ -48,3 +35,3 @@ key: "getChildContext",
       } = this.getBoxWidths();
-      const innerBorders = this.getShorthandAttrValue('inner-border', 'left') + this.getShorthandAttrValue('inner-border', 'right');
+      const innerBorders = this.getShorthandBorderValue('left', 'inner-border') + this.getShorthandBorderValue('right', 'inner-border');
       const allPaddings = paddings + borders + innerBorders;
@@ -58,3 +45,2 @@ let containerWidth = this.getAttribute('width') || `${parseFloat(parentWidth) / nonRawSiblings}px`;
       });
-
       if (unit === '%') {
@@ -65,4 +51,4 @@ containerWidth = `${parseFloat(parentWidth) * parsedWidth / 100 - allPaddings}px`;
       }
-
-      return { ...this.context,
+      return {
+        ...this.context,
         containerWidth
@@ -93,3 +79,4 @@ };
         },
-        table: { ...(this.hasGutter() ? {
+        table: {
+          ...(this.hasGutter() ? {
             'background-color': this.getAttribute('inner-background-color'),
@@ -108,3 +95,4 @@ border: this.getAttribute('inner-border'),
         },
-        gutter: { ...tableStyle,
+        gutter: {
+          ...tableStyle,
           padding: this.getAttribute('padding'),
@@ -129,11 +117,8 @@ 'padding-top': this.getAttribute('padding-top'),
       const mobileWidth = this.getAttribute('mobileWidth');
-
       if (mobileWidth !== 'mobileWidth') {
         return '100%';
       }
-
       if (width === undefined) {
         return `${parseInt(100 / nonRawSiblings, 10)}%`;
       }
-
       const {
@@ -145,7 +130,5 @@ unit,
       });
-
       switch (unit) {
         case '%':
           return width;
-
         case 'px':
@@ -168,7 +151,5 @@ default:
       });
-
       if (unit === '%') {
         return `${parseFloat(containerWidth) * parsedWidth / 100}px`;
       }
-
       return `${parsedWidth}px`;
@@ -189,7 +170,5 @@ }
       });
-
       if (toString) {
         return `${parsedWidth}${unit}`;
       }
-
       return {
@@ -212,3 +191,2 @@ unit,
       const formattedClassNb = parsedWidth.toString().replace('.', '-');
-
       switch (unit) {
@@ -218,3 +196,2 @@ case '%':
           break;
-
         case 'px':
@@ -224,5 +201,5 @@ default:
           break;
-      } // Add className to media queries
+      }
 
-
+      // Add className to media queries
       addMediaQuery(className, {
@@ -288,3 +265,2 @@ parsedWidth,
           align: component.getAttribute('align'),
-          'vertical-align': component.getAttribute('vertical-align'),
           class: component.getAttribute('css-class'),
@@ -316,7 +292,5 @@ style: {
       let classesName = `${this.getColumnClass()} mj-outlook-group-fix`;
-
       if (this.getAttribute('css-class')) {
         classesName += ` ${this.getAttribute('css-class')}`;
       }
-
       return `
@@ -336,4 +310,2 @@ <div
 }(_mjmlCore.BodyComponent);
-
-exports.default = MjColumn;
 (0, _defineProperty2.default)(MjColumn, "componentName", 'mj-column');
@@ -340,0 +312,0 @@ (0, _defineProperty2.default)(MjColumn, "allowedAttributes", {

package.json

 {
   "name": "mjml-column",
   "description": "mjml-column",
-  "version": "4.14.1",
+  "version": "4.15.0",
   "main": "lib/index.js",
@@ -26,3 +26,3 @@ "files": [
     "lodash": "^4.17.21",
-    "mjml-core": "4.14.1"
+    "mjml-core": "4.15.0"
   },
@@ -33,3 +33,3 @@ "devDependencies": {
   },
-  "gitHead": "988819de3375867c09585d28f555166b97415200"
+  "gitHead": "af922bd11c16f4182057077a8a060b7a7f7cc4e3"
 }

No alert changes

Improved metrics

Lines of code

321

increased by0.31%

Worsened metrics

Total package byte prevSize

16739

decreased by-0.63%

Dependency changes

• + Addedcliui@8.0.1(transitive)

• + Addedhtmlparser2@9.1.0(transitive)

• + Addedjuice@10.0.0(transitive)

• + Addedmjml-core@4.15.0(transitive)

• + Addedmjml-migrate@4.15.0(transitive)

• + Addedmjml-parser-xml@4.15.0(transitive)

• + Addedyargs@17.7.2(transitive)

• + Addedyargs-parser@21.1.1(transitive)

• - Removedcliui@7.0.4(transitive)

• - Removeddetect-node@2.0.4(transitive)

• - Removedjuice@9.1.0(transitive)

• - Removedmjml-core@4.14.1(transitive)

• - Removedmjml-migrate@4.14.1(transitive)

• - Removedmjml-parser-xml@4.14.1(transitive)

• - Removedyargs@16.2.0(transitive)

• - Removedyargs-parser@20.2.9(transitive)

• Updatedmjml-core@4.15.0