@nauedu/frontend-component-header 14.0.0-semantically-released

package/dist/Header.test.jsx

@@ -0,0 +1,127 @@
+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';
+
+describe('<Header />', () => {
+  it('renders correctly for anonymous desktop', () => {
+    const component = (
+      <ResponsiveContext.Provider value={{ width: 1280 }}>
+        <IntlProvider locale="en" messages={{}}>
+          <AppContext.Provider
+            value={{
+              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,
+              },
+            }}
+          >
+            <Header />
+          </AppContext.Provider>
+        </IntlProvider>
+      </ResponsiveContext.Provider>
+    );
+
+    const wrapper = TestRenderer.create(component);
+
+    expect(wrapper.toJSON()).toMatchSnapshot();
+  });
+
+  it('renders correctly for authenticated desktop', () => {
+    const component = (
+      <ResponsiveContext.Provider value={{ width: 1280 }}>
+        <IntlProvider locale="en" messages={{}}>
+          <AppContext.Provider
+            value={{
+              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,
+              },
+            }}
+          >
+            <Header />
+          </AppContext.Provider>
+        </IntlProvider>
+      </ResponsiveContext.Provider>
+    );
+
+    const wrapper = TestRenderer.create(component);
+
+    expect(wrapper.toJSON()).toMatchSnapshot();
+  });
+
+  it('renders correctly for anonymous mobile', () => {
+    const component = (
+      <ResponsiveContext.Provider value={{ width: 500 }}>
+        <IntlProvider locale="en" messages={{}}>
+          <AppContext.Provider
+            value={{
+              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,
+              },
+            }}
+          >
+            <Header />
+          </AppContext.Provider>
+        </IntlProvider>
+      </ResponsiveContext.Provider>
+    );
+
+    const wrapper = TestRenderer.create(component);
+
+    expect(wrapper.toJSON()).toMatchSnapshot();
+  });
+
+  it('renders correctly for authenticated mobile', () => {
+    const component = (
+      <ResponsiveContext.Provider value={{ width: 500 }}>
+        <IntlProvider locale="en" messages={{}}>
+          <AppContext.Provider
+            value={{
+              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,
+              },
+            }}
+          >
+            <Header />
+          </AppContext.Provider>
+        </IntlProvider>
+      </ResponsiveContext.Provider>
+    );
+
+    const wrapper = TestRenderer.create(component);
+
+    expect(wrapper.toJSON()).toMatchSnapshot();
+  });
+});

package/dist/Icons.js

@@ -0,0 +1,53 @@
+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); }
+
+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,"sources":["../src/Icons.jsx"],"names":["React","MenuIcon","props","AvatarIcon","CaretIcon"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK;AAAA,sBAC3B;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,OAAO,EAAC;AAJV,KAKMA,KALN,gBAOE;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,CAAC,EAAC,GAA5B;AAAgC,IAAA,CAAC,EAAC,GAAlC;AAAsC,IAAA,KAAK,EAAC,IAA5C;AAAiD,IAAA,MAAM,EAAC;AAAxD,IAPF,eAQE;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,CAAC,EAAC,GAA5B;AAAgC,IAAA,CAAC,EAAC,IAAlC;AAAuC,IAAA,KAAK,EAAC,IAA7C;AAAkD,IAAA,MAAM,EAAC;AAAzD,IARF,eASE;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,CAAC,EAAC,GAA5B;AAAgC,IAAA,CAAC,EAAC,IAAlC;AAAuC,IAAA,KAAK,EAAC,IAA7C;AAAkD,IAAA,MAAM,EAAC;AAAzD,IATF,CAD2B;AAAA,CAAtB;AAcP,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAAAD,KAAK;AAAA,sBAC7B;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,OAAO,EAAC;AAJV,KAKMA,KALN,gBAOE;AACE,IAAA,CAAC,EAAC,6jBADJ;AAEE,IAAA,IAAI,EAAC;AAFP,IAPF,CAD6B;AAAA,CAAxB;AAeP,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,CAAAF,KAAK;AAAA,sBAC5B;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,OAAO,EAAC;AAJV,KAKMA,KALN,gBAOE;AACE,IAAA,CAAC,EAAC,0CADJ;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,SAAS,EAAC;AAHZ,IAPF,CAD4B;AAAA,CAAvB","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"],"file":"Icons.js"}

package/dist/Logo.js

@@ -0,0 +1,51 @@
+var _excluded = ["src", "alt"],
+    _excluded2 = ["href", "src", "alt"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+
+function Logo(_ref) {
+  var src = _ref.src,
+      alt = _ref.alt,
+      attributes = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("img", _extends({
+    src: src,
+    alt: alt
+  }, attributes));
+}
+
+Logo.propTypes = {
+  src: PropTypes.string.isRequired,
+  alt: PropTypes.string.isRequired
+};
+
+function LinkedLogo(_ref2) {
+  var href = _ref2.href,
+      src = _ref2.src,
+      alt = _ref2.alt,
+      attributes = _objectWithoutProperties(_ref2, _excluded2);
+
+  return /*#__PURE__*/React.createElement("a", _extends({
+    href: href
+  }, attributes), /*#__PURE__*/React.createElement("img", {
+    className: "d-block",
+    src: src,
+    alt: alt
+  }));
+}
+
+LinkedLogo.propTypes = {
+  href: PropTypes.string.isRequired,
+  src: PropTypes.string.isRequired,
+  alt: PropTypes.string.isRequired
+};
+export { LinkedLogo, Logo };
+export default Logo;
+//# sourceMappingURL=Logo.js.map

package/dist/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Logo.jsx"],"names":["React","PropTypes","Logo","src","alt","attributes","propTypes","string","isRequired","LinkedLogo","href"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,IAAT,OAA2C;AAAA,MAA3BC,GAA2B,QAA3BA,GAA2B;AAAA,MAAtBC,GAAsB,QAAtBA,GAAsB;AAAA,MAAdC,UAAc;;AACzC,sBACE;AAAK,IAAA,GAAG,EAAEF,GAAV;AAAe,IAAA,GAAG,EAAEC;AAApB,KAA6BC,UAA7B,EADF;AAGD;;AAEDH,IAAI,CAACI,SAAL,GAAiB;AACfH,EAAAA,GAAG,EAAEF,SAAS,CAACM,MAAV,CAAiBC,UADP;AAEfJ,EAAAA,GAAG,EAAEH,SAAS,CAACM,MAAV,CAAiBC;AAFP,CAAjB;;AAKA,SAASC,UAAT,QAKG;AAAA,MAJDC,IAIC,SAJDA,IAIC;AAAA,MAHDP,GAGC,SAHDA,GAGC;AAAA,MAFDC,GAEC,SAFDA,GAEC;AAAA,MADEC,UACF;;AACD,sBACE;AAAG,IAAA,IAAI,EAAEK;AAAT,KAAmBL,UAAnB,gBACE;AAAK,IAAA,SAAS,EAAC,SAAf;AAAyB,IAAA,GAAG,EAAEF,GAA9B;AAAmC,IAAA,GAAG,EAAEC;AAAxC,IADF,CADF;AAKD;;AAEDK,UAAU,CAACH,SAAX,GAAuB;AACrBI,EAAAA,IAAI,EAAET,SAAS,CAACM,MAAV,CAAiBC,UADF;AAErBL,EAAAA,GAAG,EAAEF,SAAS,CAACM,MAAV,CAAiBC,UAFD;AAGrBJ,EAAAA,GAAG,EAAEH,SAAS,CAACM,MAAV,CAAiBC;AAHD,CAAvB;AAMA,SAASC,UAAT,EAAqBP,IAArB;AACA,eAAeA,IAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Logo({ src, alt, ...attributes }) {\n  return (\n    <img src={src} alt={alt} {...attributes} />\n  );\n}\n\nLogo.propTypes = {\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string.isRequired,\n};\n\nfunction LinkedLogo({\n  href,\n  src,\n  alt,\n  ...attributes\n}) {\n  return (\n    <a href={href} {...attributes}>\n      <img className=\"d-block\" src={src} alt={alt} />\n    </a>\n  );\n}\n\nLinkedLogo.propTypes = {\n  href: PropTypes.string.isRequired,\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string.isRequired,\n};\n\nexport { LinkedLogo, Logo };\nexport default Logo;\n"],"file":"Logo.js"}

package/dist/Menu/Menu.js

@@ -0,0 +1,367 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var _excluded = ["tag", "className"],
+    _excluded2 = ["tag", "className"];
+
+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); Object.defineProperty(Constructor, "prototype", { writable: false }); 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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); 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); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { CSSTransition } from 'react-transition-group';
+import PropTypes from 'prop-types';
+
+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 MenuTriggerType = /*#__PURE__*/React.createElement(MenuTrigger, null).type;
+
+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) {
+  _inherits(Menu, _React$Component);
+
+  var _super = _createSuper(Menu);
+
+  function Menu(props) {
+    var _this;
+
+    _classCallCheck(this, Menu);
+
+    _this = _super.call(this, props);
+    _this.menu = /*#__PURE__*/React.createRef();
+    _this.state = {
+      expanded: false
+    };
+    _this.onTriggerClick = _this.onTriggerClick.bind(_assertThisInitialized(_this));
+    _this.onCloseClick = _this.onCloseClick.bind(_assertThisInitialized(_this));
+    _this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));
+    _this.onDocumentClick = _this.onDocumentClick.bind(_assertThisInitialized(_this));
+    _this.onMouseEnter = _this.onMouseEnter.bind(_assertThisInitialized(_this));
+    _this.onMouseLeave = _this.onMouseLeave.bind(_assertThisInitialized(_this));
+    return _this;
+  } // Lifecycle Events
+
+
+  _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);
+    }
+  }]);
+
+  return Menu;
+}(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,"sources":["../../src/Menu/Menu.jsx"],"names":["React","CSSTransition","PropTypes","MenuTrigger","tag","className","attributes","createElement","propTypes","string","defaultProps","MenuTriggerType","type","MenuContent","join","menuPropTypes","onClose","func","onOpen","closeOnDocumentClick","bool","respondToPointerEvents","transitionTimeout","number","transitionClassName","children","arrayOf","node","isRequired","Menu","props","menu","createRef","state","expanded","onTriggerClick","bind","onCloseClick","onKeyDown","onDocumentClick","onMouseEnter","onMouseLeave","document","removeEventListener","e","clickIsInMenu","current","target","contains","close","getAttribute","preventDefault","toggle","getFocusableElements","focus","key","stopPropagation","activeElement","shiftKey","focusPrevious","focusNext","open","querySelectorAll","Object","keys","filter","property","undefined","forEach","focusableElements","Array","from","activeIndex","indexOf","nextIndex","length","previousIndex","setState","addEventListener","cloneElement","onClick","wrappedChildren","Children","map","child","renderTrigger","renderMenuContent","rootClassName","ref","getAttributesFromProps","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport PropTypes from 'prop-types';\n\nfunction MenuTrigger({ tag, className, ...attributes }) {\n  return React.createElement(tag, {\n    className: `menu-trigger ${className}`,\n    ...attributes,\n  });\n}\nMenuTrigger.propTypes = {\n  tag: PropTypes.string,\n  className: PropTypes.string,\n};\nMenuTrigger.defaultProps = {\n  tag: 'div',\n  className: null,\n};\nconst MenuTriggerType = <MenuTrigger />.type;\n\nfunction MenuContent({ tag, className, ...attributes }) {\n  return React.createElement(tag, {\n    className: ['menu-content', className].join(' '),\n    ...attributes,\n  });\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"],"file":"Menu.js"}

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,"sources":["../../src/Menu/index.jsx"],"names":["Menu","MenuTrigger","MenuContent"],"mappings":"AAAA,SAASA,IAAT,EAAeC,WAAf,EAA4BC,WAA5B,QAA+C,QAA/C;AAEA,SAASF,IAAT,EAAeC,WAAf,EAA4BC,WAA5B","sourcesContent":["import { Menu, MenuTrigger, MenuContent } from './Menu';\n\nexport { Menu, MenuTrigger, MenuContent };\n"],"file":"index.js"}