add mjml-attributes, mjml-selector and mjml-html-attribute (wix-incub…

…ator#72)

package.json

@@ -27,15 +27,15 @@
  "devDependencies": {
  "babel-plugin-transform-runtime": "~6.23.0",
  "chai": "~4.1.0",
- "mjml": "^4.6.3",
+ "mjml": "^4.7.0",
  "mjml2json": "^1.0.1",
  "puppeteer": "^1.4.0",
  "react": "^17.0.0",
  "react-dom": "^17.0.0",
  "@wix/yoshi": "^4.186.0"
  },
  "peerDependencies": {
- "mjml": "^4.1.2",
+ "mjml": "^4.7.0",
  "react": "^17.0.0",
  "react-dom": "^17.0.0"
  },

src/index.js

@@ -25,12 +25,15 @@ export { MjmlFont } from './mjml-font';
 export { MjmlGroup } from './mjml-group';
 export { MjmlHead } from './mjml-head';
 export { MjmlHero } from './mjml-hero';
+export { MjmlHtmlAttributes } from './mjml-html-attributes';
+export { MjmlHtmlAttribute } from './mjml-html-attribute';
 export { MjmlImage } from './mjml-image';
 export { MjmlNavbar } from './mjml-navbar';
 export { MjmlNavbarLink } from './mjml-navbar-link';
 export { MjmlPreview } from './mjml-preview';
 export { MjmlRaw } from './mjml-raw';
 export { MjmlSection } from './mjml-section';
+export { MjmlSelector } from './mjml-selector';
 export { MjmlSocial } from './mjml-social';
 export { MjmlSocialElement } from './mjml-social-element';
 export { MjmlSpacer } from './mjml-spacer';

src/mjml-html-attribute.js

@@ -0,0 +1,19 @@
+import React, { Component } from "react";
+import { node } from "prop-types";
+
+import { handleMjmlProps } from "./utils";
+
+export class MjmlHtmlAttribute extends Component {
+ static propTypes = {
+ children: node,
+ };
+
+ render() {
+ const { children, ...rest } = this.props;
+ return React.createElement(
+ "mj-html-attribute",
+ handleMjmlProps(rest),
+ children
+ );
+ }
+}

src/mjml-html-attributes.js

@@ -0,0 +1,19 @@
+import React, { Component } from "react";
+import { node } from "prop-types";
+
+import { handleMjmlProps } from "./utils";
+
+export class MjmlHtmlAttributes extends Component {
+ static propTypes = {
+ children: node,
+ };
+
+ render() {
+ const { children, ...rest } = this.props;
+ return React.createElement(
+ "mj-html-attributes",
+ handleMjmlProps(rest),
+ children
+ );
+ }
+}

src/mjml-selector.js

@@ -0,0 +1,15 @@
+import React, { Component } from "react";
+import { node } from "prop-types";
+
+import { handleMjmlProps } from "./utils";
+
+export class MjmlSelector extends Component {
+ static propTypes = {
+ children: node,
+ };
+
+ render() {
+ const { children, ...rest } = this.props;
+ return React.createElement("mj-selector", handleMjmlProps(rest), children);
+ }
+}