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

package/build/Grid/Col/index.js

@@ -5,9 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _reactJss = _interopRequireDefault(require("react-jss"));
+
 var _Col = _interopRequireDefault(require("./Col"));
 
+var _styles = _interopRequireDefault(require("./styles"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = _Col["default"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var StyledCol = (0, _reactJss["default"])(_styles["default"])(_Col["default"]); // eslint-disable-next-line
+
+var _Col$propTypes = _Col["default"].propTypes,
+    classes = _Col$propTypes.classes,
+    propTypes = _objectWithoutProperties(_Col$propTypes, ["classes"]);
+
+StyledCol.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledCol.propTypes);
+var _default = StyledCol;
 exports["default"] = _default;

package/build/Grid/Col/styles.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _reactJss = require("react-jss");
-
 var _grid = _interopRequireDefault(require("../../subatomic/grid"));
 
 var _spacing = _interopRequireDefault(require("../../subatomic/spacing"));
@@ -22,123 +20,106 @@ var styles = {
     paddingLeft: _spacing["default"].gutter
   }
 };
-var xs = ["@media (min-width: ".concat(_grid["default"].xs, "px)")];
-var sm = ["@media (min-width: ".concat(_grid["default"].sm, "px)")];
-var md = ["@media (min-width: ".concat(_grid["default"].md, "px)")];
-var lg = ["@media (min-width: ".concat(_grid["default"].lg, "px)")];
-var xl = ["@media (min-width: ".concat(_grid["default"].xl, "px)")];
 
-for (var i = 1; i <= 12; i++) {
-  styles["xxs".concat(i)] = {
-    "float": 'left',
-    width: "".concat(100 / 12 * i, "%")
-  };
-  styles["offset-xxs".concat(i)] = {
-    marginLeft: "".concat(100 / 12 * i, "%")
-  };
-  styles["push-xxs".concat(i)] = {
-    left: "".concat(100 / 12 * i, "%")
-  };
-  styles["pull-xxs".concat(i)] = {
-    right: "".concat(100 / 12 * i, "%")
-  };
-  styles["xs".concat(i)] = {};
-  styles["offset-xs".concat(i)] = {};
-  styles["push-xs".concat(i)] = {};
-  styles["pull-xs".concat(i)] = {};
-  styles["sm".concat(i)] = {};
-  styles["offset-sm".concat(i)] = {};
-  styles["push-sm".concat(i)] = {};
-  styles["pull-sm".concat(i)] = {};
-  styles["md".concat(i)] = {};
-  styles["offset-md".concat(i)] = {};
-  styles["push-md".concat(i)] = {};
-  styles["pull-md".concat(i)] = {};
-  styles["lg".concat(i)] = {};
-  styles["offset-lg".concat(i)] = {};
-  styles["push-lg".concat(i)] = {};
-  styles["pull-lg".concat(i)] = {};
-  styles["xl".concat(i)] = {};
-  styles["offset-xl".concat(i)] = {};
-  styles["push-xl".concat(i)] = {};
-  styles["pull-xl".concat(i)] = {};
-}
+var pushGrid = function pushGrid() {
+  var xs = "@media (min-width: ".concat(_grid["default"].xs, "px)");
+  var sm = "@media (min-width: ".concat(_grid["default"].sm, "px)");
+  var md = "@media (min-width: ".concat(_grid["default"].md, "px)");
+  var lg = "@media (min-width: ".concat(_grid["default"].lg, "px)");
+  var xl = "@media (min-width: ".concat(_grid["default"].xl, "px)");
 
-;
-styles[xs] = {};
-styles[sm] = {};
-styles[md] = {};
-styles[lg] = {};
-styles[xl] = {};
+  for (var i = 1; i <= 12; i++) {
+    styles["xxs".concat(i)] = {
+      "float": 'left',
+      width: "".concat(100 / 12 * i, "%")
+    };
+    styles["offset-xxs".concat(i)] = {
+      marginLeft: "".concat(100 / 12 * i, "%")
+    };
+    styles["push-xxs".concat(i)] = {
+      left: "".concat(100 / 12 * i, "%")
+    };
+    styles["pull-xxs".concat(i)] = {
+      right: "".concat(100 / 12 * i, "%")
+    };
+  }
 
-for (var _i = 1; _i <= 12; _i++) {
-  styles[xs]["xs".concat(_i)] = {
-    "float": 'left',
-    width: "".concat(100 / 12 * _i, "%")
-  };
-  styles[xs]["offset-xs".concat(_i)] = {
-    marginLeft: "".concat(100 / 12 * _i, "%")
-  };
-  styles[xs]["push-xs".concat(_i)] = {
-    left: "".concat(100 / 12 * _i, "%")
-  };
-  styles[xs]["pull-xs".concat(_i)] = {
-    right: "".concat(100 / 12 * _i, "%")
-  };
-  styles[sm]["sm".concat(_i)] = {
-    "float": 'left',
-    width: "".concat(100 / 12 * _i, "%")
-  };
-  styles[sm]["offset-sm".concat(_i)] = {
-    marginLeft: "".concat(100 / 12 * _i, "%")
-  };
-  styles[sm]["push-sm".concat(_i)] = {
-    left: "".concat(100 / 12 * _i, "%")
-  };
-  styles[sm]["pull-sm".concat(_i)] = {
-    right: "".concat(100 / 12 * _i, "%")
-  };
-  styles[md]["md".concat(_i)] = {
-    "float": 'left',
-    width: "".concat(100 / 12 * _i, "%")
-  };
-  styles[md]["offset-md".concat(_i)] = {
-    marginLeft: "".concat(100 / 12 * _i, "%")
-  };
-  styles[md]["push-md".concat(_i)] = {
-    left: "".concat(100 / 12 * _i, "%")
-  };
-  styles[md]["pull-md".concat(_i)] = {
-    right: "".concat(100 / 12 * _i, "%")
-  };
-  styles[lg]["lg".concat(_i)] = {
-    "float": 'left',
-    width: "".concat(100 / 12 * _i, "%")
-  };
-  styles[lg]["offset-lg".concat(_i)] = {
-    marginLeft: "".concat(100 / 12 * _i, "%")
-  };
-  styles[lg]["push-lg".concat(_i)] = {
-    left: "".concat(100 / 12 * _i, "%")
-  };
-  styles[lg]["pull-lg".concat(_i)] = {
-    right: "".concat(100 / 12 * _i, "%")
-  };
-  styles[xl]["xl".concat(_i)] = {
-    "float": 'left',
-    width: "".concat(100 / 12 * _i, "%")
-  };
-  styles[xl]["offset-xl".concat(_i)] = {
-    marginLeft: "".concat(100 / 12 * _i, "%")
-  };
-  styles[xl]["push-xl".concat(_i)] = {
-    left: "".concat(100 / 12 * _i, "%")
-  };
-  styles[xl]["pull-xl".concat(_i)] = {
-    right: "".concat(100 / 12 * _i, "%")
-  };
-}
+  ;
+  styles[xs] = {};
+  styles[sm] = {};
+  styles[md] = {};
+  styles[lg] = {};
+  styles[xl] = {};
 
-var _default = (0, _reactJss.createUseStyles)(styles);
+  for (var _i = 1; _i <= 12; _i++) {
+    styles[xs]["xs".concat(_i)] = {
+      "float": 'left',
+      width: "".concat(100 / 12 * _i, "%")
+    };
+    styles[xs]["offset-xs".concat(_i)] = {
+      marginLeft: "".concat(100 / 12 * _i, "%")
+    };
+    styles[xs]["push-xs".concat(_i)] = {
+      left: "".concat(100 / 12 * _i, "%")
+    };
+    styles[xs]["pull-xs".concat(_i)] = {
+      right: "".concat(100 / 12 * _i, "%")
+    };
+    styles[sm]["sm".concat(_i)] = {
+      "float": 'left',
+      width: "".concat(100 / 12 * _i, "%")
+    };
+    styles[sm]["offset-sm".concat(_i)] = {
+      marginLeft: "".concat(100 / 12 * _i, "%")
+    };
+    styles[sm]["push-sm".concat(_i)] = {
+      left: "".concat(100 / 12 * _i, "%")
+    };
+    styles[sm]["pull-sm".concat(_i)] = {
+      right: "".concat(100 / 12 * _i, "%")
+    };
+    styles[md]["md".concat(_i)] = {
+      "float": 'left',
+      width: "".concat(100 / 12 * _i, "%")
+    };
+    styles[md]["offset-md".concat(_i)] = {
+      marginLeft: "".concat(100 / 12 * _i, "%")
+    };
+    styles[md]["push-md".concat(_i)] = {
+      left: "".concat(100 / 12 * _i, "%")
+    };
+    styles[md]["pull-md".concat(_i)] = {
+      right: "".concat(100 / 12 * _i, "%")
+    };
+    styles[lg]["lg".concat(_i)] = {
+      "float": 'left',
+      width: "".concat(100 / 12 * _i, "%")
+    };
+    styles[lg]["offset-lg".concat(_i)] = {
+      marginLeft: "".concat(100 / 12 * _i, "%")
+    };
+    styles[lg]["push-lg".concat(_i)] = {
+      left: "".concat(100 / 12 * _i, "%")
+    };
+    styles[lg]["pull-lg".concat(_i)] = {
+      right: "".concat(100 / 12 * _i, "%")
+    };
+    styles[xl]["xl".concat(_i)] = {
+      "float": 'left',
+      width: "".concat(100 / 12 * _i, "%")
+    };
+    styles[xl]["offset-xl".concat(_i)] = {
+      marginLeft: "".concat(100 / 12 * _i, "%")
+    };
+    styles[xl]["push-xl".concat(_i)] = {
+      left: "".concat(100 / 12 * _i, "%")
+    };
+    styles[xl]["pull-xl".concat(_i)] = {
+      right: "".concat(100 / 12 * _i, "%")
+    };
+  }
+};
 
+pushGrid();
+var _default = styles;
 exports["default"] = _default;

package/build/Grid/Grid.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
 });
@@ -15,9 +17,9 @@ var _Col = _interopRequireDefault(require("./Col"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -25,28 +27,32 @@ 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 _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); }
 
 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 Grid should be used as the main content container. You can't use a Grid inside of another Grid, it will brake your layout. */
-var Grid =
-/*#__PURE__*/
-function (_Component) {
+var Grid = /*#__PURE__*/function (_Component) {
   _inherits(Grid, _Component);
 
+  var _super = _createSuper(Grid);
+
   function Grid() {
     _classCallCheck(this, Grid);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Grid).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Grid, [{
@@ -60,7 +66,7 @@ function (_Component) {
           className = _this$props.className,
           id = _this$props.id,
           style = _this$props.style;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(fluid ? classes.conFluid : classes.con).concat(className ? " ".concat(className) : ''),
         style: style,
         id: id,

package/build/Grid/Row/Row.js

@@ -18,7 +18,7 @@ var Row = function Row(_ref) {
       className = _ref.className,
       id = _ref.id,
       style = _ref.style;
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.row).concat(className ? " ".concat(className) : ''),
     style: style,
     id: id

package/build/Grid/Row/Row.test.js

@@ -21,7 +21,7 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Row", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Row["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Row["default"], {
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
@@ -29,7 +29,7 @@ describe("Row", function () {
 });
 describe("RowJSS", 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/Grid/Row/__snapshots__/Row.test.js.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Row matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Row styles matches the snapshot 1`] = `
+Object {
+  "row": Object {
+    "&:after": Object {
+      "clear": "both",
+    },
+    "&:before, &:after": Object {
+      "content": "\\"\\"",
+      "display": "table",
+    },
+    "boxSizing": "border-box",
+    "marginLeft": -12,
+    "marginRight": -12,
+  },
+}
+`;
+
+exports[`RowJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Grid/Row/index.js

@@ -13,7 +13,9 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 
@@ -27,6 +29,6 @@ var _Row$propTypes = _Row["default"].propTypes,
     classes = _Row$propTypes.classes,
     propTypes = _objectWithoutProperties(_Row$propTypes, ["classes"]);
 
-StyledRow.propTypes = _objectSpread({}, propTypes, StyledRow.propTypes);
+StyledRow.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledRow.propTypes);
 var _default = StyledRow;
 exports["default"] = _default;

package/build/Grid/index.js

@@ -13,7 +13,9 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 
@@ -27,6 +29,6 @@ var _Grid$propTypes = _Grid["default"].propTypes,
     classes = _Grid$propTypes.classes,
     propTypes = _objectWithoutProperties(_Grid$propTypes, ["classes"]);
 
-StyledGrid.propTypes = _objectSpread({}, propTypes, StyledGrid.propTypes);
+StyledGrid.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledGrid.propTypes);
 var _default = StyledGrid;
 exports["default"] = _default;

package/build/Header/Header.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
 });
@@ -17,43 +19,45 @@ var _Visible = _interopRequireDefault(require("../Visible"));
 
 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 _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 _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); }
 
-/**
-* This header component should be filled with a logo section, a nav section and a user menu.
-* For the nav section, use the Nav component of this library. In desktop it will be displayed rght next to the logo. In mobile it will appear below the logo and user menu.
-* For the user menu, use the Menu component of this library.
-* This header includes a Messages/Chat icon, which you can configure with the messageIcon property.
-* (NOTE: The example will not work properly in mobile, since it uses fixed positioning, breaking the Header because is not in the top of the page.)
-* The documentation for Nav and Menu is not included here, since they are completely dependant of Header. Use the example below to see how to implement them.
+/**
+* This header component should be filled with a logo section, a nav section and a user menu.
+* For the nav section, use the Nav component of this library. In desktop it will be displayed rght next to the logo. In mobile it will appear below the logo and user menu.
+* For the user menu, use the Menu component of this library.
+* This header includes a Messages/Chat icon, which you can configure with the messageIcon property.
+* (NOTE: The example will not work properly in mobile, since it uses fixed positioning, breaking the Header because is not in the top of the page.)
+* The documentation for Nav and Menu is not included here, since they are completely dependant of Header. Use the example below to see how to implement them.
 */
-var Header =
-/*#__PURE__*/
-function (_React$Component) {
+var Header = /*#__PURE__*/function (_React$Component) {
   _inherits(Header, _React$Component);
 
+  var _super = _createSuper(Header);
+
   function Header(props) {
     var _this;
 
     _classCallCheck(this, Header);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Header).call(this, props));
+    _this = _super.call(this, props);
     _this.state = {
       shadow: true
     };
@@ -94,38 +98,38 @@ function (_React$Component) {
           menu = _this$props.menu,
           title = _this$props.title,
           messagesIcon = _this$props.messagesIcon;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         id: "mainNav",
         className: classes.navbar
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(classes.master, " ").concat(shadow ? classes.shadow : '')
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.content
-      }, _react["default"].createElement(_Hidden["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Hidden["default"], {
         xs: true
-      }, logo), _react["default"].createElement(_Visible["default"], {
+      }, logo), /*#__PURE__*/_react["default"].createElement(_Visible["default"], {
         xs: true
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.title
-      }, title)), _react["default"].createElement("div", {
+      }, title)), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.user
-      }, messagesIcon.hasOwnProperty('active') && messagesIcon.active && _react["default"].createElement("a", {
+      }, messagesIcon.hasOwnProperty('active') && messagesIcon.active && /*#__PURE__*/_react["default"].createElement("a", {
         id: messagesIcon.id,
         href: messagesIcon.href,
         className: classes.messages
-      }, _react["default"].createElement("i", {
+      }, /*#__PURE__*/_react["default"].createElement("i", {
         className: classes.bubble
-      })), menu), _react["default"].createElement(_Hidden["default"], {
+      })), menu), /*#__PURE__*/_react["default"].createElement(_Hidden["default"], {
         xs: true
-      }, nav))), _react["default"].createElement(_Visible["default"], {
+      }, nav))), /*#__PURE__*/_react["default"].createElement(_Visible["default"], {
         xs: true
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.separate
-      }, _react["default"].createElement(_reactWaypoint["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_reactWaypoint["default"], {
         topOffset: 60,
         onEnter: this.removeShadow,
         onLeave: this.addShadow
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: !shadow ? classes.shadow : ''
       }, nav)))));
     }

package/build/Header/Header.test.js

@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Header", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Header["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('shows the shadow at the right place', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Header["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
       classes: classes
     }));
     global.innerWidth = 500;
@@ -42,7 +42,7 @@ describe("Header", function () {
     expect(wrapper.find('.separate .shadow').length).toBe(1);
   });
   it('shows and hides the logo', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Header["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
       classes: classes,
       logo: "Logo"
     }));
@@ -54,7 +54,7 @@ describe("Header", function () {
     expect(wrapper.find('.content').text()).toBe('');
   });
   it('shows and hides the title', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Header["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
       classes: classes,
       title: "Title"
     }));
@@ -66,7 +66,7 @@ describe("Header", function () {
     expect(wrapper.find('.content').text()).toBe('Title');
   });
   it('renders the message icon', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Header["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
       classes: classes,
       messagesIcon: {
         active: true,
@@ -81,14 +81,14 @@ describe("Header", function () {
     expect(wrapper.find('#messagesIcon').at(0).length).toBe(0);
   });
   it('renders the menu', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Header["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
       classes: classes,
       menu: "Menu"
     }));
     expect(wrapper.find('.user').text()).toBe('Menu');
   });
   it('renders the nav menu', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Header["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
       classes: classes,
       nav: "Nav"
     }));
@@ -107,7 +107,7 @@ describe("Header", function () {
 });
 describe("HeaderJSS", 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();
   });
 });