@mycause/ui 0.0.0-cb8edf5f → 0.0.0-cba5b1d7

package/donation/cjs/components/navigation/navigation-menu.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var button = require('../button/button.js');
+var colors = require('../../theme/colors.js');
+var navigationList = require('./navigation-list.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function NavigationMenu(_ref) {
+  let {
+    links,
+    sublinks,
+    action,
+    actionRaised,
+    active,
+    onClickItem
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "navigation-menu"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "main-navigation"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "main-navigation-menus"
+  }, /*#__PURE__*/React__default["default"].createElement(navigationList, {
+    items: links.map(link => _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, link), {}, {
+      children: sublinks && "id" in link && link.id === active ? /*#__PURE__*/React__default["default"].createElement("div", {
+        className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "inline-submenu"
+      }, /*#__PURE__*/React__default["default"].createElement(navigationList, {
+        items: sublinks,
+        active: null
+      })) : null
+    })),
+    onClickItem: onClickItem,
+    active: active,
+    size: links.length > 7 ? "long" : "large"
+  }), sublinks ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "side-submenu"
+  }, /*#__PURE__*/React__default["default"].createElement(navigationList, {
+    items: sublinks,
+    active: null
+  })) : null), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]])
+  }, action ? /*#__PURE__*/React__default["default"].createElement(button, {
+    display: true,
+    outlined: true,
+    color: "primary",
+    analyticsId: action.analyticsId,
+    onClick: e => {
+      /**
+       * Prevent nav action button to turn into a hyperlink.
+       * This is so that google analytics will always be triggered.
+       * If we use a hyperlink instead of button clicks on the label
+       * wont be considered as a click on the hyperlink.
+       */
+      if ("href" in action) window.location.href = action.href;
+      e.preventDefault();
+      if ("onClick" in action && action.onClick) action.onClick();
+    }
+  }, action.label) : null, actionRaised ? /*#__PURE__*/React__default["default"].createElement(button, {
+    className: "actionRaised-button",
+    display: true,
+    outlined: true,
+    raised: true,
+    color: "primary",
+    analyticsId: actionRaised.analyticsId,
+    onClick: e => {
+      /**
+       * Prevent nav actionRaised button to turn into a hyperlink.
+       * This is so that google analytics will always be triggered.
+       * If we use a hyperlink instead of button clicks on the label
+       * wont be considered as a click on the hyperlink.
+       */
+      if ("href" in actionRaised) window.location.href = actionRaised.href;
+      e.preventDefault();
+      if ("onClick" in actionRaised && actionRaised.onClick) actionRaised.onClick();
+    }
+  }, actionRaised.label) : null)), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "907349190",
+    dynamic: [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]
+  }, `.navigation-menu.__jsx-style-dynamic-selector{background-color:${colors.BACKGROUND_GREY};}.side-submenu.__jsx-style-dynamic-selector{display:none;padding-left:3rem;border-left:1px solid ${colors.ON_BACKGROUND_GREY_GREY};}.inline-submenu.__jsx-style-dynamic-selector{padding:0 1rem 1rem 1rem;}.content.__jsx-style-dynamic-selector{position:relative;max-width:1024px;margin:0 auto;padding:4rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:3rem;}@supports (display:grid){.content.__jsx-style-dynamic-selector{display:grid;grid-gap:3rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:initial;}}.main-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.main-navigation.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:2rem;}.main-navigation-menus.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.main-navigation-menus.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:3rem;}.actionRaised-button{float:right;}@media (min-width:720px){.side-submenu.__jsx-style-dynamic-selector{display:initial;}.inline-submenu.__jsx-style-dynamic-selector{display:none;}}@media (max-width:579px){.actionRaised-button{float:left !important;}}@media (max-width:720px){.main-navigation.__jsx-style-dynamic-selector{max-height:400px;overflow:auto;}}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZrQixBQUd5RCxBQUlqQyxBQU1ZLEFBSVAsQUFPQyxBQUtKLEFBS1MsQUFLWCxBQUtNLEFBSU4sQUFJSyxBQUdOLEFBS00sQUFJSCxBQUtTLEFBS0wsWUFsQnJCLENBaERvQixBQXNCRixBQW1DaEIsR0FKQSxDQWNnQixDQXpEQyxBQW1DbkIsQ0E1QkEsQUFvQkEsR0FWRSxBQW1DQSxHQXhERixFQWlCRSxJQXRCbUQsQUFtRW5ELElBekRjLFdBZmhCLEdBZ0JlLGFBQ2YsWUFtQndCLEFBU3hCLFFBdkNBLHNFQStCQSIsImZpbGUiOiJuYXZpZ2F0aW9uLW1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IEJ1dHRvbiBmcm9tIFwiLi4vYnV0dG9uL2J1dHRvblwiO1xuaW1wb3J0IHsgQkFDS0dST1VORF9HUkVZLCBPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWSB9IGZyb20gXCIuLi8uLi90aGVtZS9jb2xvcnNcIjtcbmltcG9ydCBOYXZpZ2F0aW9uTGlzdCwgeyBIeWJyaWROYXZpZ2F0aW9uTGluayB9IGZyb20gXCIuL25hdmlnYXRpb24tbGlzdFwiO1xuXG5leHBvcnQgdHlwZSBOYXZpZ2F0aW9uTWVudVByb3BzID0ge1xuICBsaW5rczogQXJyYXk8SHlicmlkTmF2aWdhdGlvbkxpbms+O1xuICBvbkNsaWNrSXRlbTogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHN1YmxpbmtzOiBBcnJheTxIeWJyaWROYXZpZ2F0aW9uTGluaz4gfCBudWxsO1xuICBhY3Rpb246IEh5YnJpZE5hdmlnYXRpb25MaW5rIHwgbnVsbDtcbiAgYWN0aW9uUmFpc2VkPzogSHlicmlkTmF2aWdhdGlvbkxpbmsgfCBudWxsO1xuICBhY3RpdmU6IHN0cmluZyB8IG51bGw7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTmF2aWdhdGlvbk1lbnUoe1xuICBsaW5rcyxcbiAgc3VibGlua3MsXG4gIGFjdGlvbixcbiAgYWN0aW9uUmFpc2VkLFxuICBhY3RpdmUsXG4gIG9uQ2xpY2tJdGVtLFxufTogTmF2aWdhdGlvbk1lbnVQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwibmF2aWdhdGlvbi1tZW51XCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1haW4tbmF2aWdhdGlvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1haW4tbmF2aWdhdGlvbi1tZW51c1wiPlxuICAgICAgICAgIDxOYXZpZ2F0aW9uTGlzdFxuICAgICAgICAgICAgaXRlbXM9e2xpbmtzLm1hcChsaW5rID0+ICh7XG4gICAgICAgICAgICAgIC4uLmxpbmssXG4gICAgICAgICAgICAgIGNoaWxkcmVuOlxuICAgICAgICAgICAgICAgIHN1YmxpbmtzICYmIFwiaWRcIiBpbiBsaW5rICYmIGxpbmsuaWQgPT09IGFjdGl2ZSA/IChcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaW5saW5lLXN1Ym1lbnVcIj5cbiAgICAgICAgICAgICAgICAgICAgPE5hdmlnYXRpb25MaXN0IGl0ZW1zPXtzdWJsaW5rc30gYWN0aXZlPXtudWxsfSAvPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKSA6IG51bGwsXG4gICAgICAgICAgICB9KSl9XG4gICAgICAgICAgICBvbkNsaWNrSXRlbT17b25DbGlja0l0ZW19XG4gICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZX1cbiAgICAgICAgICAgIHNpemU9e2xpbmtzLmxlbmd0aCA+IDcgPyBcImxvbmdcIiA6IFwibGFyZ2VcIn1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtzdWJsaW5rcyA/IChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2lkZS1zdWJtZW51XCI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uTGlzdCBpdGVtcz17c3VibGlua3N9IGFjdGl2ZT17bnVsbH0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7YWN0aW9uID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBkaXNwbGF5XG4gICAgICAgICAgICAgIG91dGxpbmVkXG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIGFuYWx5dGljc0lkPXthY3Rpb24uYW5hbHl0aWNzSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogUHJldmVudCBuYXYgYWN0aW9uIGJ1dHRvbiB0byB0dXJuIGludG8gYSBoeXBlcmxpbmsuXG4gICAgICAgICAgICAgICAgICogVGhpcyBpcyBzbyB0aGF0IGdvb2dsZSBhbmFseXRpY3Mgd2lsbCBhbHdheXMgYmUgdHJpZ2dlcmVkLlxuICAgICAgICAgICAgICAgICAqIElmIHdlIHVzZSBhIGh5cGVybGluayBpbnN0ZWFkIG9mIGJ1dHRvbiBjbGlja3Mgb24gdGhlIGxhYmVsXG4gICAgICAgICAgICAgICAgICogd29udCBiZSBjb25zaWRlcmVkIGFzIGEgY2xpY2sgb24gdGhlIGh5cGVybGluay5cbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBpZiAoXCJocmVmXCIgaW4gYWN0aW9uKSB3aW5kb3cubG9jYXRpb24uaHJlZiA9IGFjdGlvbi5ocmVmO1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBpZiAoXCJvbkNsaWNrXCIgaW4gYWN0aW9uICYmIGFjdGlvbi5vbkNsaWNrKSBhY3Rpb24ub25DbGljaygpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWN0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge2FjdGlvblJhaXNlZCA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiYWN0aW9uUmFpc2VkLWJ1dHRvblwiXG4gICAgICAgICAgICAgIGRpc3BsYXlcbiAgICAgICAgICAgICAgb3V0bGluZWRcbiAgICAgICAgICAgICAgcmFpc2VkXG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIGFuYWx5dGljc0lkPXthY3Rpb25SYWlzZWQuYW5hbHl0aWNzSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogUHJldmVudCBuYXYgYWN0aW9uUmFpc2VkIGJ1dHRvbiB0byB0dXJuIGludG8gYSBoeXBlcmxpbmsuXG4gICAgICAgICAgICAgICAgICogVGhpcyBpcyBzbyB0aGF0IGdvb2dsZSBhbmFseXRpY3Mgd2lsbCBhbHdheXMgYmUgdHJpZ2dlcmVkLlxuICAgICAgICAgICAgICAgICAqIElmIHdlIHVzZSBhIGh5cGVybGluayBpbnN0ZWFkIG9mIGJ1dHRvbiBjbGlja3Mgb24gdGhlIGxhYmVsXG4gICAgICAgICAgICAgICAgICogd29udCBiZSBjb25zaWRlcmVkIGFzIGEgY2xpY2sgb24gdGhlIGh5cGVybGluay5cbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBpZiAoXCJocmVmXCIgaW4gYWN0aW9uUmFpc2VkKVxuICAgICAgICAgICAgICAgICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSBhY3Rpb25SYWlzZWQuaHJlZjtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaWYgKFwib25DbGlja1wiIGluIGFjdGlvblJhaXNlZCAmJiBhY3Rpb25SYWlzZWQub25DbGljaylcbiAgICAgICAgICAgICAgICAgIGFjdGlvblJhaXNlZC5vbkNsaWNrKCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHthY3Rpb25SYWlzZWQubGFiZWx9XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tbWVudSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtCQUNLR1JPVU5EX0dSRVl9O1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpZGUtc3VibWVudSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDNyZW07XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pbmxpbmUtc3VibWVudSB7XG4gICAgICAgICAgcGFkZGluZzogMCAxcmVtIDFyZW0gMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDI0cHg7XG4gICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgcGFkZGluZzogNHJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAzcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgQHN1cHBvcnRzIChkaXNwbGF5OiBncmlkKSB7XG4gICAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtZ2FwOiAzcmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IGluaXRpYWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbiA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24tbWVudXMge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uLW1lbnVzID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNyZW07XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguYWN0aW9uUmFpc2VkLWJ1dHRvbikge1xuICAgICAgICAgIGZsb2F0OiByaWdodDtcbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA3MjBweCkge1xuICAgICAgICAgIC5zaWRlLXN1Ym1lbnUge1xuICAgICAgICAgICAgZGlzcGxheTogaW5pdGlhbDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuaW5saW5lLXN1Ym1lbnUge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDU3OXB4KSB7XG4gICAgICAgICAgOmdsb2JhbCguYWN0aW9uUmFpc2VkLWJ1dHRvbikge1xuICAgICAgICAgICAgZmxvYXQ6IGxlZnQgIWltcG9ydGFudDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLm1haW4tbmF2aWdhdGlvbiB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiA0MDBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uTWVudTtcbiJdfQ== */
+/*@ sourceURL=navigation-menu.tsx */`));
+}
+NavigationMenu.propTypes = {
+  links: _pt__default["default"].any.isRequired,
+  onClickItem: _pt__default["default"].func.isRequired,
+  sublinks: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  action: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  actionRaised: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  active: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].oneOf([null])])
+};
+
+exports.NavigationMenu = NavigationMenu;
+exports["default"] = NavigationMenu;

package/donation/cjs/components/navigation/navigation-search-control.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var _pt = require('prop-types');
+var React = require('react');
+var iconButton = require('../icon/icon-button.js');
+var icon = require('../icon/icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function NavigationSearchControl(_ref) {
+  let {
+    onChangeSearchOpen,
+    analyticsId
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement(iconButton, {
+    id: analyticsId,
+    onClick: () => onChangeSearchOpen(true)
+  }, /*#__PURE__*/React__default["default"].createElement(icon, {
+    icon: "search"
+  }));
+}
+NavigationSearchControl.propTypes = {
+  onChangeSearchOpen: _pt__default["default"].func.isRequired,
+  analyticsId: _pt__default["default"].string
+};
+
+module.exports = NavigationSearchControl;

package/donation/cjs/components/navigation/navigation-search.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var useMedia = require('use-media');
+var textField = require('../text-field/text-field.js');
+var icon = require('../icon/icon.js');
+var button = require('../button/button.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var useMedia__default = /*#__PURE__*/_interopDefaultLegacy(useMedia);
+
+function NavigationSearch(_ref) {
+  let {
+    value,
+    onChange,
+    onSubmit,
+    onCancel
+  } = _ref;
+  // Focus the search bar when opened
+  const input = React.useRef(null);
+  React.useEffect(() => {
+    if (input.current) {
+      input.current.focus();
+    }
+  }, [input]);
+  const handleKeyDown = e => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      onSubmit();
+    }
+  };
+  const handleChange = e => {
+    onChange(e.currentTarget.value);
+  };
+  const placeholder = "Try searching for a friend, campaign, or event";
+  const isMobile = useMedia__default["default"]("screen and (max-width: 719px)");
+  const isCompact = useMedia__default["default"]("screen and (max-width: 959px)");
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "jsx-3334382920" + " " + "navigation-search"
+  }, !isCompact ? /*#__PURE__*/React__default["default"].createElement(textField, {
+    leadingIcon: /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "search"
+    }),
+    trailingIcon: /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "close",
+      title: "close"
+    }),
+    onTrailingIconSelect: () => onCancel(),
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    value: value,
+    placeholder: placeholder,
+    ref: input,
+    large: true
+  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(textField, {
+    leadingIcon: /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "search"
+    }),
+    trailingIcon: value ? /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "cancel",
+      title: "clear"
+    }) : undefined,
+    onTrailingIconSelect: () => onChange(""),
+    onChange: e => onChange(e.currentTarget.value),
+    onKeyDown: handleKeyDown,
+    value: value,
+    placeholder: !isMobile ? placeholder : "Search",
+    ref: input
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "jsx-3334382920" + " " + "cancel"
+  }, /*#__PURE__*/React__default["default"].createElement(button, {
+    onClick: () => onCancel()
+  }, "Cancel")))), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "3334382920"
+  }, ".navigation-search.jsx-3334382920{height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.navigation-search.jsx-3334382920>*:first-child{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.cancel.jsx-3334382920{margin-left:0.5rem;}.cancel.jsx-3334382920 .button{height:3.5rem;}@media (min-width:720px){.navigation-search.jsx-3334382920{padding:0 1rem;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tc2VhcmNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRmtCLEFBR3VCLEFBT0EsQUFJTyxBQUlMLEFBS0csWUFuQk4sRUFlYixDQUtFLElBVEYsSUFWZSxnREFNZiwwQkFMcUIsNkZBQ3JCIiwiZmlsZSI6Im5hdmlnYXRpb24tc2VhcmNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgVGV4dEZpZWxkIH0gZnJvbSBcIi4uL3RleHQtZmllbGRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gXCJ1c2UtbWVkaWFcIjtcblxuaW50ZXJmYWNlIE5hdmlnYXRpb25TZWFyY2hQcm9wcyB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgb25TdWJtaXQ6ICgpID0+IHZvaWQ7XG4gIG9uQ2FuY2VsOiAoKSA9PiB2b2lkO1xufVxuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uU2VhcmNoKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBvblN1Ym1pdCxcbiAgb25DYW5jZWwsXG59OiBOYXZpZ2F0aW9uU2VhcmNoUHJvcHMpIHtcbiAgLy8gRm9jdXMgdGhlIHNlYXJjaCBiYXIgd2hlbiBvcGVuZWRcbiAgY29uc3QgaW5wdXQgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlucHV0LmN1cnJlbnQpIHtcbiAgICAgIGlucHV0LmN1cnJlbnQuZm9jdXMoKTtcbiAgICB9XG4gIH0sIFtpbnB1dF0pO1xuXG4gIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gXCJFbnRlclwiKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvblN1Ym1pdCgpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgb25DaGFuZ2UoZS5jdXJyZW50VGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBwbGFjZWhvbGRlciA9IFwiVHJ5IHNlYXJjaGluZyBmb3IgYSBmcmllbmQsIGNhbXBhaWduLCBvciBldmVudFwiO1xuXG4gIGNvbnN0IGlzTW9iaWxlID0gdXNlTWVkaWEoXCJzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDcxOXB4KVwiKTtcbiAgY29uc3QgaXNDb21wYWN0ID0gdXNlTWVkaWEoXCJzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDk1OXB4KVwiKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tc2VhcmNoXCI+XG4gICAgICAgIHshaXNDb21wYWN0ID8gKFxuICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgIGxlYWRpbmdJY29uPXs8SWNvbiBpY29uPVwic2VhcmNoXCIgLz59XG4gICAgICAgICAgICB0cmFpbGluZ0ljb249ezxJY29uIGljb249XCJjbG9zZVwiIHRpdGxlPVwiY2xvc2VcIiAvPn1cbiAgICAgICAgICAgIG9uVHJhaWxpbmdJY29uU2VsZWN0PXsoKSA9PiBvbkNhbmNlbCgpfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIHJlZj17aW5wdXR9XG4gICAgICAgICAgICBsYXJnZVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgICAgbGVhZGluZ0ljb249ezxJY29uIGljb249XCJzZWFyY2hcIiAvPn1cbiAgICAgICAgICAgICAgdHJhaWxpbmdJY29uPXtcbiAgICAgICAgICAgICAgICB2YWx1ZSA/IDxJY29uIGljb249XCJjYW5jZWxcIiB0aXRsZT1cImNsZWFyXCIgLz4gOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBvblRyYWlsaW5nSWNvblNlbGVjdD17KCkgPT4gb25DaGFuZ2UoXCJcIil9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXsoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PlxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGUuY3VycmVudFRhcmdldC52YWx1ZSlcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9eyFpc01vYmlsZSA/IHBsYWNlaG9sZGVyIDogXCJTZWFyY2hcIn1cbiAgICAgICAgICAgICAgcmVmPXtpbnB1dH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNhbmNlbFwiPlxuICAgICAgICAgICAgICA8QnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uQ2FuY2VsKCl9PkNhbmNlbDwvQnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tc2VhcmNoIHtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLm5hdmlnYXRpb24tc2VhcmNoID4gOmdsb2JhbCgqOmZpcnN0LWNoaWxkKSB7XG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNhbmNlbCB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jYW5jZWwgOmdsb2JhbCguYnV0dG9uKSB7XG4gICAgICAgICAgaGVpZ2h0OiAzLjVyZW07XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNzIwcHgpIHtcbiAgICAgICAgICAubmF2aWdhdGlvbi1zZWFyY2gge1xuICAgICAgICAgICAgcGFkZGluZzogMCAxcmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uU2VhcmNoO1xuIl19 */\n/*@ sourceURL=navigation-search.tsx */"));
+}
+NavigationSearch.propTypes = {
+  value: _pt__default["default"].string.isRequired,
+  onChange: _pt__default["default"].func.isRequired,
+  onSubmit: _pt__default["default"].func.isRequired,
+  onCancel: _pt__default["default"].func.isRequired
+};
+
+module.exports = NavigationSearch;

package/donation/cjs/components/navigation/navigation-sign-in-control.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var React = require('react');
+var classnames = require('classnames');
+var button = require('../button/button.js');
+var icon = require('../icon/icon.js');
+var iconButton = require('../icon/icon-button.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["analyticsId", "handleonRequestSignIn", "compact", "className", "color", "noIcon"];
+function NavigationSignInControl(_ref) {
+  let {
+      analyticsId,
+      handleonRequestSignIn,
+      compact,
+      className,
+      color = "neutral",
+      noIcon
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"]("sign-in-control", className)
+  }, rest), !compact ? /*#__PURE__*/React__default["default"].createElement(button, {
+    analyticsId: analyticsId,
+    className: "sign-in-button",
+    color: color,
+    icon: !noIcon ? /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "perm_identity",
+      color: "accent"
+    }) : undefined,
+    onClick: () => handleonRequestSignIn(),
+    display: true
+  }, "Login") : /*#__PURE__*/React__default["default"].createElement(iconButton, {
+    id: analyticsId,
+    title: "Sign in",
+    color: "accent",
+    onClick: () => handleonRequestSignIn()
+  }, /*#__PURE__*/React__default["default"].createElement(icon, {
+    icon: "perm_identity"
+  })));
+}
+NavigationSignInControl.propTypes = {
+  analyticsId: _pt__default["default"].string,
+  compact: _pt__default["default"].bool,
+  handleonRequestSignIn: _pt__default["default"].func.isRequired,
+  color: _pt__default["default"].any,
+  noIcon: _pt__default["default"].bool
+};
+
+module.exports = NavigationSignInControl;

package/donation/cjs/components/navigation/navigation-user-menu-items.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var React = require('react');
+var icon = require('../icon/icon.js');
+var menuListItem = require('../menu/menu-list-item.js');
+var Menu = require('@material/react-menu');
+var MDCList = require('@material/react-list');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const _excluded = ["icon", "label", "onClick", "submenu", "isSubmenuOpen"];
+function NavigationUserMenuItem(_ref) {
+  let {
+      icon: icon$1,
+      label,
+      onClick,
+      submenu,
+      isSubmenuOpen
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(menuListItem, _rollupPluginBabelHelpers["extends"]({
+    onClick: onClick
+  }, rest), /*#__PURE__*/React__default["default"].createElement(Menu.MenuListItemGraphic, {
+    graphic: /*#__PURE__*/React__default["default"].createElement(icon, _rollupPluginBabelHelpers["extends"]({
+      color: "primary"
+    }, icon$1))
+  }), /*#__PURE__*/React__default["default"].createElement(Menu.MenuListItemText, {
+    primaryText: label
+  }), submenu ? /*#__PURE__*/React__default["default"].createElement(MDCList.ListItemMeta, {
+    meta: /*#__PURE__*/React__default["default"].createElement(icon, {
+      color: "primary",
+      icon: isSubmenuOpen ? "keyboard_arrow_up" : "keyboard_arrow_down"
+    })
+  }) : null), submenu && isSubmenuOpen ? submenu.map(subItem => /*#__PURE__*/React__default["default"].createElement(menuListItem, _rollupPluginBabelHelpers["extends"]({
+    key: subItem.id || subItem.href
+  }, subItem), /*#__PURE__*/React__default["default"].createElement(Menu.MenuListItemText, {
+    primaryText: subItem.label,
+    className: "icon-submenu"
+  }))) : null);
+}
+NavigationUserMenuItem.propTypes = {
+  icon: _pt__default["default"].any.isRequired,
+  label: _pt__default["default"].string.isRequired,
+  onClick: _pt__default["default"].func,
+  href: _pt__default["default"].string,
+  id: _pt__default["default"].string,
+  submenu: _pt__default["default"].any,
+  isSubmenuOpen: _pt__default["default"].bool
+};
+function NavigationUserMenuItems(_ref2) {
+  let {
+    items
+  } = _ref2;
+  // To keep track of which submenu (if any) is open at any time
+  // There can be only one open at a time
+  const [activeSubmenu, setActiveSubmenu] = React.useState(-1);
+  const handleClick = (index, item) => {
+    if (item.submenu) {
+      setActiveSubmenu(activeSubmenu === index ? -1 : index);
+    } else if (item.onClick) {
+      item.onClick();
+    }
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, items.map((item, i) => {
+    return /*#__PURE__*/React__default["default"].createElement(NavigationUserMenuItem, _rollupPluginBabelHelpers["extends"]({
+      key: item.id || item.href || i,
+      id: item.id || item.href,
+      isSubmenuOpen: item.submenu && activeSubmenu === i
+    }, item, {
+      onClick: () => handleClick(i, item)
+    }));
+  }));
+}
+NavigationUserMenuItems.propTypes = {
+  items: _pt__default["default"].any.isRequired
+};
+
+module.exports = NavigationUserMenuItems;

package/donation/cjs/components/navigation/navigation-user-menu.js

@@ -0,0 +1,96 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var useMedia = require('use-media');
+var avatar = require('../avatar/avatar.js');
+var theme = require('../../theme/theme.js');
+var navigationUserMenuItems = require('./navigation-user-menu-items.js');
+var menuList = require('../menu/menu-list.js');
+var menuListItem = require('../menu/menu-list-item.js');
+var Menu = require('@material/react-menu');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var useMedia__default = /*#__PURE__*/_interopDefaultLegacy(useMedia);
+
+function NavigationUserMenu(_ref) {
+  let {
+    user,
+    items,
+    isOpen,
+    onChangeOpen
+  } = _ref;
+  const theme$1 = theme.useTheme();
+
+  // Allow users with pointing devices to open/close the menu by hovering in/out
+  const [isHovered, bind] = useHover();
+  React.useEffect(() => {
+    onChangeOpen(isHovered);
+  }, [onChangeOpen, isHovered]);
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, bind, {
+    className: "jsx-2528041997 " + _JSXStyle__default["default"].dynamic([["2359551941", [theme$1.typography.fontFamily.brand, theme$1.color.foreground.primary]]]) + " " + (bind && bind.className != null && bind.className || classnames__default["default"]("menu-anchor", {
+      compact: useMedia__default["default"]("screen and (max-width: 425px)")
+    }) || "")
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "jsx-2528041997 " + _JSXStyle__default["default"].dynamic([["2359551941", [theme$1.typography.fontFamily.brand, theme$1.color.foreground.primary]]]) + " " + (classnames__default["default"]("menu-trigger", {
+      open: isOpen
+    }) || "")
+  }, /*#__PURE__*/React__default["default"].createElement(avatar, {
+    name: user.name,
+    src: user.avatar ? user.avatar.src : undefined,
+    onClick: () => onChangeOpen(!isOpen),
+    adminId: user.adminId || ""
+  })), items && isOpen && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "jsx-2528041997 " + _JSXStyle__default["default"].dynamic([["2359551941", [theme$1.typography.fontFamily.brand, theme$1.color.foreground.primary]]]) + " " + "user-menu"
+  }, /*#__PURE__*/React__default["default"].createElement(menuList, null, /*#__PURE__*/React__default["default"].createElement(menuListItem, {
+    disabled: true
+  }, /*#__PURE__*/React__default["default"].createElement(Menu.MenuListItemText, {
+    primaryText: /*#__PURE__*/React__default["default"].createElement("strong", {
+      className: "jsx-2528041997 " + _JSXStyle__default["default"].dynamic([["2359551941", [theme$1.typography.fontFamily.brand, theme$1.color.foreground.primary]]])
+    }, "Hello ", user.name || "", "!")
+  })), /*#__PURE__*/React__default["default"].createElement(navigationUserMenuItems, {
+    items: items
+  }))), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "2528041997"
+  }, ".menu-trigger.jsx-2528041997{cursor:pointer;width:3rem;height:3rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;}.menu-anchor.jsx-2528041997{position:relative;overflow:visible;}.menu-anchor.compact.jsx-2528041997{position:initial;}.user-menu.jsx-2528041997{position:absolute;z-index:1;top:100%;right:0;background-color:white;border-radius:0.25rem;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);max-height:calc(100vh - 64px);}.user-menu.jsx-2528041997::before{display:block;content:\"\";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;position:absolute;top:-8px;right:calc((3rem / 2) - 8px);}.compact.jsx-2528041997 .user-menu.jsx-2528041997{left:8px;right:8px;top:3.5rem;}.compact.jsx-2528041997 .user-menu.jsx-2528041997::before{right:calc((3rem / 2) - 8px + 4.5rem);}.user-menu.jsx-2528041997 .mdc-list-item__graphic,.user-menu.jsx-2528041997 svg{margin-right:1rem;}.user-menu.jsx-2528041997 .mdc-list-item:not(:last-of-type){border-bottom:1px solid #e0e0e0;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tdXNlci1tZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRWtCLEFBRzBCLEFBVUcsQUFLRCxBQUlDLEFBYUosQUFhTCxBQU02QixBQUtwQixBQUljLFNBZHRCLEtBYkMsQ0FoQ0EsRUFlYixDQUxtQixBQVNQLEFBcUNaLENBVmEsTUFiSCxDQWhDSSxFQW1CSCxFQTJCWCxFQWFBLENBMUJXLEVBdkJYLEVBVVUsQ0FuQkssQUFpRGYsSUFoQm9DLEdBYlgsdUJBQ0QsUUFhYSxjQVhKLHFCQVlELENBbENQLDZCQW1DTCxlQVpZLEdBYXJCLFNBQ29CLGtCQWIvQixXQWNBLGNBckNxQiw2RkFDRyxzQkFDeEIiLCJmaWxlIjoibmF2aWdhdGlvbi11c2VyLW1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIE1vdXNlRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gXCJ1c2UtbWVkaWFcIjtcbmltcG9ydCBBdmF0YXIgZnJvbSBcIi4uL2F2YXRhci9hdmF0YXJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgeyBNZW51TGlzdCwgTWVudUxpc3RJdGVtLCBNZW51TGlzdEl0ZW1UZXh0IH0gZnJvbSBcIi4uL21lbnVcIjtcbmltcG9ydCBOYXZpZ2F0aW9uVXNlck1lbnVJdGVtcywge1xuICBVc2VyTWVudUl0ZW1XaXRoU3VibWVudSxcbn0gZnJvbSBcIi4vbmF2aWdhdGlvbi11c2VyLW1lbnUtaXRlbXNcIjtcblxudHlwZSBCaW5kUHJvcHMgPSB7XG4gIG9uTW91c2VPdmVyOiBNb3VzZUV2ZW50SGFuZGxlcjtcbiAgb25Nb3VzZUxlYXZlOiBNb3VzZUV2ZW50SGFuZGxlcjtcbn07XG5cbmV4cG9ydCB0eXBlIFVzZXJEYXRhID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIGF2YXRhcj86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgfTtcbiAgYWRtaW5JZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFVzZXJNZW51SXRlbXMgPSBBcnJheTxVc2VyTWVudUl0ZW1XaXRoU3VibWVudT47XG5cbmludGVyZmFjZSBOYXZpZ2F0aW9uVXNlck1lbnVQcm9wcyB7XG4gIHVzZXI6IFVzZXJEYXRhO1xuICBpdGVtcz86IFVzZXJNZW51SXRlbXM7XG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIG9uQ2hhbmdlT3BlbjogKGlzT3BlbjogYm9vbGVhbikgPT4gdm9pZDtcbiAgaXNDb21wYWN0PzogYm9vbGVhbjtcbn1cblxuZnVuY3Rpb24gTmF2aWdhdGlvblVzZXJNZW51KHtcbiAgdXNlcixcbiAgaXRlbXMsXG4gIGlzT3BlbixcbiAgb25DaGFuZ2VPcGVuLFxufTogTmF2aWdhdGlvblVzZXJNZW51UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIC8vIEFsbG93IHVzZXJzIHdpdGggcG9pbnRpbmcgZGV2aWNlcyB0byBvcGVuL2Nsb3NlIHRoZSBtZW51IGJ5IGhvdmVyaW5nIGluL291dFxuICBjb25zdCBbaXNIb3ZlcmVkLCBiaW5kXSA9IHVzZUhvdmVyKCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25DaGFuZ2VPcGVuKGlzSG92ZXJlZCk7XG4gIH0sIFtvbkNoYW5nZU9wZW4sIGlzSG92ZXJlZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibWVudS1hbmNob3JcIiwge1xuICAgICAgICBjb21wYWN0OiB1c2VNZWRpYShcInNjcmVlbiBhbmQgKG1heC13aWR0aDogNDI1cHgpXCIpLFxuICAgICAgfSl9XG4gICAgICB7Li4uYmluZH1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcIm1lbnUtdHJpZ2dlclwiLCB7IG9wZW46IGlzT3BlbiB9KX0+XG4gICAgICAgIDxBdmF0YXJcbiAgICAgICAgICBuYW1lPXt1c2VyLm5hbWV9XG4gICAgICAgICAgc3JjPXt1c2VyLmF2YXRhciA/IHVzZXIuYXZhdGFyLnNyYyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZU9wZW4oIWlzT3Blbil9XG4gICAgICAgICAgYWRtaW5JZD17KHVzZXIuYWRtaW5JZCBhcyBzdHJpbmcpIHx8IFwiXCJ9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtpdGVtcyAmJiBpc09wZW4gJiYgKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInVzZXItbWVudVwiPlxuICAgICAgICAgIDxNZW51TGlzdD5cbiAgICAgICAgICAgIDxNZW51TGlzdEl0ZW0gZGlzYWJsZWQ+XG4gICAgICAgICAgICAgIDxNZW51TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgICAgcHJpbWFyeVRleHQ9ezxzdHJvbmc+SGVsbG8ge3VzZXIubmFtZSB8fCBcIlwifSE8L3N0cm9uZz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L01lbnVMaXN0SXRlbT5cbiAgICAgICAgICAgIDxOYXZpZ2F0aW9uVXNlck1lbnVJdGVtcyBpdGVtcz17aXRlbXN9IC8+XG4gICAgICAgICAgPC9NZW51TGlzdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAubWVudS10cmlnZ2VyIHtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgd2lkdGg6IDNyZW07XG4gICAgICAgICAgaGVpZ2h0OiAzcmVtO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1lbnUtYW5jaG9yIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICAgIH1cblxuICAgICAgICAubWVudS1hbmNob3IuY29tcGFjdCB7XG4gICAgICAgICAgcG9zaXRpb246IGluaXRpYWw7XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICB0b3A6IDEwMCU7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSxcbiAgICAgICAgICAgIDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2NHB4KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIGFycm93ICovXG4gICAgICAgIC51c2VyLW1lbnU6OmJlZm9yZSB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICB3aWR0aDogMDtcbiAgICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDhweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICBib3JkZXItcmlnaHQ6IDhweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiA4cHggc29saWQgd2hpdGU7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHRvcDogLThweDtcbiAgICAgICAgICByaWdodDogY2FsYygoM3JlbSAvIDIpIC0gOHB4KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb21wYWN0IC51c2VyLW1lbnUge1xuICAgICAgICAgIGxlZnQ6IDhweDtcbiAgICAgICAgICByaWdodDogOHB4O1xuICAgICAgICAgIHRvcDogMy41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbXBhY3QgLnVzZXItbWVudTo6YmVmb3JlIHtcbiAgICAgICAgICByaWdodDogY2FsYygoM3JlbSAvIDIpIC0gOHB4ICsgNC41cmVtKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC51c2VyLW1lbnUgOmdsb2JhbCgubWRjLWxpc3QtaXRlbV9fZ3JhcGhpYyksXG4gICAgICAgIC51c2VyLW1lbnUgOmdsb2JhbChzdmcpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IDpnbG9iYWwoLm1kYy1saXN0LWl0ZW06bm90KDpsYXN0LW9mLXR5cGUpKSB7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlMGUwZTA7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnVzZXItbWVudSA6Z2xvYmFsKC5tZGMtbGlzdCkge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udEZhbWlseS5icmFuZH07XG4gICAgICAgIH1cblxuICAgICAgICBzdHJvbmcge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yLmZvcmVncm91bmQucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvblVzZXJNZW51O1xuXG5mdW5jdGlvbiB1c2VIb3ZlcigpOiBbYm9vbGVhbiwgQmluZFByb3BzXSB7XG4gIGNvbnN0IFtpc0hvdmVyZWQsIHNldElzSG92ZXJlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3QgYmluZDogQmluZFByb3BzID0ge1xuICAgIG9uTW91c2VPdmVyOiAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyZWQodHJ1ZSk7XG4gICAgfSxcbiAgICBvbk1vdXNlTGVhdmU6ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZChmYWxzZSk7XG4gICAgfSxcbiAgfTtcblxuICByZXR1cm4gW2lzSG92ZXJlZCwgYmluZF07XG59XG4iXX0= */\n/*@ sourceURL=navigation-user-menu.tsx */"), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "2359551941",
+    dynamic: [theme$1.typography.fontFamily.brand, theme$1.color.foreground.primary]
+  }, `.user-menu.__jsx-style-dynamic-selector .mdc-list{font-family:${theme$1.typography.fontFamily.brand};}strong.__jsx-style-dynamic-selector{color:${theme$1.color.foreground.primary};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tdXNlci1tZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySWtCLEFBR29ELEFBSU4sbUNBQ3JDLE1BSkEiLCJmaWxlIjoibmF2aWdhdGlvbi11c2VyLW1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIE1vdXNlRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gXCJ1c2UtbWVkaWFcIjtcbmltcG9ydCBBdmF0YXIgZnJvbSBcIi4uL2F2YXRhci9hdmF0YXJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgeyBNZW51TGlzdCwgTWVudUxpc3RJdGVtLCBNZW51TGlzdEl0ZW1UZXh0IH0gZnJvbSBcIi4uL21lbnVcIjtcbmltcG9ydCBOYXZpZ2F0aW9uVXNlck1lbnVJdGVtcywge1xuICBVc2VyTWVudUl0ZW1XaXRoU3VibWVudSxcbn0gZnJvbSBcIi4vbmF2aWdhdGlvbi11c2VyLW1lbnUtaXRlbXNcIjtcblxudHlwZSBCaW5kUHJvcHMgPSB7XG4gIG9uTW91c2VPdmVyOiBNb3VzZUV2ZW50SGFuZGxlcjtcbiAgb25Nb3VzZUxlYXZlOiBNb3VzZUV2ZW50SGFuZGxlcjtcbn07XG5cbmV4cG9ydCB0eXBlIFVzZXJEYXRhID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIGF2YXRhcj86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgfTtcbiAgYWRtaW5JZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFVzZXJNZW51SXRlbXMgPSBBcnJheTxVc2VyTWVudUl0ZW1XaXRoU3VibWVudT47XG5cbmludGVyZmFjZSBOYXZpZ2F0aW9uVXNlck1lbnVQcm9wcyB7XG4gIHVzZXI6IFVzZXJEYXRhO1xuICBpdGVtcz86IFVzZXJNZW51SXRlbXM7XG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIG9uQ2hhbmdlT3BlbjogKGlzT3BlbjogYm9vbGVhbikgPT4gdm9pZDtcbiAgaXNDb21wYWN0PzogYm9vbGVhbjtcbn1cblxuZnVuY3Rpb24gTmF2aWdhdGlvblVzZXJNZW51KHtcbiAgdXNlcixcbiAgaXRlbXMsXG4gIGlzT3BlbixcbiAgb25DaGFuZ2VPcGVuLFxufTogTmF2aWdhdGlvblVzZXJNZW51UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIC8vIEFsbG93IHVzZXJzIHdpdGggcG9pbnRpbmcgZGV2aWNlcyB0byBvcGVuL2Nsb3NlIHRoZSBtZW51IGJ5IGhvdmVyaW5nIGluL291dFxuICBjb25zdCBbaXNIb3ZlcmVkLCBiaW5kXSA9IHVzZUhvdmVyKCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25DaGFuZ2VPcGVuKGlzSG92ZXJlZCk7XG4gIH0sIFtvbkNoYW5nZU9wZW4sIGlzSG92ZXJlZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibWVudS1hbmNob3JcIiwge1xuICAgICAgICBjb21wYWN0OiB1c2VNZWRpYShcInNjcmVlbiBhbmQgKG1heC13aWR0aDogNDI1cHgpXCIpLFxuICAgICAgfSl9XG4gICAgICB7Li4uYmluZH1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcIm1lbnUtdHJpZ2dlclwiLCB7IG9wZW46IGlzT3BlbiB9KX0+XG4gICAgICAgIDxBdmF0YXJcbiAgICAgICAgICBuYW1lPXt1c2VyLm5hbWV9XG4gICAgICAgICAgc3JjPXt1c2VyLmF2YXRhciA/IHVzZXIuYXZhdGFyLnNyYyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZU9wZW4oIWlzT3Blbil9XG4gICAgICAgICAgYWRtaW5JZD17KHVzZXIuYWRtaW5JZCBhcyBzdHJpbmcpIHx8IFwiXCJ9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtpdGVtcyAmJiBpc09wZW4gJiYgKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInVzZXItbWVudVwiPlxuICAgICAgICAgIDxNZW51TGlzdD5cbiAgICAgICAgICAgIDxNZW51TGlzdEl0ZW0gZGlzYWJsZWQ+XG4gICAgICAgICAgICAgIDxNZW51TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgICAgcHJpbWFyeVRleHQ9ezxzdHJvbmc+SGVsbG8ge3VzZXIubmFtZSB8fCBcIlwifSE8L3N0cm9uZz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L01lbnVMaXN0SXRlbT5cbiAgICAgICAgICAgIDxOYXZpZ2F0aW9uVXNlck1lbnVJdGVtcyBpdGVtcz17aXRlbXN9IC8+XG4gICAgICAgICAgPC9NZW51TGlzdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAubWVudS10cmlnZ2VyIHtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgd2lkdGg6IDNyZW07XG4gICAgICAgICAgaGVpZ2h0OiAzcmVtO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1lbnUtYW5jaG9yIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICAgIH1cblxuICAgICAgICAubWVudS1hbmNob3IuY29tcGFjdCB7XG4gICAgICAgICAgcG9zaXRpb246IGluaXRpYWw7XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICB0b3A6IDEwMCU7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSxcbiAgICAgICAgICAgIDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2NHB4KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIGFycm93ICovXG4gICAgICAgIC51c2VyLW1lbnU6OmJlZm9yZSB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICB3aWR0aDogMDtcbiAgICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDhweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICBib3JkZXItcmlnaHQ6IDhweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiA4cHggc29saWQgd2hpdGU7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHRvcDogLThweDtcbiAgICAgICAgICByaWdodDogY2FsYygoM3JlbSAvIDIpIC0gOHB4KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb21wYWN0IC51c2VyLW1lbnUge1xuICAgICAgICAgIGxlZnQ6IDhweDtcbiAgICAgICAgICByaWdodDogOHB4O1xuICAgICAgICAgIHRvcDogMy41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbXBhY3QgLnVzZXItbWVudTo6YmVmb3JlIHtcbiAgICAgICAgICByaWdodDogY2FsYygoM3JlbSAvIDIpIC0gOHB4ICsgNC41cmVtKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC51c2VyLW1lbnUgOmdsb2JhbCgubWRjLWxpc3QtaXRlbV9fZ3JhcGhpYyksXG4gICAgICAgIC51c2VyLW1lbnUgOmdsb2JhbChzdmcpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IDpnbG9iYWwoLm1kYy1saXN0LWl0ZW06bm90KDpsYXN0LW9mLXR5cGUpKSB7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlMGUwZTA7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnVzZXItbWVudSA6Z2xvYmFsKC5tZGMtbGlzdCkge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udEZhbWlseS5icmFuZH07XG4gICAgICAgIH1cblxuICAgICAgICBzdHJvbmcge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yLmZvcmVncm91bmQucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvblVzZXJNZW51O1xuXG5mdW5jdGlvbiB1c2VIb3ZlcigpOiBbYm9vbGVhbiwgQmluZFByb3BzXSB7XG4gIGNvbnN0IFtpc0hvdmVyZWQsIHNldElzSG92ZXJlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3QgYmluZDogQmluZFByb3BzID0ge1xuICAgIG9uTW91c2VPdmVyOiAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyZWQodHJ1ZSk7XG4gICAgfSxcbiAgICBvbk1vdXNlTGVhdmU6ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZChmYWxzZSk7XG4gICAgfSxcbiAgfTtcblxuICByZXR1cm4gW2lzSG92ZXJlZCwgYmluZF07XG59XG4iXX0= */
+/*@ sourceURL=navigation-user-menu.tsx */`));
+}
+NavigationUserMenu.propTypes = {
+  user: _pt__default["default"].shape({
+    name: _pt__default["default"].string.isRequired,
+    avatar: _pt__default["default"].shape({
+      src: _pt__default["default"].string.isRequired
+    }),
+    adminId: _pt__default["default"].string
+  }).isRequired,
+  items: _pt__default["default"].any,
+  isOpen: _pt__default["default"].bool,
+  onChangeOpen: _pt__default["default"].func.isRequired,
+  isCompact: _pt__default["default"].bool
+};
+function useHover() {
+  const [isHovered, setIsHovered] = React.useState(false);
+  const bind = {
+    onMouseOver: () => {
+      setIsHovered(true);
+    },
+    onMouseLeave: () => {
+      setIsHovered(false);
+    }
+  };
+  return [isHovered, bind];
+}
+
+module.exports = NavigationUserMenu;