@occmundial/occ-atomic 2.0.0-beta.1 → 2.0.0-beta.11

package/build/Label/Label.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,34 +13,36 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 /** Label component with different themes. The label can trigger some actions on click. */
-var Label =
-/*#__PURE__*/
-function (_React$Component) {
+var Label = /*#__PURE__*/function (_React$Component) {
   _inherits(Label, _React$Component);
 
+  var _super = _createSuper(Label);
+
   function Label() {
     _classCallCheck(this, Label);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Label).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Label, [{
@@ -53,12 +57,12 @@ function (_React$Component) {
           onClose = _this$props.onClose,
           onClick = _this$props.onClick,
           theme = _this$props.theme;
-      return _react["default"].createElement("label", {
+      return /*#__PURE__*/_react["default"].createElement("label", {
         className: "".concat(classes.label, " ").concat(theme ? classes[theme] : classes["default"]).concat(onClick ? " ".concat(classes.cursor) : '').concat(className ? " ".concat(className) : ''),
         id: id,
         style: style,
         onClick: onClick
-      }, children, onClose && _react["default"].createElement("span", {
+      }, children, onClose && /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.close,
         onClick: function onClick(e) {
           e.stopPropagation();

package/build/Label/Label.test.js

@@ -21,20 +21,20 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Label", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
       classes: classes
     }, "Label"));
     expect(wrapper).toMatchSnapshot();
   });
   it('shows the children content', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
       classes: classes
     }, "Label"));
     expect(wrapper.text()).toEqual('Label');
   });
   it('calls onClick function', function () {
     var onClick = jest.fn();
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
       classes: classes,
       onClick: onClick
     }, "Label"));
@@ -43,7 +43,7 @@ describe("Label", function () {
   });
   it('calls onClose function', function () {
     var onClose = jest.fn();
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
       classes: classes,
       onClose: onClose
     }, "Label"));
@@ -53,7 +53,7 @@ describe("Label", function () {
     expect(onClose.mock.calls.length).toBe(1);
   });
   it('has the right theme', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
       classes: classes,
       theme: "default"
     }, "Label"));
@@ -62,7 +62,7 @@ describe("Label", function () {
 });
 describe("LabelJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null, "Label"));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, "Label"));
     expect(wrapper).toMatchSnapshot();
   });
 });

package/build/Label/__snapshots__/Label.test.js.snap

@@ -0,0 +1,82 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Label matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Label styles matches the snapshot 1`] = `
+Object {
+  "blue": Object {
+    "& $close": Object {
+      "&:after": Object {
+        "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgcG9pbnRzPSI1LjQsNCA0LDUuNCAxMC43LDEyLjEgNC4yLDE4LjYgNS42LDIwIDEyLjEsMTMuNSAxOC40LDE5LjggMTkuOCwxOC40IDEzLjUsMTIuMSAyMCw1LjYgMTguNiw0LjIKICAgICAgICAgICAgCTEyLjEsMTAuNyAiLz4KICAgICAgICAgICAgPC9zdmc+)",
+      },
+      "&:before": Object {
+        "background": "#083cae",
+      },
+    },
+    "background": "#083cae",
+    "borderColor": "#083cae",
+    "color": "#ffffff",
+  },
+  "close": Object {
+    "&:after": Object {
+      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHBvbHlnb24gZmlsbD0iI2FiYjZiZCIgcG9pbnRzPSI1LjQsNCA0LDUuNCAxMC43LDEyLjEgNC4yLDE4LjYgNS42LDIwIDEyLjEsMTMuNSAxOC40LDE5LjggMTkuOCwxOC40IDEzLjUsMTIuMSAyMCw1LjYgMTguNiw0LjIKICAgICAgICAgICAgCTEyLjEsMTAuNyAiLz4KICAgICAgICAgICAgPC9zdmc+)",
+      "content": "\\"\\"",
+      "height": "18px",
+      "left": "0",
+      "position": "absolute",
+      "top": "0",
+      "width": "18px",
+    },
+    "&:before": Object {
+      "background": "#ffffff",
+      "borderRadius": "50%",
+      "content": "\\"\\"",
+      "filter": "blur(10px)",
+      "height": "50px",
+      "left": "-16px",
+      "position": "absolute",
+      "top": "-16px",
+      "width": "50px",
+    },
+    "&:hover": Object {
+      "opacity": "1",
+    },
+    "borderRadius": "50%",
+    "cursor": "pointer",
+    "display": "block",
+    "height": "18px",
+    "opacity": "0",
+    "position": "absolute",
+    "right": "4px",
+    "top": "1px",
+    "transition": "0.3s all",
+    "width": "18px",
+  },
+  "cursor": Object {
+    "cursor": "pointer",
+  },
+  "default": Object {
+    "background": "#ffffff",
+    "borderColor": "#979797",
+    "color": "#979797",
+  },
+  "label": Object {
+    "border": "1px solid",
+    "borderRadius": "11px",
+    "boxSizing": "border-box",
+    "display": "inline-block",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": "11px",
+    "fontWeight": "normal",
+    "height": "22px",
+    "lineHeight": "20px",
+    "marginRight": "5px",
+    "overflow": "hidden",
+    "padding": "0 15px",
+    "position": "relative",
+    "textAlign": "center",
+  },
+}
+`;
+
+exports[`LabelJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/LayerApp/LayerApp.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,38 +15,40 @@ var _SubHeader = _interopRequireDefault(require("../SubHeader"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-/**
-* The LayerApp component is a wrapper for the SubHeader component that also includes a content block.
-* It is meant to be used as an overlay screen, in front of the main content.
-* There are no examples included, since the LayerApp component occupies the whole screen in first plane.
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/**
+* The LayerApp component is a wrapper for the SubHeader component that also includes a content block.
+* It is meant to be used as an overlay screen, in front of the main content.
+* There are no examples included, since the LayerApp component occupies the whole screen in first plane.
 */
-var LayerApp =
-/*#__PURE__*/
-function (_React$Component) {
+var LayerApp = /*#__PURE__*/function (_React$Component) {
   _inherits(LayerApp, _React$Component);
 
+  var _super = _createSuper(LayerApp);
+
   function LayerApp() {
     _classCallCheck(this, LayerApp);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(LayerApp).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(LayerApp, [{
@@ -65,15 +69,15 @@ function (_React$Component) {
           left = _this$props.left,
           right = _this$props.right,
           center = _this$props.center;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(classes.layerApp, " ").concat(classes[theme])
-      }, _react["default"].createElement(_SubHeader["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_SubHeader["default"], {
         theme: theme,
         left: left,
         right: right,
         center: center,
         fixed: fixed
-      }), _react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.content
       }, children));
     }

package/build/LayerApp/LayerApp.test.js

@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("LayerApp", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_LayerApp["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_LayerApp["default"], {
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('renders the LayerApp with the right theme', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_LayerApp["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_LayerApp["default"], {
       classes: classes
     }));
     expect(wrapper.find('.layerApp').hasClass('blue')).toEqual(true);
@@ -37,7 +37,7 @@ describe("LayerApp", function () {
     expect(wrapper.find('.layerApp').hasClass('white')).toEqual(true);
   });
   it('renders the child content', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_LayerApp["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_LayerApp["default"], {
       classes: classes
     }, "Child content"));
     expect(wrapper.find('.content').text()).toEqual('Child content');
@@ -45,7 +45,7 @@ describe("LayerApp", function () {
 });
 describe("LayerAppJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
     expect(wrapper).toMatchSnapshot();
   });
 });

package/build/LayerApp/__snapshots__/LayerApp.test.js.snap

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LayerApp matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`LayerApp styles matches the snapshot 1`] = `
+Object {
+  "blue": Object {
+    "background": "#ffffff",
+  },
+  "content": Object {
+    "boxSizing": "border-box",
+    "height": "calc(100% - 60px)",
+    "left": "0",
+    "paddingBottom": "50px",
+    "paddingTop": "30px",
+    "position": "absolute",
+    "top": "60px",
+    "width": "100%",
+    "zIndex": "1",
+  },
+  "layerApp": Object {
+    "boxSizing": "border-box",
+    "fontFamily": "'OccText', sans-serif",
+    "height": "100%",
+    "left": "0",
+    "overflow": "auto",
+    "position": "fixed",
+    "top": "0",
+    "width": "100%",
+  },
+  "white": Object {
+    "background": "#f7f7f7",
+  },
+}
+`;
+
+exports[`LayerAppJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Modal/Modal.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,7 +27,7 @@ var _grid = _interopRequireDefault(require("../subatomic/grid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _extends() { _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; }; return _extends.apply(this, arguments); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -33,32 +35,36 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/**
-* The Modal component is rendered in any given container, avoiding z-index an position conflicts. Your application must have the logic to show or hide the Modal component.
-*/
-var Modal =
-/*#__PURE__*/
-function (_React$Component) {
+/**
+ * The Modal component is rendered in any given container, avoiding z-index an position conflicts. Your application must have the logic to show or hide the Modal component.
+ */
+var Modal = /*#__PURE__*/function (_React$Component) {
   _inherits(Modal, _React$Component);
 
+  var _super = _createSuper(Modal);
+
   function Modal(props) {
     var _this;
 
     _classCallCheck(this, Modal);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Modal).call(this, props));
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "resize", function () {
       _this.setState({
@@ -114,62 +120,66 @@ function (_React$Component) {
           imgTop = _this$props.imgTop,
           imgLeft = _this$props.imgLeft,
           onTransitionEnd = _this$props.onTransitionEnd,
-          fullSize = _this$props.fullSize;
+          fullSize = _this$props.fullSize,
+          testId = _this$props.testId;
 
-      var closeButton = _react["default"].createElement("div", {
+      var closeButton = /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.closeIcon
-      }, _react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({
         iconName: "close",
         width: 24,
         height: 24,
         colors: [_colors["default"].grey900],
         onClick: onClose
-      }));
+      }, testId && {
+        testId: "".concat(testId, "__close-icon")
+      })));
 
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        "data-testid": testId,
         className: "".concat(classes.overlay, " ").concat(show ? classes.overlayShow : classes.overlayHide).concat(!onClose ? " ".concat(classes.noClose) : ''),
         onClick: onClose,
         onTransitionEnd: onTransitionEnd
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.cardWrapper
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.cardBlock,
         onClick: this.avoidClose
-      }, _react["default"].createElement(_Card["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
         shadow: 5,
         className: "".concat(classes.card).concat(size ? " ".concat(classes[size]) : '').concat(show ? " ".concat(classes.cardShow) : " ".concat(classes.cardHide))
-      }, _react["default"].createElement(_Flexbox["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
         display: "flex",
         direction: imgLeft.img ? 'row' : 'col'
-      }, (imgLeft.img || imgTop.img) && _react["default"].createElement("div", {
+      }, (imgLeft.img || imgTop.img) && /*#__PURE__*/_react["default"].createElement("div", {
         className: imgLeft.img ? classes.imgLeft : classes.imgTop
-      }, imgTop.img && onClose && _react["default"].createElement("div", {
+      }, imgTop.img && onClose && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.closePosition
-      }, closeButton)), _react["default"].createElement(_Flexbox["default"], {
+      }, closeButton)), /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
         flex: imgLeft.img ? '1' : null
-      }, fullSize && mobile ? _react["default"].createElement("div", {
+      }, fullSize && mobile ? /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.top
-      }, _react["default"].createElement(_Flexbox["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
         alignItems: "end",
         className: classes.top
-      }, !imgTop.img && onClose && closeButton), title && _react["default"].createElement(_Text["default"], {
+      }, !imgTop.img && onClose && closeButton), title && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
         heading: true,
         className: classes.title
-      }, title)) : _react["default"].createElement(_Flexbox["default"], {
+      }, title)) : /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
         display: "flex",
         justifyContent: "end",
         alignItems: "start",
         className: classes.top
-      }, title && _react["default"].createElement(_Flexbox["default"], {
+      }, title && /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
         flex: "1"
-      }, _react["default"].createElement(_Text["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
         heading: true,
         className: classes.title
-      }, title)), !imgTop.img && onClose && closeButton), _react["default"].createElement("div", {
+      }, title)), !imgTop.img && onClose && closeButton), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.content
-      }, children), mainBtn && _react["default"].createElement("div", {
+      }, children), mainBtn && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.bottom
-      }, secBtn && _react["default"].createElement(_Button["default"], {
+      }, secBtn && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
         theme: "ghostGrey",
         className: classes.secBtn,
         onClick: secBtn.onClick,
@@ -178,7 +188,9 @@ function (_React$Component) {
         loading: secBtn.loading,
         disabled: secBtn.disabled,
         id: secBtn.id
-      }, secBtn.text), _react["default"].createElement(_Button["default"], {
+      }, testId && {
+        testId: "".concat(testId, "__button_secondary")
+      }), secBtn.text), /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
         className: classes.mainBtn,
         onClick: mainBtn.onClick,
         href: mainBtn.href,
@@ -186,7 +198,9 @@ function (_React$Component) {
         loading: mainBtn.loading,
         disabled: mainBtn.disabled,
         id: mainBtn.id
-      }, mainBtn.text))))))));
+      }, testId && {
+        testId: "".concat(testId, "__button_main")
+      }), mainBtn.text))))))));
     }
   }]);
 
@@ -243,7 +257,8 @@ Modal.propTypes = {
     img: _propTypes["default"].string,
     color: _propTypes["default"].string,
     position: _propTypes["default"].oneOf(['left', 'center', 'right']),
-    size: _propTypes["default"].oneOf(['contain', 'cover'])
+    size: _propTypes["default"].oneOf(['contain', 'cover', _propTypes["default"].string]),
+    height: _propTypes["default"].number
   }),
 
   /** Image url to render it on the left of the modal dialog. */
@@ -258,7 +273,10 @@ Modal.propTypes = {
   onTransitionEnd: _propTypes["default"].func,
 
   /** Boolean value to make full size the Modal component in mobile size. */
-  fullSize: _propTypes["default"].bool
+  fullSize: _propTypes["default"].bool,
+
+  /** The testId property adds the data attribute data-testid to the main element and should be used for testing only. */
+  testId: _propTypes["default"].string
 };
 var _default = Modal;
 exports["default"] = _default;