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

package/build/Tooltip/hooks.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOpenTooltipState = useOpenTooltipState;
+exports.useThrottle = useThrottle;
+
+var _react = require("react");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function useOpenTooltipState(openExternal, setOpenExternal, closeDelay) {
+  var _useThrottle = useThrottle({
+    trailing: true,
+    leading: false
+  }),
+      throttle = _useThrottle.throttle,
+      cancel = _useThrottle.cancel;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      openInternal = _useState2[0],
+      setOpenInternal = _useState2[1];
+
+  var open = (0, _react.useMemo)(function () {
+    return openExternal !== null && openExternal !== void 0 ? openExternal : openInternal;
+  }, [openExternal, openInternal]);
+  var setOpenSource = (0, _react.useMemo)(function () {
+    return openExternal !== undefined ? setOpenExternal !== null && setOpenExternal !== void 0 ? setOpenExternal : function () {} : setOpenInternal;
+  }, [openExternal, setOpenExternal, setOpenInternal]);
+  var setOpenSourceDelay = (0, _react.useCallback)(function (show) {
+    throttle({
+      throttleTime: closeDelay,
+      callback: function callback() {
+        return setOpenSource(show);
+      }
+    });
+  }, [closeDelay, setOpenSource, throttle]);
+
+  function setOpen(openValue) {
+    if (openValue) {
+      if (open) cancel();
+      setOpenSource(true);
+    } else {
+      closeDelay > 0 ? setOpenSourceDelay(false) : setOpenSource(false);
+    }
+  }
+
+  (0, _react.useEffect)(function () {
+    if (closeDelay <= 0) return;
+
+    if (openExternal === false) {
+      cancel();
+    } else {
+      setOpenSourceDelay(false);
+    }
+  }, [openExternal, setOpenSourceDelay, setOpenSource, closeDelay, cancel]);
+  return [open, setOpen];
+}
+
+function useThrottle() {
+  var defaults = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var timeout = (0, _react.useRef)(null);
+  var lastCallback = (0, _react.useRef)(null);
+  var date = (0, _react.useRef)(null);
+  var cancel = (0, _react.useCallback)(function () {
+    if (!timeout.current) return;
+    window.clearTimeout(timeout.current);
+    timeout.current = null;
+    date.current = null;
+  }, []);
+  var flush = (0, _react.useCallback)(function () {
+    if (!lastCallback.current) return;
+    lastCallback.current();
+    lastCallback.current = null;
+    date.current = null;
+    cancel();
+  }, [cancel]);
+  var throttle = (0, _react.useCallback)(function (_ref) {
+    var _ref4;
+
+    var callback = _ref.callback,
+        throttleTime = _ref.throttleTime,
+        leading = _ref.leading,
+        trailing = _ref.trailing;
+
+    if (timeout.current) {
+      var _ref2;
+
+      return lastCallback.current = (_ref2 = callback !== null && callback !== void 0 ? callback : defaults.callback) !== null && _ref2 !== void 0 ? _ref2 : null;
+    } else {
+      var _ref3, _defaults$leading;
+
+      date.current = new Date();
+
+      if ((_ref3 = (_defaults$leading = defaults === null || defaults === void 0 ? void 0 : defaults.leading) !== null && _defaults$leading !== void 0 ? _defaults$leading : leading) !== null && _ref3 !== void 0 ? _ref3 : true) {
+        callback();
+      } else {
+        lastCallback.current = callback;
+      }
+    }
+
+    timeout.current = window.setTimeout(function () {
+      var _defaults$trailing;
+
+      ((_defaults$trailing = defaults === null || defaults === void 0 ? void 0 : defaults.trailing) !== null && _defaults$trailing !== void 0 ? _defaults$trailing : trailing) ? flush() : cancel();
+    }, (_ref4 = throttleTime !== null && throttleTime !== void 0 ? throttleTime : defaults.throttleTime) !== null && _ref4 !== void 0 ? _ref4 : 1000);
+  }, [cancel, defaults.callback, defaults === null || defaults === void 0 ? void 0 : defaults.leading, defaults.throttleTime, defaults === null || defaults === void 0 ? void 0 : defaults.trailing, flush]);
+  (0, _react.useEffect)(function () {
+    return cancel;
+  }, [cancel]);
+  return {
+    throttle: throttle,
+    flush: flush,
+    cancel: cancel,
+    isActive: function isActive() {
+      return !!date.current;
+    },
+    date: date
+  };
+}

package/build/Tooltip/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _reactJss = _interopRequireDefault(require("react-jss"));
+
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = (0, _reactJss["default"])(_styles["default"])(_Tooltip["default"]);
+
+exports["default"] = _default;

package/build/Tooltip/styles.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../subatomic/colors"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var infoLight = _colors["default"].infoLight,
+    infoText = _colors["default"].infoText,
+    info = _colors["default"].info,
+    white = _colors["default"].white,
+    grey900 = _colors["default"].grey900;
+var _default = {
+  activator: {
+    display: 'inline-block'
+  },
+  tooltip: {
+    padding: '16px',
+    borderRadius: '4px',
+    fontSize: '14px',
+    lineHeight: 1.5
+  },
+  info: {
+    background: infoLight,
+    color: infoText
+  },
+  dark: {
+    background: grey900,
+    color: white
+  },
+  light: {
+    background: white,
+    color: info
+  },
+  purple: {
+    background: info,
+    color: white
+  }
+};
+exports["default"] = _default;

package/build/TourTip/TourTip.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,36 +17,38 @@ var _jquery = _interopRequireDefault(require("jquery"));
 
 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 component displays a tooltip in a defined direction and alignment relative to a specified element. To make it work both, the target and the TourTip component, must be wrapped inside a 'relative' container. */
-var TourTip =
-/*#__PURE__*/
-function (_React$Component) {
+var TourTip = /*#__PURE__*/function (_React$Component) {
   _inherits(TourTip, _React$Component);
 
+  var _super = _createSuper(TourTip);
+
   function TourTip(props) {
     var _this;
 
     _classCallCheck(this, TourTip);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(TourTip).call(this, props));
+    _this = _super.call(this, props);
     _this.state = {
       position: {}
     };
@@ -111,7 +115,7 @@ function (_React$Component) {
           direction = _this$props2.direction,
           id = _this$props2.id,
           className = _this$props2.className;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         ref: function ref(_ref) {
           _this3.self = _ref;
         },

package/build/TourTip/TourTip.test.js

@@ -21,7 +21,7 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("TourTip", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_TourTip["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_TourTip["default"], {
       classes: classes,
       direction: "down",
       target: "target"
@@ -31,7 +31,7 @@ describe("TourTip", function () {
 });
 describe("TourTipJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
       direction: "down",
       target: "target"
     }));

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

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TourTip matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`TourTip styles matches the snapshot 1`] = `
+Object {
+  "down": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid #1476fb",
+      "borderLeft": "5px solid transparent",
+      "borderRight": "5px solid transparent",
+      "bottom": "100%",
+      "left": "50%",
+      "transform": "translateX(-50%)",
+    },
+  },
+  "left": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid transparent",
+      "borderLeft": "5px solid #1476fb",
+      "borderTop": "5px solid transparent",
+      "left": "100%",
+      "top": "50%",
+      "transform": "translateY(-50%)",
+    },
+  },
+  "right": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid transparent",
+      "borderRight": "5px solid #1476fb",
+      "borderTop": "5px solid transparent",
+      "right": "100%",
+      "top": "50%",
+      "transform": "translateY(-50%)",
+    },
+  },
+  "tip": Object {
+    "&:after": Object {
+      "content": "\\"\\"",
+      "display": "block",
+      "position": "absolute",
+    },
+    "alignItems": "center",
+    "background": "#1476fb",
+    "borderRadius": "3px",
+    "boxShadow": "0 12px 9px -5px rgba(0,0,0,0.12), 0 10px 32px 0 rgba(0,29,124,0.12)",
+    "boxSizing": "border-box",
+    "color": "#ffffff",
+    "display": "flex",
+    "fontFamily": "'Nunito Sans', sans-serif",
+    "fontSize": "12px",
+    "height": "40px",
+    "left": "0",
+    "padding": "0 15px",
+    "position": "absolute",
+    "top": "0",
+    "transition": "0.3s all",
+    "whiteSpace": "nowrap",
+    "zIndex": "10",
+  },
+  "up": Object {
+    "&:after": Object {
+      "borderLeft": "5px solid transparent",
+      "borderRight": "5px solid transparent",
+      "borderTop": "5px solid #1476fb",
+      "left": "50%",
+      "top": "100%",
+      "transform": "translateX(-50%)",
+    },
+  },
+}
+`;
+
+exports[`TourTipJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Visible/Visible.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,36 +15,38 @@ 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 _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); }
 
 /** Shows the content on the specified window size. */
-var Visible =
-/*#__PURE__*/
-function (_React$Component) {
+var Visible = /*#__PURE__*/function (_React$Component) {
   _inherits(Visible, _React$Component);
 
+  var _super = _createSuper(Visible);
+
   function Visible(props) {
     var _this;
 
     _classCallCheck(this, Visible);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Visible).call(this, props));
+    _this = _super.call(this, props);
     _this.state = {
       width: 0
     };
@@ -86,9 +90,9 @@ function (_React$Component) {
           lg = _this$props.lg;
 
       if (width >= _grid["default"].xxs && width < _grid["default"].sm && xs || width >= _grid["default"].sm && width < _grid["default"].md && sm || width >= _grid["default"].md && width < _grid["default"].lg && md || width >= _grid["default"].lg && lg) {
-        return _react["default"].createElement("span", null, children);
+        return /*#__PURE__*/_react["default"].createElement("span", null, children);
       } else {
-        return _react["default"].createElement("span", null);
+        return /*#__PURE__*/_react["default"].createElement("span", null);
       }
     }
   }]);

package/build/Visible/Visible.test.js

@@ -10,15 +10,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 describe("Visible", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Visible["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Visible["default"], {
       xs: true
-    }, _react["default"].createElement("div", null, "Text")));
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Text")));
     expect(wrapper).toMatchSnapshot();
   });
   it('shows content in xs', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Visible["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Visible["default"], {
       xs: true
-    }, _react["default"].createElement("div", null, "Text")));
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Text")));
     wrapper.setState({
       width: 1200
     });

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

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Visible matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/WindowSize/WindowSize.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,9 +13,9 @@ var _grid = _interopRequireDefault(require("../subatomic/grid"));
 
 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 _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); }
 
@@ -23,28 +25,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 _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 _default(ComposedComponent) {
-  var WindowSize =
-  /*#__PURE__*/
-  function (_Component) {
+  var WindowSize = /*#__PURE__*/function (_Component) {
     _inherits(WindowSize, _Component);
 
+    var _super = _createSuper(WindowSize);
+
     function WindowSize(props) {
       var _this;
 
       _classCallCheck(this, WindowSize);
 
-      _this = _possibleConstructorReturn(this, _getPrototypeOf(WindowSize).call(this, props));
+      _this = _super.call(this, props);
       _this.state = {
         size: 'sm',
         winWidth: 0
@@ -79,7 +85,7 @@ function _default(ComposedComponent) {
         var _this$state = this.state,
             size = _this$state.size,
             winWidth = _this$state.winWidth;
-        return _react["default"].createElement(ComposedComponent, _extends({}, this.props, {
+        return /*#__PURE__*/_react["default"].createElement(ComposedComponent, _extends({}, this.props, {
           size: size,
           winWidth: winWidth
         }));

package/build/WindowSize/WindowSize.test.js

@@ -12,13 +12,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 describe("WindowSize", function () {
   it('matches the snapshot', function () {
-    var Component = (0, _WindowSize["default"])(_react["default"].createElement(_Button["default"], null, "Button"));
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(Component, null));
+    var Component = (0, _WindowSize["default"])( /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "Button"));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(Component, null));
     expect(wrapper).toMatchSnapshot();
   });
   it('sets the size as medium', function () {
-    var Component = (0, _WindowSize["default"])(_react["default"].createElement(_Button["default"], null, "Button"));
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(Component, null));
+    var Component = (0, _WindowSize["default"])( /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "Button"));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(Component, null));
     expect(wrapper.prop('size')).toEqual('md');
   });
 });

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

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WindowSize matches the snapshot 1`] = `ShallowWrapper {}`;