@occmundial/occ-atomic 3.0.0-beta.7 → 3.0.0-beta.70

package/build/Header/Header.js

@@ -1,163 +0,0 @@
-"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
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactWaypoint = _interopRequireDefault(require("react-waypoint"));
-
-var _Hidden = _interopRequireDefault(require("../Hidden"));
-
-var _Visible = _interopRequireDefault(require("../Visible"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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 _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 _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); }
-
-/**
-* 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) {
-  _inherits(Header, _React$Component);
-
-  var _super = _createSuper(Header);
-
-  function Header(props) {
-    var _this;
-
-    _classCallCheck(this, Header);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      shadow: true
-    };
-    _this.removeShadow = _this.removeShadow.bind(_assertThisInitialized(_this));
-    _this.addShadow = _this.addShadow.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(Header, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (process.env.NODE_ENV === 'development') {
-        console.warn('DEPRECATED: The Header component will be removed soon. Use the NavTab component instead.');
-      }
-    }
-  }, {
-    key: "removeShadow",
-    value: function removeShadow() {
-      this.setState({
-        shadow: false
-      });
-    }
-  }, {
-    key: "addShadow",
-    value: function addShadow() {
-      this.setState({
-        shadow: true
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var shadow = this.state.shadow;
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          logo = _this$props.logo,
-          nav = _this$props.nav,
-          menu = _this$props.menu,
-          title = _this$props.title,
-          messagesIcon = _this$props.messagesIcon;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        id: "mainNav",
-        className: classes.navbar
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(classes.master, " ").concat(shadow ? classes.shadow : '')
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.content
-      }, /*#__PURE__*/_react["default"].createElement(_Hidden["default"], {
-        xs: true
-      }, logo), /*#__PURE__*/_react["default"].createElement(_Visible["default"], {
-        xs: true
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.title
-      }, title)), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.user
-      }, messagesIcon.hasOwnProperty('active') && messagesIcon.active && /*#__PURE__*/_react["default"].createElement("a", {
-        id: messagesIcon.id,
-        href: messagesIcon.href,
-        className: classes.messages
-      }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: classes.bubble
-      })), menu), /*#__PURE__*/_react["default"].createElement(_Hidden["default"], {
-        xs: true
-      }, nav))), /*#__PURE__*/_react["default"].createElement(_Visible["default"], {
-        xs: true
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.separate
-      }, /*#__PURE__*/_react["default"].createElement(_reactWaypoint["default"], {
-        topOffset: 60,
-        onEnter: this.removeShadow,
-        onLeave: this.addShadow
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: !shadow ? classes.shadow : ''
-      }, nav)))));
-    }
-  }]);
-
-  return Header;
-}(_react["default"].Component);
-
-Header.defaultProps = {
-  messagesIcon: {}
-};
-Header.propTypes = {
-  classes: _propTypes["default"].object,
-
-  /** Send any content as the logo of your app. */
-  logo: _propTypes["default"].node,
-
-  /** The title of the section you're in. This will be visible in mobile. */
-  title: _propTypes["default"].string,
-
-  /** Nav component with the required props. */
-  nav: _propTypes["default"].node,
-
-  /** Menu component with the required props. */
-  menu: _propTypes["default"].node,
-
-  /** Object with the properties to display the message/chat icon. To show it, pass an object with active: true, an id and the href property. */
-  messagesIcon: _propTypes["default"].object
-};
-var _default = Header;
-exports["default"] = _default;

package/build/Header/Header.test.js

@@ -1,118 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _Header = _interopRequireDefault(require("./Header"));
-
-var _styles = _interopRequireDefault(require("./styles"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
-
-var reduceClasses = function reduceClasses(prev, curr) {
-  return Object.assign({}, prev, _defineProperty({}, curr, curr));
-};
-
-var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
-describe("Header", function () {
-  it('matches the snapshot', function () {
-    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)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
-      classes: classes
-    }));
-    global.innerWidth = 500;
-    global.dispatchEvent(new Event('resize'));
-    wrapper.update();
-    expect(wrapper.find('.master').hasClass('shadow')).toBe(true);
-    expect(wrapper.find('.separate .shadow').length).toBe(0);
-    wrapper.setState({
-      shadow: false
-    });
-    expect(wrapper.find('.master').hasClass('shadow')).toBe(false);
-    expect(wrapper.find('.separate .shadow').length).toBe(1);
-  });
-  it('shows and hides the logo', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
-      classes: classes,
-      logo: "Logo"
-    }));
-    global.innerWidth = 1200;
-    global.dispatchEvent(new Event('resize'));
-    expect(wrapper.find('.content').text()).toBe('Logo');
-    global.innerWidth = 500;
-    global.dispatchEvent(new Event('resize'));
-    expect(wrapper.find('.content').text()).toBe('');
-  });
-  it('shows and hides the title', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
-      classes: classes,
-      title: "Title"
-    }));
-    global.innerWidth = 1200;
-    global.dispatchEvent(new Event('resize'));
-    expect(wrapper.find('.content').text()).toBe('');
-    global.innerWidth = 500;
-    global.dispatchEvent(new Event('resize'));
-    expect(wrapper.find('.content').text()).toBe('Title');
-  });
-  it('renders the message icon', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
-      classes: classes,
-      messagesIcon: {
-        active: true,
-        id: 'messagesIcon',
-        href: '#'
-      }
-    }));
-    expect(wrapper.find('#messagesIcon').at(0).length).toBe(1);
-    wrapper.setProps({
-      messagesIcon: {}
-    });
-    expect(wrapper.find('#messagesIcon').at(0).length).toBe(0);
-  });
-  it('renders the menu', function () {
-    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)( /*#__PURE__*/_react["default"].createElement(_Header["default"], {
-      classes: classes,
-      nav: "Nav"
-    }));
-    global.innerWidth = 1200;
-    global.dispatchEvent(new Event('resize'));
-    wrapper.update();
-    expect(wrapper.find('.content').text()).toBe('Nav');
-    expect(wrapper.find('.separate').length).toBe(0);
-    global.innerWidth = 500;
-    global.dispatchEvent(new Event('resize'));
-    wrapper.update();
-    expect(wrapper.find('.content').text()).toBe('');
-    expect(wrapper.find('.separate').length).toBe(1);
-    expect(wrapper.find('.separate').text()).toBe('Nav');
-  });
-});
-describe("HeaderJSS", function () {
-  it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
-    expect(wrapper).toMatchSnapshot();
-  });
-});
-describe("Header styles", function () {
-  it('matches the snapshot', function () {
-    expect(_styles["default"]).toMatchSnapshot();
-  });
-});

package/build/Header/Menu/Menu.js

@@ -1,135 +0,0 @@
-"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
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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"); } }
-
-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 _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 _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 _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); }
-
-var Menu = /*#__PURE__*/function (_React$Component) {
-  _inherits(Menu, _React$Component);
-
-  var _super = _createSuper(Menu);
-
-  function Menu(props) {
-    var _this;
-
-    _classCallCheck(this, Menu);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      open: false
-    };
-    _this.toggleMenu = _this.toggleMenu.bind(_assertThisInitialized(_this));
-    _this.closeMenu = _this.closeMenu.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(Menu, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (process.env.NODE_ENV === 'development') {
-        console.warn('DEPRECATED: The Menu component will be removed soon. Use the NavTab component instead.');
-      }
-    }
-  }, {
-    key: "toggleMenu",
-    value: function toggleMenu(e) {
-      e.stopPropagation();
-      this.setState({
-        open: !this.state.open
-      });
-
-      if (!this.state.open) {
-        window.addEventListener("click", this.closeMenu);
-      }
-    }
-  }, {
-    key: "closeMenu",
-    value: function closeMenu() {
-      this.setState({
-        open: false
-      });
-      window.removeEventListener("click", this.closeMenu);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var open = this.state.open;
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          id = _this$props.id,
-          label = _this$props.label,
-          buttons = _this$props.buttons;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        id: id,
-        className: classes.menu
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.btnContainer
-      }, /*#__PURE__*/_react["default"].createElement("button", {
-        className: "".concat(classes.btnMenu, " ").concat(open ? classes.btnMenuOpen : ''),
-        onClick: this.toggleMenu
-      }, /*#__PURE__*/_react["default"].createElement("p", {
-        className: classes.label
-      }, label), /*#__PURE__*/_react["default"].createElement("i", {
-        className: classes.menuIcon
-      })), /*#__PURE__*/_react["default"].createElement("ul", {
-        className: "".concat(classes.dropdownMenu, " ").concat(open ? classes.dropdownMenuOpen : '')
-      }, buttons.map(function (button, index) {
-        if (button == 'separator') {
-          return /*#__PURE__*/_react["default"].createElement("li", {
-            key: index,
-            className: classes.separator
-          });
-        } else {
-          return /*#__PURE__*/_react["default"].createElement("li", {
-            key: button.id
-          }, /*#__PURE__*/_react["default"].createElement("a", _extends({
-            className: "".concat(classes.listAnchor).concat(button.type == "signOut" ? " ".concat(classes.signOut) : '')
-          }, button), button.label));
-        }
-      }))));
-    }
-  }]);
-
-  return Menu;
-}(_react["default"].Component);
-
-Menu.propTypes = {
-  classes: _propTypes["default"].object,
-  config: _propTypes["default"].object,
-  label: _propTypes["default"].string,
-  buttons: _propTypes["default"].array,
-  id: _propTypes["default"].string
-};
-var _default = Menu;
-exports["default"] = _default;

package/build/Header/Menu/Menu.test.js

@@ -1,107 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _Menu = _interopRequireDefault(require("./Menu"));
-
-var _styles = _interopRequireDefault(require("./styles"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
-
-var reduceClasses = function reduceClasses(prev, curr) {
-  return Object.assign({}, prev, _defineProperty({}, curr, curr));
-};
-
-var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
-var buttons = [{
-  id: 'item1',
-  href: '#',
-  label: 'Item 1'
-}, {
-  id: 'item2',
-  href: '#',
-  label: 'Item 2'
-}, {
-  id: 'item3',
-  href: '#',
-  label: 'Item 3'
-}, "separator", {
-  id: 'item4',
-  href: '#',
-  label: 'Item 4',
-  type: 'signOut'
-}];
-describe("Menu", function () {
-  it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-      classes: classes,
-      buttons: buttons
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('renders the label', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-      classes: classes,
-      label: "Menu",
-      buttons: buttons
-    }));
-    expect(wrapper.find('.label').text()).toBe('Menu');
-  });
-  it('toggles the menu', function () {
-    var propagation = jest.fn();
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-      classes: classes,
-      buttons: buttons
-    }));
-    expect(wrapper.find('.dropdownMenu').hasClass('dropdownMenuOpen')).toBe(false);
-    wrapper.find('.btnMenu').simulate('click', {
-      stopPropagation: propagation
-    });
-    expect(wrapper.find('.dropdownMenu').hasClass('dropdownMenuOpen')).toBe(true);
-  });
-  it('renders all the items', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-      classes: classes,
-      buttons: buttons
-    }));
-    expect(wrapper.find('li').length).toBe(5);
-  });
-  it('renders a separator', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-      classes: classes,
-      buttons: buttons
-    }));
-    expect(wrapper.find('li').at(3).hasClass('separator')).toBe(true);
-  });
-  it('renders a button to sign out', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-      classes: classes,
-      buttons: buttons
-    }));
-    expect(wrapper.find('li').at(4).find('a').hasClass('signOut')).toBe(true);
-  });
-});
-describe("MenuJSS", function () {
-  it('matches the snapshot', function () {
-    var buttons = [{
-      id: 'item1',
-      href: 'http://occ.com.mx',
-      label: 'Item 1'
-    }];
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      buttons: buttons
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-});
-describe("Menu styles", function () {
-  it('matches the snapshot', function () {
-    expect(_styles["default"]).toMatchSnapshot();
-  });
-});

package/build/Header/Menu/__snapshots__/Menu.test.js.snap

@@ -1,113 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Menu matches the snapshot 1`] = `ShallowWrapper {}`;
-
-exports[`Menu styles matches the snapshot 1`] = `
-Object {
-  "@media (max-width: 767px)": Object {
-    "dropdownMenu": Object {
-      "width": "200px",
-    },
-  },
-  "btnContainer": Object {
-    "display": "inline-block",
-    "position": "relative",
-    "verticalAlign": "middle",
-  },
-  "btnMenu": Object {
-    "&:hover": Object {
-      "background": "#ffffff",
-      "color": "#1476fb",
-    },
-    "&:hover $menuIcon": Object {
-      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjMTQ3NmZiIiBjeD0iNy45IiBjeT0iMi45IiByPSIxLjUiLz4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjMTQ3NmZiIiBjeD0iNy45IiBjeT0iMTIuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iIzE0NzZmYiIgY3g9IjcuOSIgY3k9IjcuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDwvc3ZnPg==)",
-    },
-    "background": "none",
-    "border": "none",
-    "borderRadius": "3px",
-    "color": "#ffffff",
-    "cursor": "pointer",
-    "marginLeft": "10px",
-    "outline": "none !important",
-    "padding": "5px 10px 2px 10px",
-    "transition": "0.3s all",
-  },
-  "btnMenuOpen": Object {
-    "& $menuIcon": Object {
-      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjMTQ3NmZiIiBjeD0iNy45IiBjeT0iMi45IiByPSIxLjUiLz4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjMTQ3NmZiIiBjeD0iNy45IiBjeT0iMTIuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iIzE0NzZmYiIgY3g9IjcuOSIgY3k9IjcuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDwvc3ZnPg==)",
-    },
-    "background": "#ffffff",
-    "color": "#1476fb",
-  },
-  "dropdownMenu": Object {
-    "backgroundClip": "padding-box",
-    "backgroundColor": "#ffffff",
-    "border": "1px solid rgba(0,0,0,.15)",
-    "boxShadow": "0 6px 12px rgba(0,0,0,.175)",
-    "display": "none",
-    "float": "left",
-    "fontSize": "14px",
-    "listStyle": "none",
-    "margin": "13px 0 0 -187px",
-    "minWidth": "160px",
-    "padding": "5px 0",
-    "position": "absolute",
-    "right": "0",
-    "textAlign": "left",
-    "top": "100%",
-    "zIndex": "1000",
-  },
-  "dropdownMenuOpen": Object {
-    "display": "block",
-  },
-  "label": Object {
-    "display": "inline-block",
-    "margin": "0",
-    "maxWidth": "65px",
-    "overflow": "hidden",
-    "paddingRight": "5px",
-    "textOverflow": "ellipsis",
-    "whiteSpace": "nowrap",
-  },
-  "listAnchor": Object {
-    "&:hover, &:focus": Object {
-      "color": "#1476fb",
-      "textDecoration": "none",
-    },
-    "clear": "both",
-    "color": "#000",
-    "cursor": "pointer",
-    "display": "block",
-    "fontWeight": "400",
-    "lineHeight": "1.42857143",
-    "margin": "5px 0 5px 0",
-    "padding": "0 10px",
-    "textDecoration": "none",
-    "whiteSpace": "nowrap",
-  },
-  "menu": Object {
-    "cursor": "pointer !important",
-    "display": "inline-block",
-    "marginTop": "5px",
-  },
-  "menuIcon": Object {
-    "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNy45IiBjeT0iMi45IiByPSIxLjUiLz4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNy45IiBjeT0iMTIuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjcuOSIgY3k9IjcuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDwvc3ZnPg==)",
-    "backgroundPosition": "center center",
-    "backgroundRepeat": "no-repeat",
-    "display": "inline-block",
-    "height": "16px",
-    "transition": "0.3s all",
-    "width": "16px",
-  },
-  "separator": Object {
-    "background": "#ebebeb",
-    "height": "1px",
-  },
-  "signOut": Object {
-    "color": "#ff456a !important",
-    "margin": "10px 0 5px 0",
-  },
-}
-`;
-
-exports[`MenuJSS matches the snapshot 1`] = `ShallowWrapper {}`;