@artistanbul/frontend-component-header-sumac 1.1.0

package/dist/Header.test.jsx

@@ -0,0 +1,104 @@
+/* eslint-disable react/prop-types */
+import React from 'react';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
+import TestRenderer from 'react-test-renderer';
+import { AppContext } from '@edx/frontend-platform/react';
+import { Context as ResponsiveContext } from 'react-responsive';
+
+import Header from './index';
+
+const HeaderComponent = ({ width, contextValue }) => (
+  <ResponsiveContext.Provider value={width}>
+    <IntlProvider locale="en" messages={{}}>
+      <AppContext.Provider
+        value={contextValue}
+      >
+        <Header />
+      </AppContext.Provider>
+    </IntlProvider>
+  </ResponsiveContext.Provider>
+);
+
+describe('<Header />', () => {
+  it('renders correctly for anonymous desktop', () => {
+    const contextValue = {
+      authenticatedUser: null,
+      config: {
+        LMS_BASE_URL: process.env.LMS_BASE_URL,
+        SITE_NAME: process.env.SITE_NAME,
+        LOGIN_URL: process.env.LOGIN_URL,
+        LOGOUT_URL: process.env.LOGOUT_URL,
+        LOGO_URL: process.env.LOGO_URL,
+      },
+    };
+    const component = <HeaderComponent width={{ width: 1280 }} contextValue={contextValue} />;
+
+    const wrapper = TestRenderer.create(component);
+
+    expect(wrapper.toJSON()).toMatchSnapshot();
+  });
+
+  it('renders correctly for authenticated desktop', () => {
+    const contextValue = {
+      authenticatedUser: {
+        userId: 'abc123',
+        username: 'edX',
+        roles: [],
+        administrator: false,
+      },
+      config: {
+        LMS_BASE_URL: process.env.LMS_BASE_URL,
+        SITE_NAME: process.env.SITE_NAME,
+        LOGIN_URL: process.env.LOGIN_URL,
+        LOGOUT_URL: process.env.LOGOUT_URL,
+        LOGO_URL: process.env.LOGO_URL,
+      },
+    };
+    const component = <HeaderComponent width={{ width: 1280 }} contextValue={contextValue} />;
+
+    const wrapper = TestRenderer.create(component);
+
+    expect(wrapper.toJSON()).toMatchSnapshot();
+  });
+
+  it('renders correctly for anonymous mobile', () => {
+    const contextValue = {
+      authenticatedUser: null,
+      config: {
+        LMS_BASE_URL: process.env.LMS_BASE_URL,
+        SITE_NAME: process.env.SITE_NAME,
+        LOGIN_URL: process.env.LOGIN_URL,
+        LOGOUT_URL: process.env.LOGOUT_URL,
+        LOGO_URL: process.env.LOGO_URL,
+      },
+    };
+    const component = <HeaderComponent width={{ width: 500 }} contextValue={contextValue} />;
+
+    const wrapper = TestRenderer.create(component);
+
+    expect(wrapper.toJSON()).toMatchSnapshot();
+  });
+
+  it('renders correctly for authenticated mobile', () => {
+    const contextValue = {
+      authenticatedUser: {
+        userId: 'abc123',
+        username: 'edX',
+        roles: [],
+        administrator: false,
+      },
+      config: {
+        LMS_BASE_URL: process.env.LMS_BASE_URL,
+        SITE_NAME: process.env.SITE_NAME,
+        LOGIN_URL: process.env.LOGIN_URL,
+        LOGOUT_URL: process.env.LOGOUT_URL,
+        LOGO_URL: process.env.LOGO_URL,
+      },
+    };
+    const component = <HeaderComponent width={{ width: 500 }} contextValue={contextValue} />;
+
+    const wrapper = TestRenderer.create(component);
+
+    expect(wrapper.toJSON()).toMatchSnapshot();
+  });
+});

package/dist/Icons.js

@@ -0,0 +1,52 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+export var MenuIcon = function MenuIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    version: "1.1"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    fill: "currentColor",
+    x: "2",
+    y: "5",
+    width: "20",
+    height: "2"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "currentColor",
+    x: "2",
+    y: "11",
+    width: "20",
+    height: "2"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "currentColor",
+    x: "2",
+    y: "17",
+    width: "20",
+    height: "2"
+  }));
+};
+export var AvatarIcon = function AvatarIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    version: "1.1"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M4.10255106,18.1351061 C4.7170266,16.0581859 8.01891846,14.4720277 12,14.4720277 C15.9810815,14.4720277 19.2829734,16.0581859 19.8974489,18.1351061 C21.215206,16.4412566 22,14.3122775 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,14.3122775 2.78479405,16.4412566 4.10255106,18.1351061 Z M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12,13 C9.790861,13 8,11.209139 8,9 C8,6.790861 9.790861,5 12,5 C14.209139,5 16,6.790861 16,9 C16,11.209139 14.209139,13 12,13 Z",
+    fill: "currentColor"
+  }));
+};
+export var CaretIcon = function CaretIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "16px",
+    height: "16px",
+    viewBox: "0 0 16 16",
+    version: "1.1"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M7,4 L7,8 L11,8 L11,10 L5,10 L5,4 L7,4 Z",
+    fill: "currentColor",
+    transform: "translate(8.000000, 7.000000) rotate(-45.000000) translate(-8.000000, -7.000000) "
+  }));
+};
+//# sourceMappingURL=Icons.js.map

package/dist/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","names":["React","MenuIcon","props","createElement","_extends","width","height","viewBox","version","fill","x","y","AvatarIcon","d","CaretIcon","transform"],"sources":["../src/Icons.jsx"],"sourcesContent":["import React from 'react';\n\nexport const MenuIcon = (props) => (\n  <svg\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    version=\"1.1\"\n    {...props}\n  >\n    <rect fill=\"currentColor\" x=\"2\" y=\"5\" width=\"20\" height=\"2\" />\n    <rect fill=\"currentColor\" x=\"2\" y=\"11\" width=\"20\" height=\"2\" />\n    <rect fill=\"currentColor\" x=\"2\" y=\"17\" width=\"20\" height=\"2\" />\n  </svg>\n);\n\nexport const AvatarIcon = (props) => (\n  <svg\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    version=\"1.1\"\n    {...props}\n  >\n    <path\n      d=\"M4.10255106,18.1351061 C4.7170266,16.0581859 8.01891846,14.4720277 12,14.4720277 C15.9810815,14.4720277 19.2829734,16.0581859 19.8974489,18.1351061 C21.215206,16.4412566 22,14.3122775 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,14.3122775 2.78479405,16.4412566 4.10255106,18.1351061 Z M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12,13 C9.790861,13 8,11.209139 8,9 C8,6.790861 9.790861,5 12,5 C14.209139,5 16,6.790861 16,9 C16,11.209139 14.209139,13 12,13 Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport const CaretIcon = (props) => (\n  <svg\n    width=\"16px\"\n    height=\"16px\"\n    viewBox=\"0 0 16 16\"\n    version=\"1.1\"\n    {...props}\n  >\n    <path\n      d=\"M7,4 L7,8 L11,8 L11,10 L5,10 L5,4 L7,4 Z\"\n      fill=\"currentColor\"\n      transform=\"translate(8.000000, 7.000000) rotate(-45.000000) translate(-8.000000, -7.000000) \"\n    />\n  </svg>\n);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAK;EAAA,oBAC5BF,KAAA,CAAAG,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAC;EAAK,GACTN,KAAK,gBAETF,KAAA,CAAAG,aAAA;IAAMM,IAAI,EAAC,cAAc;IAACC,CAAC,EAAC,GAAG;IAACC,CAAC,EAAC,GAAG;IAACN,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAG,CAAE,CAAC,eAC9DN,KAAA,CAAAG,aAAA;IAAMM,IAAI,EAAC,cAAc;IAACC,CAAC,EAAC,GAAG;IAACC,CAAC,EAAC,IAAI;IAACN,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAG,CAAE,CAAC,eAC/DN,KAAA,CAAAG,aAAA;IAAMM,IAAI,EAAC,cAAc;IAACC,CAAC,EAAC,GAAG;IAACC,CAAC,EAAC,IAAI;IAACN,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAG,CAAE,CAC3D,CAAC;AAAA,CACP;AAED,OAAO,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAIV,KAAK;EAAA,oBAC9BF,KAAA,CAAAG,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAC;EAAK,GACTN,KAAK,gBAETF,KAAA,CAAAG,aAAA;IACEU,CAAC,EAAC,6jBAA6jB;IAC/jBJ,IAAI,EAAC;EAAc,CACpB,CACE,CAAC;AAAA,CACP;AAED,OAAO,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAIZ,KAAK;EAAA,oBAC7BF,KAAA,CAAAG,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAC;EAAK,GACTN,KAAK,gBAETF,KAAA,CAAAG,aAAA;IACEU,CAAC,EAAC,0CAA0C;IAC5CJ,IAAI,EAAC,cAAc;IACnBM,SAAS,EAAC;EAAmF,CAC9F,CACE,CAAC;AAAA,CACP","ignoreList":[]}

package/dist/Logo.js

@@ -0,0 +1,28 @@
+var _excluded = ["href", "src", "alt"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import PropTypes from 'prop-types';
+var Logo = function Logo(_ref) {
+  var href = _ref.href,
+    src = _ref.src,
+    alt = _ref.alt,
+    attributes = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("a", _extends({
+    href: href,
+    className: "logo"
+  }, attributes), /*#__PURE__*/React.createElement("img", {
+    className: "d-block",
+    src: src,
+    alt: alt
+  }));
+};
+export var logoDataShape = {
+  href: PropTypes.string.isRequired,
+  src: PropTypes.string.isRequired,
+  alt: PropTypes.string.isRequired
+};
+Logo.propTypes = logoDataShape;
+export default Logo;
+//# sourceMappingURL=Logo.js.map

package/dist/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","names":["React","PropTypes","Logo","_ref","href","src","alt","attributes","_objectWithoutProperties","_excluded","createElement","_extends","className","logoDataShape","string","isRequired","propTypes"],"sources":["../src/Logo.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Logo = ({\n  href,\n  src,\n  alt,\n  ...attributes\n}) => (\n  <a href={href} className=\"logo\" {...attributes}>\n    <img className=\"d-block\" src={src} alt={alt} />\n  </a>\n);\n\nexport const logoDataShape = {\n  href: PropTypes.string.isRequired,\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string.isRequired,\n};\n\nLogo.propTypes = logoDataShape;\n\nexport default Logo;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA;EAAA,IACRC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACAC,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAEbT,KAAA,CAAAU,aAAA,MAAAC,QAAA;IAAGP,IAAI,EAAEA,IAAK;IAACQ,SAAS,EAAC;EAAM,GAAKL,UAAU,gBAC5CP,KAAA,CAAAU,aAAA;IAAKE,SAAS,EAAC,SAAS;IAACP,GAAG,EAAEA,GAAI;IAACC,GAAG,EAAEA;EAAI,CAAE,CAC7C,CAAC;AAAA,CACL;AAED,OAAO,IAAMO,aAAa,GAAG;EAC3BT,IAAI,EAAEH,SAAS,CAACa,MAAM,CAACC,UAAU;EACjCV,GAAG,EAAEJ,SAAS,CAACa,MAAM,CAACC,UAAU;EAChCT,GAAG,EAAEL,SAAS,CAACa,MAAM,CAACC;AACxB,CAAC;AAEDb,IAAI,CAACc,SAAS,GAAGH,aAAa;AAE9B,eAAeX,IAAI","ignoreList":[]}

package/dist/Menu/Menu.js

@@ -0,0 +1,321 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["tag", "className"],
+  _excluded2 = ["tag", "className"];
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import { CSSTransition } from 'react-transition-group';
+import PropTypes from 'prop-types';
+var MenuTrigger = function MenuTrigger(_ref) {
+  var tag = _ref.tag,
+    className = _ref.className,
+    attributes = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(tag, _objectSpread({
+    className: "menu-trigger ".concat(className)
+  }, attributes));
+};
+MenuTrigger.propTypes = {
+  tag: PropTypes.string,
+  className: PropTypes.string
+};
+MenuTrigger.defaultProps = {
+  tag: 'div',
+  className: null
+};
+var MenuTriggerComp = /*#__PURE__*/React.createElement(MenuTrigger, null);
+var MenuTriggerType = MenuTriggerComp.type;
+var MenuContent = function MenuContent(_ref2) {
+  var tag = _ref2.tag,
+    className = _ref2.className,
+    attributes = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(tag, _objectSpread({
+    className: ['menu-content', className].join(' ')
+  }, attributes));
+};
+MenuContent.propTypes = {
+  tag: PropTypes.string,
+  className: PropTypes.string
+};
+MenuContent.defaultProps = {
+  tag: 'div',
+  className: null
+};
+var menuPropTypes = {
+  tag: PropTypes.string,
+  onClose: PropTypes.func,
+  onOpen: PropTypes.func,
+  closeOnDocumentClick: PropTypes.bool,
+  respondToPointerEvents: PropTypes.bool,
+  className: PropTypes.string,
+  transitionTimeout: PropTypes.number,
+  transitionClassName: PropTypes.string,
+  children: PropTypes.arrayOf(PropTypes.node).isRequired
+};
+var Menu = /*#__PURE__*/function (_React$Component) {
+  function Menu(props) {
+    var _this;
+    _classCallCheck(this, Menu);
+    _this = _callSuper(this, Menu, [props]);
+    _this.menu = /*#__PURE__*/React.createRef();
+    _this.state = {
+      expanded: false
+    };
+    _this.onTriggerClick = _this.onTriggerClick.bind(_this);
+    _this.onCloseClick = _this.onCloseClick.bind(_this);
+    _this.onKeyDown = _this.onKeyDown.bind(_this);
+    _this.onDocumentClick = _this.onDocumentClick.bind(_this);
+    _this.onMouseEnter = _this.onMouseEnter.bind(_this);
+    _this.onMouseLeave = _this.onMouseLeave.bind(_this);
+    return _this;
+  }
+
+  // Lifecycle Events
+  _inherits(Menu, _React$Component);
+  return _createClass(Menu, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('touchend', this.onDocumentClick, true);
+      document.removeEventListener('click', this.onDocumentClick, true);
+
+      // Call onClose callback when unmounting and open
+      if (this.state.expanded && this.props.onClose) {
+        this.props.onClose();
+      }
+    }
+
+    // Event handlers
+  }, {
+    key: "onDocumentClick",
+    value: function onDocumentClick(e) {
+      if (!this.props.closeOnDocumentClick) {
+        return;
+      }
+      var clickIsInMenu = this.menu.current === e.target || this.menu.current.contains(e.target);
+      if (clickIsInMenu) {
+        return;
+      }
+      this.close();
+    }
+  }, {
+    key: "onTriggerClick",
+    value: function onTriggerClick(e) {
+      // Let the browser follow the link of the trigger if the menu
+      // is already expanded and the trigger has an href attribute
+      if (this.state.expanded && e.target.getAttribute('href')) {
+        return;
+      }
+      e.preventDefault();
+      this.toggle();
+    }
+  }, {
+    key: "onCloseClick",
+    value: function onCloseClick() {
+      this.getFocusableElements()[0].focus();
+      this.close();
+    }
+  }, {
+    key: "onKeyDown",
+    value: function onKeyDown(e) {
+      if (!this.state.expanded) {
+        return;
+      }
+      switch (e.key) {
+        case 'Escape':
+          {
+            e.preventDefault();
+            e.stopPropagation();
+            this.getFocusableElements()[0].focus();
+            this.close();
+            break;
+          }
+        case 'Enter':
+          {
+            // Using focusable elements instead of a ref to the trigger
+            // because Hyperlink and Button can handle refs as functional components
+            if (document.activeElement === this.getFocusableElements()[0]) {
+              e.preventDefault();
+              this.toggle();
+            }
+            break;
+          }
+        case 'Tab':
+          {
+            e.preventDefault();
+            if (e.shiftKey) {
+              this.focusPrevious();
+            } else {
+              this.focusNext();
+            }
+            break;
+          }
+        case 'ArrowDown':
+          {
+            e.preventDefault();
+            this.focusNext();
+            break;
+          }
+        case 'ArrowUp':
+          {
+            e.preventDefault();
+            this.focusPrevious();
+            break;
+          }
+        default:
+      }
+    }
+  }, {
+    key: "onMouseEnter",
+    value: function onMouseEnter() {
+      if (!this.props.respondToPointerEvents) {
+        return;
+      }
+      this.open();
+    }
+  }, {
+    key: "onMouseLeave",
+    value: function onMouseLeave() {
+      if (!this.props.respondToPointerEvents) {
+        return;
+      }
+      this.close();
+    }
+
+    // Internal functions
+  }, {
+    key: "getFocusableElements",
+    value: function getFocusableElements() {
+      return this.menu.current.querySelectorAll('button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])');
+    }
+  }, {
+    key: "getAttributesFromProps",
+    value: function getAttributesFromProps() {
+      var _this2 = this;
+      // Any extra props are attributes for the menu
+      var attributes = {};
+      Object.keys(this.props).filter(function (property) {
+        return menuPropTypes[property] === undefined;
+      }).forEach(function (property) {
+        attributes[property] = _this2.props[property];
+      });
+      return attributes;
+    }
+  }, {
+    key: "focusNext",
+    value: function focusNext() {
+      var focusableElements = Array.from(this.getFocusableElements());
+      var activeIndex = focusableElements.indexOf(document.activeElement);
+      var nextIndex = (activeIndex + 1) % focusableElements.length;
+      focusableElements[nextIndex].focus();
+    }
+  }, {
+    key: "focusPrevious",
+    value: function focusPrevious() {
+      var focusableElements = Array.from(this.getFocusableElements());
+      var activeIndex = focusableElements.indexOf(document.activeElement);
+      var previousIndex = (activeIndex || focusableElements.length) - 1;
+      focusableElements[previousIndex].focus();
+    }
+  }, {
+    key: "open",
+    value: function open() {
+      if (this.props.onOpen) {
+        this.props.onOpen();
+      }
+      this.setState({
+        expanded: true
+      });
+      // Listen to touchend and click events to ensure the menu
+      // can be closed on mobile, pointer, and mixed input devices
+      document.addEventListener('touchend', this.onDocumentClick, true);
+      document.addEventListener('click', this.onDocumentClick, true);
+    }
+  }, {
+    key: "close",
+    value: function close() {
+      if (this.props.onClose) {
+        this.props.onClose();
+      }
+      this.setState({
+        expanded: false
+      });
+      document.removeEventListener('touchend', this.onDocumentClick, true);
+      document.removeEventListener('click', this.onDocumentClick, true);
+    }
+  }, {
+    key: "toggle",
+    value: function toggle() {
+      if (this.state.expanded) {
+        this.close();
+      } else {
+        this.open();
+      }
+    }
+  }, {
+    key: "renderTrigger",
+    value: function renderTrigger(node) {
+      return /*#__PURE__*/React.cloneElement(node, {
+        onClick: this.onTriggerClick,
+        'aria-haspopup': 'menu',
+        'aria-expanded': this.state.expanded
+      });
+    }
+  }, {
+    key: "renderMenuContent",
+    value: function renderMenuContent(node) {
+      return /*#__PURE__*/React.createElement(CSSTransition, {
+        "in": this.state.expanded,
+        timeout: this.props.transitionTimeout,
+        classNames: this.props.transitionClassName,
+        unmountOnExit: true
+      }, node);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      var className = this.props.className;
+      var wrappedChildren = React.Children.map(this.props.children, function (child) {
+        if (child.type === MenuTriggerType) {
+          return _this3.renderTrigger(child);
+        }
+        return _this3.renderMenuContent(child);
+      });
+      var rootClassName = this.state.expanded ? 'menu expanded' : 'menu';
+      return /*#__PURE__*/React.createElement(this.props.tag, _objectSpread({
+        className: "".concat(rootClassName, " ").concat(className),
+        ref: this.menu,
+        onKeyDown: this.onKeyDown,
+        onMouseEnter: this.onMouseEnter,
+        onMouseLeave: this.onMouseLeave
+      }, this.getAttributesFromProps()), wrappedChildren);
+    }
+  }]);
+}(React.Component);
+Menu.propTypes = menuPropTypes;
+Menu.defaultProps = {
+  tag: 'div',
+  className: null,
+  onClose: null,
+  onOpen: null,
+  respondToPointerEvents: false,
+  closeOnDocumentClick: true,
+  transitionTimeout: 250,
+  transitionClassName: 'menu-content'
+};
+export { Menu, MenuTrigger, MenuContent };
+//# sourceMappingURL=Menu.js.map

package/dist/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","names":["React","CSSTransition","PropTypes","MenuTrigger","_ref","tag","className","attributes","_objectWithoutProperties","_excluded","createElement","_objectSpread","concat","propTypes","string","defaultProps","MenuTriggerComp","MenuTriggerType","type","MenuContent","_ref2","_excluded2","join","menuPropTypes","onClose","func","onOpen","closeOnDocumentClick","bool","respondToPointerEvents","transitionTimeout","number","transitionClassName","children","arrayOf","node","isRequired","Menu","_React$Component","props","_this","_classCallCheck","_callSuper","menu","createRef","state","expanded","onTriggerClick","bind","onCloseClick","onKeyDown","onDocumentClick","onMouseEnter","onMouseLeave","_inherits","_createClass","key","value","componentWillUnmount","document","removeEventListener","e","clickIsInMenu","current","target","contains","close","getAttribute","preventDefault","toggle","getFocusableElements","focus","stopPropagation","activeElement","shiftKey","focusPrevious","focusNext","open","querySelectorAll","getAttributesFromProps","_this2","Object","keys","filter","property","undefined","forEach","focusableElements","Array","from","activeIndex","indexOf","nextIndex","length","previousIndex","setState","addEventListener","renderTrigger","cloneElement","onClick","renderMenuContent","timeout","classNames","unmountOnExit","render","_this3","wrappedChildren","Children","map","child","rootClassName","ref","Component"],"sources":["../../src/Menu/Menu.jsx"],"sourcesContent":["import React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport PropTypes from 'prop-types';\n\nconst MenuTrigger = ({ tag, className, ...attributes }) => React.createElement(tag, {\n  className: `menu-trigger ${className}`,\n  ...attributes,\n});\nMenuTrigger.propTypes = {\n  tag: PropTypes.string,\n  className: PropTypes.string,\n};\nMenuTrigger.defaultProps = {\n  tag: 'div',\n  className: null,\n};\nconst MenuTriggerComp = <MenuTrigger />;\nconst MenuTriggerType = MenuTriggerComp.type;\n\nconst MenuContent = ({ tag, className, ...attributes }) => React.createElement(tag, {\n  className: ['menu-content', className].join(' '),\n  ...attributes,\n});\nMenuContent.propTypes = {\n  tag: PropTypes.string,\n  className: PropTypes.string,\n};\nMenuContent.defaultProps = {\n  tag: 'div',\n  className: null,\n};\n\nconst menuPropTypes = {\n  tag: PropTypes.string,\n  onClose: PropTypes.func,\n  onOpen: PropTypes.func,\n  closeOnDocumentClick: PropTypes.bool,\n  respondToPointerEvents: PropTypes.bool,\n  className: PropTypes.string,\n  transitionTimeout: PropTypes.number,\n  transitionClassName: PropTypes.string,\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nclass Menu extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.menu = React.createRef();\n    this.state = {\n      expanded: false,\n    };\n\n    this.onTriggerClick = this.onTriggerClick.bind(this);\n    this.onCloseClick = this.onCloseClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.onDocumentClick = this.onDocumentClick.bind(this);\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n  }\n\n  // Lifecycle Events\n  componentWillUnmount() {\n    document.removeEventListener('touchend', this.onDocumentClick, true);\n    document.removeEventListener('click', this.onDocumentClick, true);\n\n    // Call onClose callback when unmounting and open\n    if (this.state.expanded && this.props.onClose) {\n      this.props.onClose();\n    }\n  }\n\n  // Event handlers\n  onDocumentClick(e) {\n    if (!this.props.closeOnDocumentClick) {\n      return;\n    }\n\n    const clickIsInMenu = this.menu.current === e.target || this.menu.current.contains(e.target);\n    if (clickIsInMenu) {\n      return;\n    }\n\n    this.close();\n  }\n\n  onTriggerClick(e) {\n    // Let the browser follow the link of the trigger if the menu\n    // is already expanded and the trigger has an href attribute\n    if (this.state.expanded && e.target.getAttribute('href')) {\n      return;\n    }\n\n    e.preventDefault();\n    this.toggle();\n  }\n\n  onCloseClick() {\n    this.getFocusableElements()[0].focus();\n    this.close();\n  }\n\n  onKeyDown(e) {\n    if (!this.state.expanded) {\n      return;\n    }\n    switch (e.key) {\n      case 'Escape': {\n        e.preventDefault();\n        e.stopPropagation();\n        this.getFocusableElements()[0].focus();\n        this.close();\n        break;\n      }\n      case 'Enter': {\n        // Using focusable elements instead of a ref to the trigger\n        // because Hyperlink and Button can handle refs as functional components\n        if (document.activeElement === this.getFocusableElements()[0]) {\n          e.preventDefault();\n          this.toggle();\n        }\n        break;\n      }\n      case 'Tab': {\n        e.preventDefault();\n        if (e.shiftKey) {\n          this.focusPrevious();\n        } else {\n          this.focusNext();\n        }\n        break;\n      }\n      case 'ArrowDown': {\n        e.preventDefault();\n        this.focusNext();\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        this.focusPrevious();\n        break;\n      }\n      default:\n    }\n  }\n\n  onMouseEnter() {\n    if (!this.props.respondToPointerEvents) {\n      return;\n    }\n    this.open();\n  }\n\n  onMouseLeave() {\n    if (!this.props.respondToPointerEvents) {\n      return;\n    }\n    this.close();\n  }\n\n  // Internal functions\n\n  getFocusableElements() {\n    return this.menu.current.querySelectorAll('button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])');\n  }\n\n  getAttributesFromProps() {\n    // Any extra props are attributes for the menu\n    const attributes = {};\n    Object.keys(this.props)\n      .filter(property => menuPropTypes[property] === undefined)\n      .forEach((property) => {\n        attributes[property] = this.props[property];\n      });\n    return attributes;\n  }\n\n  focusNext() {\n    const focusableElements = Array.from(this.getFocusableElements());\n    const activeIndex = focusableElements.indexOf(document.activeElement);\n    const nextIndex = (activeIndex + 1) % focusableElements.length;\n    focusableElements[nextIndex].focus();\n  }\n\n  focusPrevious() {\n    const focusableElements = Array.from(this.getFocusableElements());\n    const activeIndex = focusableElements.indexOf(document.activeElement);\n    const previousIndex = (activeIndex || focusableElements.length) - 1;\n    focusableElements[previousIndex].focus();\n  }\n\n  open() {\n    if (this.props.onOpen) {\n      this.props.onOpen();\n    }\n    this.setState({ expanded: true });\n    // Listen to touchend and click events to ensure the menu\n    // can be closed on mobile, pointer, and mixed input devices\n    document.addEventListener('touchend', this.onDocumentClick, true);\n    document.addEventListener('click', this.onDocumentClick, true);\n  }\n\n  close() {\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n    this.setState({ expanded: false });\n    document.removeEventListener('touchend', this.onDocumentClick, true);\n    document.removeEventListener('click', this.onDocumentClick, true);\n  }\n\n  toggle() {\n    if (this.state.expanded) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  renderTrigger(node) {\n    return React.cloneElement(node, {\n      onClick: this.onTriggerClick,\n      'aria-haspopup': 'menu',\n      'aria-expanded': this.state.expanded,\n    });\n  }\n\n  renderMenuContent(node) {\n    return (\n      <CSSTransition\n        in={this.state.expanded}\n        timeout={this.props.transitionTimeout}\n        classNames={this.props.transitionClassName}\n        unmountOnExit\n      >\n        {node}\n      </CSSTransition>\n    );\n  }\n\n  render() {\n    const { className } = this.props;\n\n    const wrappedChildren = React.Children.map(this.props.children, (child) => {\n      if (child.type === MenuTriggerType) {\n        return this.renderTrigger(child);\n      }\n      return this.renderMenuContent(child);\n    });\n\n    const rootClassName = this.state.expanded ? 'menu expanded' : 'menu';\n\n    return React.createElement(this.props.tag, {\n      className: `${rootClassName} ${className}`,\n      ref: this.menu,\n      onKeyDown: this.onKeyDown,\n      onMouseEnter: this.onMouseEnter,\n      onMouseLeave: this.onMouseLeave,\n      ...this.getAttributesFromProps(),\n    }, wrappedChildren);\n  }\n}\n\nMenu.propTypes = menuPropTypes;\nMenu.defaultProps = {\n  tag: 'div',\n  className: null,\n  onClose: null,\n  onOpen: null,\n  respondToPointerEvents: false,\n  closeOnDocumentClick: true,\n  transitionTimeout: 250,\n  transitionClassName: 'menu-content',\n};\n\nexport { Menu, MenuTrigger, MenuContent };\n"],"mappings":"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","ignoreList":[]}

package/dist/Menu/index.js

@@ -0,0 +1,3 @@
+import { Menu, MenuTrigger, MenuContent } from './Menu';
+export { Menu, MenuTrigger, MenuContent };
+//# sourceMappingURL=index.js.map

package/dist/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Menu","MenuTrigger","MenuContent"],"sources":["../../src/Menu/index.jsx"],"sourcesContent":["import { Menu, MenuTrigger, MenuContent } from './Menu';\n\nexport { Menu, MenuTrigger, MenuContent };\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,WAAW,EAAEC,WAAW,QAAQ,QAAQ;AAEvD,SAASF,IAAI,EAAEC,WAAW,EAAEC,WAAW","ignoreList":[]}

package/dist/Menu/menu.scss

@@ -0,0 +1,45 @@
+.menu {
+  position: relative;
+}
+.menu-content {
+  position: absolute;
+  top: 100%;
+  z-index: 10;
+  background: #fff;
+  min-width: 10rem;
+  &.pin-left {
+    left: 0;
+  }
+  &.pin-right {
+    right: 0;
+  }
+}
+
+
+.menu-dropdown-enter {
+  opacity: 0;
+  transform-origin: 75% 0;
+  transform: scale3d(0.8, 0.8, 1);
+}
+.menu-dropdown-enter-active {
+  transform-origin: 75% 0;
+  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
+  transform: scale3d(1, 1, 1);
+  opacity: 1;
+}
+.menu-dropdown-enter-done {
+}
+
+.menu-dropdown-exit {
+  transform-origin: 75% 0;
+  transform: scale3d(1, 1, 1);
+  opacity: 1;
+}
+.menu-dropdown-exit-active {
+  transform-origin: 75% 0;
+  transform: scale3d(0.8, 0.8, 1);
+  transition: all 250ms cubic-bezier(0.8, 0, 0.6, 1);
+  opacity: 0;
+}
+.menu-dropdown-exit-done {
+}