@mycause/ui 1.2.6 → 1.2.7

package/donation/esm/components/navigation/navigation-list.js

@@ -0,0 +1,68 @@
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { Fragment } from 'react';
+import { BRAND_DARK_GREY, INACTIVE_GREY } from '../../theme/colors.js';
+import { useTheme } from '../../theme/theme.js';
+import BoldAnchor from '../anchor/bold-anchor.js';
+import Icon from '../icon/icon.js';
+
+function NavigationList(_ref) {
+  let {
+    items,
+    onClickItem,
+    active,
+    size = "normal"
+  } = _ref;
+  const theme = useTheme();
+  return /*#__PURE__*/React.createElement("ul", {
+    className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY, INACTIVE_GREY]]]) + " " + "size-".concat(size)
+  }, items.map(item => {
+    const onClick = e => {
+      // href
+      if ("href" in item) return;
+      e.preventDefault();
+      // combined handler
+      if (onClickItem) onClickItem(item.id);
+      // individual handler
+      else if (item.onClick) item.onClick();
+    };
+    const href = "href" in item ? item.href : "#";
+    const id = "id" in item ? item.id : null;
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: "href" in item ? item.href : item.id
+    }, /*#__PURE__*/React.createElement("li", {
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY, INACTIVE_GREY]]]) + " " + "item"
+    }, /*#__PURE__*/React.createElement(BoldAnchor, {
+      analyticsId: item.analyticsId,
+      href: href,
+      onClick: onClick,
+      active: id === active
+    }, /*#__PURE__*/React.createElement("img", {
+      src: item.icon,
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY, INACTIVE_GREY]]])
+    }), item.label, " ", "id" in item && item.more ? /*#__PURE__*/React.createElement("span", {
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY, INACTIVE_GREY]]]) + " " + "chevron"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY, INACTIVE_GREY]]]) + " " + "chevron-right"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: "chevron_right",
+      size: size === "normal" ? "24px" : "36px"
+    })), /*#__PURE__*/React.createElement("span", {
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY, INACTIVE_GREY]]]) + " " + "chevron-down"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: "expand_more",
+      size: size === "normal" ? "16px" : "24px"
+    }))) : null)), "children" in item ? item.children : null);
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "1320294250",
+    dynamic: [theme.typography.fontFamily.brand, BRAND_DARK_GREY, INACTIVE_GREY]
+  }, "ul.__jsx-style-dynamic-selector{margin:0;padding:0;list-style:none;}.item.__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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:".concat(theme.typography.fontFamily.brand, ";color:").concat(BRAND_DARK_GREY, ";font-weight:500;}.size-long.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1rem;height:50px;margin-bottom:30px;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 30%;-ms-flex:1 0 30%;flex:1 0 30%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 64%;-ms-flex:1 0 64%;flex:1 0 64%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector>a{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;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector>a > img{margin-right:10px;width:50px;}.size-large.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1rem;height:2.5rem;}.size-normal.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:0.875rem;height:1.75rem;}.item.__jsx-style-dynamic-selector a:focus{outline:none;}.item.__jsx-style-dynamic-selector:focus-within{outline:-webkit-focus-ring-color auto 5px;}.chevron.__jsx-style-dynamic-selector{position:relative;display:inline-block;width:1em;height:1em;margin-left:1rem;vertical-align:middle;line-height:1;-webkit-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);color:").concat(INACTIVE_GREY, ";}.chevron-right.__jsx-style-dynamic-selector{display:none;}.item.__jsx-style-dynamic-selector a:hover .chevron.__jsx-style-dynamic-selector,.item.__jsx-style-dynamic-selector a:focus .chevron.__jsx-style-dynamic-selector,.item.__jsx-style-dynamic-selector a.active .chevron.__jsx-style-dynamic-selector{color:inherit;}.chevron.__jsx-style-dynamic-selector>*{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}@media (min-width:720px){.size-large.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1.375rem;min-height:3rem;}.size-normal.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1.125rem;min-height:2.5rem;}.chevron-right.__jsx-style-dynamic-selector{display:initial;}.chevron-down.__jsx-style-dynamic-selector{display:none;}}@media (max-width:719px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:0.875rem;}}@media (max-width:644px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{margin-bottom:20px;}}@media (max-width:457px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{margin-bottom:8px;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkZrQixBQUdvQixBQU1JLEFBU0EsQUFNRSxBQU1GLEFBSUEsQUFJQSxBQUtLLEFBS0gsQUFLSSxBQUtOLEFBSTZCLEFBSXhCLEFBWUwsQUFNQyxBQUlJLEFBUUcsQUFLQSxBQUtILEFBSUgsQUFNTSxBQU1OLEFBR0EsQUFHTSxBQU1ELEFBSUosQUFJQSxTQTFJTixJQXVEWixBQW9CQSxBQWdDRSxDQTFCRixDQTVEYyxBQXdCRSxDQTBEZCxFQS9EVyxBQXVCVSxBQXNCYixBQThDUixDQWxJZ0IsQUFpREQsQUEyQ0csQUFLRSxBQWVwQixBQVlBLE9BdkNTLENBaEVVLEVBbUJyQixBQUtBLEtBS0EsQ0FqREEsQUFxRmtDLEFBT2hDLEVBS0EsRUFuQ1UsR0FMWixJQXBDQSxHQTBDYSxFQXRDYixBQUlBLEFBd0ZFLEFBR0EsR0FhQSxBQUlBLE1BekVpQixjQTVESyxBQVNQLEFBb0JJLEdBZ0NHLHNCQUNSLGNBQ1ksa0JBckRmLFNBd0ViLEVBdkVBLFVBVnlCLGVBNkJ6QixvQ0FrQ3FDLG1DQUNyQyxhQS9EMkMseUNBQ04sbUNBQ25CLGdCQUNsQiIsImZpbGUiOiJuYXZpZ2F0aW9uLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCUkFORF9EQVJLX0dSRVksIElOQUNUSVZFX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgeyBCb2xkQW5jaG9yIH0gZnJvbSBcIi4uL2FuY2hvci9pbmRleFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9pY29uL2luZGV4XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5leHBvcnQgdHlwZSBIcmVmTmF2aWdhdGlvbkxpbmsgPSB7XG4gIGhyZWY6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYW5hbHl0aWNzSWQ/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDbGlja05hdmlnYXRpb25MaW5rID0ge1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgbW9yZT86IGJvb2xlYW4gLyogaW5kaWNhdGVzIHRoYXQgY2xpY2tpbmcgdGhpcyBsaW5rIHdpbGwgcmV2ZWFsIG1vcmUgb3B0aW9ucyAqLztcbiAgYW5hbHl0aWNzSWQ/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBIeWJyaWROYXZpZ2F0aW9uTGluayA9IEhyZWZOYXZpZ2F0aW9uTGluayB8IENsaWNrTmF2aWdhdGlvbkxpbms7XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25MaXN0SXRlbSA9IEh5YnJpZE5hdmlnYXRpb25MaW5rICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25NZW51TGlzdFByb3BzID0ge1xuICBpdGVtczogQXJyYXk8TmF2aWdhdGlvbkxpc3RJdGVtPjtcbiAgb25DbGlja0l0ZW0/OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc2l6ZT86IFwibm9ybWFsXCIgfCBcImxhcmdlXCIgfCBcImxvbmdcIjtcbiAgYWN0aXZlPzogc3RyaW5nIHwgbnVsbDtcbn07XG5cbmZ1bmN0aW9uIE5hdmlnYXRpb25MaXN0KHtcbiAgaXRlbXMsXG4gIG9uQ2xpY2tJdGVtLFxuICBhY3RpdmUsXG4gIHNpemUgPSBcIm5vcm1hbFwiLFxufTogTmF2aWdhdGlvbk1lbnVMaXN0UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPHVsIGNsYXNzTmFtZT17YHNpemUtJHtzaXplfWB9PlxuICAgICAge2l0ZW1zLm1hcChpdGVtID0+IHtcbiAgICAgICAgY29uc3Qgb25DbGljayA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgLy8gaHJlZlxuICAgICAgICAgIGlmIChcImhyZWZcIiBpbiBpdGVtKSByZXR1cm47XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIC8vIGNvbWJpbmVkIGhhbmRsZXJcbiAgICAgICAgICBpZiAob25DbGlja0l0ZW0pIG9uQ2xpY2tJdGVtKGl0ZW0uaWQpO1xuICAgICAgICAgIC8vIGluZGl2aWR1YWwgaGFuZGxlclxuICAgICAgICAgIGVsc2UgaWYgKGl0ZW0ub25DbGljaykgaXRlbS5vbkNsaWNrKCk7XG4gICAgICAgIH07XG5cbiAgICAgICAgY29uc3QgaHJlZiA9IFwiaHJlZlwiIGluIGl0ZW0gPyBpdGVtLmhyZWYgOiBcIiNcIjtcblxuICAgICAgICBjb25zdCBpZCA9IFwiaWRcIiBpbiBpdGVtID8gaXRlbS5pZCA6IG51bGw7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RnJhZ21lbnQga2V5PXtcImhyZWZcIiBpbiBpdGVtID8gaXRlbS5ocmVmIDogaXRlbS5pZH0+XG4gICAgICAgICAgICA8bGkgY2xhc3NOYW1lPVwiaXRlbVwiPlxuICAgICAgICAgICAgICA8Qm9sZEFuY2hvclxuICAgICAgICAgICAgICAgIGFuYWx5dGljc0lkPXtpdGVtLmFuYWx5dGljc0lkfVxuICAgICAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2lkID09PSBhY3RpdmV9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8aW1nIHNyYz17aXRlbS5pY29ufSAvPlxuICAgICAgICAgICAgICAgIHtpdGVtLmxhYmVsfXtcIiBcIn1cbiAgICAgICAgICAgICAgICB7XCJpZFwiIGluIGl0ZW0gJiYgaXRlbS5tb3JlID8gKFxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiY2hldnJvblwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJjaGV2cm9uLXJpZ2h0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJjaGV2cm9uX3JpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9e3NpemUgPT09IFwibm9ybWFsXCIgPyBcIjI0cHhcIiA6IFwiMzZweFwifVxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiY2hldnJvbi1kb3duXCI+XG4gICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJleHBhbmRfbW9yZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtzaXplID09PSBcIm5vcm1hbFwiID8gXCIxNnB4XCIgOiBcIjI0cHhcIn1cbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvQm9sZEFuY2hvcj5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICB7XCJjaGlsZHJlblwiIGluIGl0ZW0gPyBpdGVtLmNoaWxkcmVuIDogbnVsbH1cbiAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIHVsIHtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW0ge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICAgIGNvbG9yOiAke0JSQU5EX0RBUktfR1JFWX07XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIGhlaWdodDogNTBweDtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAzMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBmbGV4OiAxIDAgMzAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbTpsYXN0LWNoaWxkIHtcbiAgICAgICAgICBmbGV4OiAxIDAgNjQlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbSA+IDpnbG9iYWwoYSkge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcgLml0ZW0gPiA6Z2xvYmFsKGEgPiBpbWcpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICAgICAgd2lkdGg6IDUwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc2l6ZS1sYXJnZSAuaXRlbSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIGhlaWdodDogMi41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbm9ybWFsIC5pdGVtIHtcbiAgICAgICAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgICAgICAgIGhlaWdodDogMS43NXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pdGVtIDpnbG9iYWwoYTpmb2N1cykge1xuICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaXRlbTpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jaGV2cm9uIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIHdpZHRoOiAxZW07XG4gICAgICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDFyZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUlKTtcbiAgICAgICAgICBjb2xvcjogJHtJTkFDVElWRV9HUkVZfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jaGV2cm9uLXJpZ2h0IHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW0gOmdsb2JhbChhOmhvdmVyKSAuY2hldnJvbixcbiAgICAgICAgLml0ZW0gOmdsb2JhbChhOmZvY3VzKSAuY2hldnJvbixcbiAgICAgICAgLml0ZW0gOmdsb2JhbChhLmFjdGl2ZSkgLmNoZXZyb24ge1xuICAgICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICB9XG5cbiAgICAgICAgLmNoZXZyb24gPiA6Z2xvYmFsKCopIHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLnNpemUtbGFyZ2UgLml0ZW0ge1xuICAgICAgICAgICAgZm9udC1zaXplOiAxLjM3NXJlbTtcbiAgICAgICAgICAgIG1pbi1oZWlnaHQ6IDNyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLnNpemUtbm9ybWFsIC5pdGVtIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAyLjVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNoZXZyb24tcmlnaHQge1xuICAgICAgICAgICAgZGlzcGxheTogaW5pdGlhbDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY2hldnJvbi1kb3duIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDcxOXB4KSB7XG4gICAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA2NDRweCkge1xuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBmbGV4OiAxIDAgNTAlO1xuICAgICAgICAgIH1cbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgZmxleDogMSAwIDUwJTtcbiAgICAgICAgICB9XG4gICAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA0NTdweCkge1xuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW0ge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBmbGV4OiAxIDAgMTAwJTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgZmxleDogMSAwIDEwMCU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC91bD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkxpc3Q7XG4iXX0= */\n/*@ sourceURL=navigation-list.tsx */")));
+}
+NavigationList.propTypes = {
+  items: _pt.any.isRequired,
+  onClickItem: _pt.func,
+  size: _pt.oneOf(["normal", "large", "long"]),
+  active: _pt.oneOfType([_pt.string, _pt.oneOf([null])])
+};
+
+export { NavigationList as default };

package/donation/esm/components/navigation/navigation-menu-control.js

@@ -0,0 +1,39 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+import { ON_BACKGROUND_GREY_GREY } from '../../theme/colors.js';
+import HeartToggle from '../icon/heart-toggle.js';
+import Icon from '../icon/icon.js';
+
+const _excluded = ["isMenuOpen", "onChangeMenuOpen", "className"];
+function NavigationMenuControl(_ref) {
+  let {
+      isMenuOpen,
+      onChangeMenuOpen,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: _JSXStyle.dynamic([["3127978672", [ON_BACKGROUND_GREY_GREY]]]) + " " + (rest && rest.className != null && rest.className || classnames("menu-control", className) || "")
+  }), /*#__PURE__*/React.createElement(HeartToggle, {
+    active: /*#__PURE__*/React.createElement(Icon, {
+      icon: "close"
+    }),
+    inactive: /*#__PURE__*/React.createElement(Icon, {
+      icon: "menu"
+    }),
+    value: isMenuOpen,
+    onChange: onChangeMenuOpen
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3127978672",
+    dynamic: [ON_BACKGROUND_GREY_GREY]
+  }, ".menu-control.__jsx-style-dynamic-selector{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;margin-left:-20px;}.menu-control.__jsx-style-dynamic-selector::before{content:\"\";display:inline-block;width:1px;height:2rem;border-left:1px solid ".concat(ON_BACKGROUND_GREY_GREY, ";margin-right:calc(0.5rem - 1px);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbWVudS1jb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmtCLEFBR3dCLEFBTUYsV0FDVSxxQkFDWCxVQUNFLFlBQ3VDLG9CQVRoQywrQkFVYSxnQ0FDbEMsOEJBVm9CLGtCQUNwQiIsImZpbGUiOiJuYXZpZ2F0aW9uLW1lbnUtY29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgT05fQkFDS0dST1VORF9HUkVZX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgeyBIZWFydFRvZ2dsZSwgSWNvbiB9IGZyb20gXCIuLi9pY29uXCI7XG5cbmludGVyZmFjZSBOYXZpZ2F0aW9uTWVudUNvbnRyb2xQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBpc01lbnVPcGVuOiBib29sZWFuO1xuICBvbkNoYW5nZU1lbnVPcGVuOiAoaXNPcGVuOiBib29sZWFuKSA9PiB2b2lkO1xufVxuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uTWVudUNvbnRyb2woe1xuICBpc01lbnVPcGVuLFxuICBvbkNoYW5nZU1lbnVPcGVuLFxuICBjbGFzc05hbWUsXG4gIC4uLnJlc3Rcbn06IE5hdmlnYXRpb25NZW51Q29udHJvbFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtZW51LWNvbnRyb2xcIiwgY2xhc3NOYW1lKX0gey4uLnJlc3R9PlxuICAgICAgPEhlYXJ0VG9nZ2xlXG4gICAgICAgIGFjdGl2ZT17PEljb24gaWNvbj1cImNsb3NlXCIgLz59XG4gICAgICAgIGluYWN0aXZlPXs8SWNvbiBpY29uPVwibWVudVwiPjwvSWNvbj59XG4gICAgICAgIHZhbHVlPXtpc01lbnVPcGVufVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VNZW51T3Blbn1cbiAgICAgIC8+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5tZW51LWNvbnRyb2wge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTIwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAubWVudS1jb250cm9sOjpiZWZvcmUge1xuICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgICAgaGVpZ2h0OiAycmVtO1xuICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHtPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWX07XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiBjYWxjKDAuNXJlbSAtIDFweCk7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbk1lbnVDb250cm9sO1xuIl19 */\n/*@ sourceURL=navigation-menu-control.tsx */")));
+}
+NavigationMenuControl.propTypes = {
+  isMenuOpen: _pt.bool.isRequired,
+  onChangeMenuOpen: _pt.func.isRequired
+};
+
+export { NavigationMenuControl as default };

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

@@ -0,0 +1,91 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import Button from '../button/button.js';
+import { BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY } from '../../theme/colors.js';
+import NavigationList from './navigation-list.js';
+
+function NavigationMenu(_ref) {
+  let {
+    links,
+    sublinks,
+    action,
+    actionRaised,
+    active,
+    onClickItem
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["907349190", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "navigation-menu"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["907349190", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "main-navigation"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["907349190", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "main-navigation-menus"
+  }, /*#__PURE__*/React.createElement(NavigationList, {
+    items: links.map(link => _objectSpread2(_objectSpread2({}, link), {}, {
+      children: sublinks && "id" in link && link.id === active ? /*#__PURE__*/React.createElement("div", {
+        className: _JSXStyle.dynamic([["907349190", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "inline-submenu"
+      }, /*#__PURE__*/React.createElement(NavigationList, {
+        items: sublinks,
+        active: null
+      })) : null
+    })),
+    onClickItem: onClickItem,
+    active: active,
+    size: links.length > 7 ? "long" : "large"
+  }), sublinks ? /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["907349190", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "side-submenu"
+  }, /*#__PURE__*/React.createElement(NavigationList, {
+    items: sublinks,
+    active: null
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["907349190", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]])
+  }, action ? /*#__PURE__*/React.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.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.createElement(_JSXStyle, {
+    id: "907349190",
+    dynamic: [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]
+  }, ".navigation-menu.__jsx-style-dynamic-selector{background-color:".concat(BACKGROUND_GREY, ";}.side-submenu.__jsx-style-dynamic-selector{display:none;padding-left:3rem;border-left:1px solid ").concat(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;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZrQixBQUd5RCxBQUlqQyxBQU1ZLEFBSVAsQUFPQyxBQUtKLEFBS1MsQUFLWCxBQUtNLEFBSU4sQUFJSyxBQUdOLEFBS00sQUFJSCxBQUtTLEFBS0wsWUFsQnJCLENBaERvQixBQXNCRixBQW1DaEIsR0FKQSxDQWNnQixDQXpEQyxBQW1DbkIsQ0E1QkEsQUFvQkEsR0FWRSxBQW1DQSxHQXhERixFQWlCRSxJQXRCbUQsQUFtRW5ELElBekRjLFdBZmhCLEdBZ0JlLGFBQ2YsWUFtQndCLEFBU3hCLFFBdkNBLHNFQStCQSIsImZpbGUiOiJuYXZpZ2F0aW9uLW1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IEJ1dHRvbiBmcm9tIFwiLi4vYnV0dG9uL2J1dHRvblwiO1xuaW1wb3J0IHsgQkFDS0dST1VORF9HUkVZLCBPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWSB9IGZyb20gXCIuLi8uLi90aGVtZS9jb2xvcnNcIjtcbmltcG9ydCBOYXZpZ2F0aW9uTGlzdCwgeyBIeWJyaWROYXZpZ2F0aW9uTGluayB9IGZyb20gXCIuL25hdmlnYXRpb24tbGlzdFwiO1xuXG5leHBvcnQgdHlwZSBOYXZpZ2F0aW9uTWVudVByb3BzID0ge1xuICBsaW5rczogQXJyYXk8SHlicmlkTmF2aWdhdGlvbkxpbms+O1xuICBvbkNsaWNrSXRlbTogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHN1YmxpbmtzOiBBcnJheTxIeWJyaWROYXZpZ2F0aW9uTGluaz4gfCBudWxsO1xuICBhY3Rpb246IEh5YnJpZE5hdmlnYXRpb25MaW5rIHwgbnVsbDtcbiAgYWN0aW9uUmFpc2VkPzogSHlicmlkTmF2aWdhdGlvbkxpbmsgfCBudWxsO1xuICBhY3RpdmU6IHN0cmluZyB8IG51bGw7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTmF2aWdhdGlvbk1lbnUoe1xuICBsaW5rcyxcbiAgc3VibGlua3MsXG4gIGFjdGlvbixcbiAgYWN0aW9uUmFpc2VkLFxuICBhY3RpdmUsXG4gIG9uQ2xpY2tJdGVtLFxufTogTmF2aWdhdGlvbk1lbnVQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwibmF2aWdhdGlvbi1tZW51XCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1haW4tbmF2aWdhdGlvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1haW4tbmF2aWdhdGlvbi1tZW51c1wiPlxuICAgICAgICAgIDxOYXZpZ2F0aW9uTGlzdFxuICAgICAgICAgICAgaXRlbXM9e2xpbmtzLm1hcChsaW5rID0+ICh7XG4gICAgICAgICAgICAgIC4uLmxpbmssXG4gICAgICAgICAgICAgIGNoaWxkcmVuOlxuICAgICAgICAgICAgICAgIHN1YmxpbmtzICYmIFwiaWRcIiBpbiBsaW5rICYmIGxpbmsuaWQgPT09IGFjdGl2ZSA/IChcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaW5saW5lLXN1Ym1lbnVcIj5cbiAgICAgICAgICAgICAgICAgICAgPE5hdmlnYXRpb25MaXN0IGl0ZW1zPXtzdWJsaW5rc30gYWN0aXZlPXtudWxsfSAvPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKSA6IG51bGwsXG4gICAgICAgICAgICB9KSl9XG4gICAgICAgICAgICBvbkNsaWNrSXRlbT17b25DbGlja0l0ZW19XG4gICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZX1cbiAgICAgICAgICAgIHNpemU9e2xpbmtzLmxlbmd0aCA+IDcgPyBcImxvbmdcIiA6IFwibGFyZ2VcIn1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtzdWJsaW5rcyA/IChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2lkZS1zdWJtZW51XCI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uTGlzdCBpdGVtcz17c3VibGlua3N9IGFjdGl2ZT17bnVsbH0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7YWN0aW9uID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBkaXNwbGF5XG4gICAgICAgICAgICAgIG91dGxpbmVkXG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIGFuYWx5dGljc0lkPXthY3Rpb24uYW5hbHl0aWNzSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogUHJldmVudCBuYXYgYWN0aW9uIGJ1dHRvbiB0byB0dXJuIGludG8gYSBoeXBlcmxpbmsuXG4gICAgICAgICAgICAgICAgICogVGhpcyBpcyBzbyB0aGF0IGdvb2dsZSBhbmFseXRpY3Mgd2lsbCBhbHdheXMgYmUgdHJpZ2dlcmVkLlxuICAgICAgICAgICAgICAgICAqIElmIHdlIHVzZSBhIGh5cGVybGluayBpbnN0ZWFkIG9mIGJ1dHRvbiBjbGlja3Mgb24gdGhlIGxhYmVsXG4gICAgICAgICAgICAgICAgICogd29udCBiZSBjb25zaWRlcmVkIGFzIGEgY2xpY2sgb24gdGhlIGh5cGVybGluay5cbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBpZiAoXCJocmVmXCIgaW4gYWN0aW9uKSB3aW5kb3cubG9jYXRpb24uaHJlZiA9IGFjdGlvbi5ocmVmO1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBpZiAoXCJvbkNsaWNrXCIgaW4gYWN0aW9uICYmIGFjdGlvbi5vbkNsaWNrKSBhY3Rpb24ub25DbGljaygpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWN0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge2FjdGlvblJhaXNlZCA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiYWN0aW9uUmFpc2VkLWJ1dHRvblwiXG4gICAgICAgICAgICAgIGRpc3BsYXlcbiAgICAgICAgICAgICAgb3V0bGluZWRcbiAgICAgICAgICAgICAgcmFpc2VkXG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIGFuYWx5dGljc0lkPXthY3Rpb25SYWlzZWQuYW5hbHl0aWNzSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogUHJldmVudCBuYXYgYWN0aW9uUmFpc2VkIGJ1dHRvbiB0byB0dXJuIGludG8gYSBoeXBlcmxpbmsuXG4gICAgICAgICAgICAgICAgICogVGhpcyBpcyBzbyB0aGF0IGdvb2dsZSBhbmFseXRpY3Mgd2lsbCBhbHdheXMgYmUgdHJpZ2dlcmVkLlxuICAgICAgICAgICAgICAgICAqIElmIHdlIHVzZSBhIGh5cGVybGluayBpbnN0ZWFkIG9mIGJ1dHRvbiBjbGlja3Mgb24gdGhlIGxhYmVsXG4gICAgICAgICAgICAgICAgICogd29udCBiZSBjb25zaWRlcmVkIGFzIGEgY2xpY2sgb24gdGhlIGh5cGVybGluay5cbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBpZiAoXCJocmVmXCIgaW4gYWN0aW9uUmFpc2VkKVxuICAgICAgICAgICAgICAgICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSBhY3Rpb25SYWlzZWQuaHJlZjtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaWYgKFwib25DbGlja1wiIGluIGFjdGlvblJhaXNlZCAmJiBhY3Rpb25SYWlzZWQub25DbGljaylcbiAgICAgICAgICAgICAgICAgIGFjdGlvblJhaXNlZC5vbkNsaWNrKCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHthY3Rpb25SYWlzZWQubGFiZWx9XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tbWVudSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtCQUNLR1JPVU5EX0dSRVl9O1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpZGUtc3VibWVudSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDNyZW07XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pbmxpbmUtc3VibWVudSB7XG4gICAgICAgICAgcGFkZGluZzogMCAxcmVtIDFyZW0gMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDI0cHg7XG4gICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgcGFkZGluZzogNHJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAzcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgQHN1cHBvcnRzIChkaXNwbGF5OiBncmlkKSB7XG4gICAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtZ2FwOiAzcmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IGluaXRpYWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbiA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24tbWVudXMge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uLW1lbnVzID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNyZW07XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguYWN0aW9uUmFpc2VkLWJ1dHRvbikge1xuICAgICAgICAgIGZsb2F0OiByaWdodDtcbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA3MjBweCkge1xuICAgICAgICAgIC5zaWRlLXN1Ym1lbnUge1xuICAgICAgICAgICAgZGlzcGxheTogaW5pdGlhbDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuaW5saW5lLXN1Ym1lbnUge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDU3OXB4KSB7XG4gICAgICAgICAgOmdsb2JhbCguYWN0aW9uUmFpc2VkLWJ1dHRvbikge1xuICAgICAgICAgICAgZmxvYXQ6IGxlZnQgIWltcG9ydGFudDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLm1haW4tbmF2aWdhdGlvbiB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiA0MDBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uTWVudTtcbiJdfQ== */\n/*@ sourceURL=navigation-menu.tsx */")));
+}
+NavigationMenu.propTypes = {
+  links: _pt.any.isRequired,
+  onClickItem: _pt.func.isRequired,
+  sublinks: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  action: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  actionRaised: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  active: _pt.oneOfType([_pt.string, _pt.oneOf([null])])
+};
+
+export { NavigationMenu, NavigationMenu as default };

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

@@ -0,0 +1,23 @@
+import _pt from 'prop-types';
+import React from 'react';
+import IconButton from '../icon/icon-button.js';
+import Icon from '../icon/icon.js';
+
+function NavigationSearchControl(_ref) {
+  let {
+    onChangeSearchOpen,
+    analyticsId
+  } = _ref;
+  return /*#__PURE__*/React.createElement(IconButton, {
+    id: analyticsId,
+    onClick: () => onChangeSearchOpen(true)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "search"
+  }));
+}
+NavigationSearchControl.propTypes = {
+  onChangeSearchOpen: _pt.func.isRequired,
+  analyticsId: _pt.string
+};
+
+export { NavigationSearchControl as default };

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

@@ -0,0 +1,81 @@
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useRef, useEffect } from 'react';
+import useMedia from 'use-media';
+import TextField from '../text-field/text-field.js';
+import Icon from '../icon/icon.js';
+import Button from '../button/button.js';
+
+function NavigationSearch(_ref) {
+  let {
+    value,
+    onChange,
+    onSubmit,
+    onCancel
+  } = _ref;
+  // Focus the search bar when opened
+  const input = useRef(null);
+  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("screen and (max-width: 719px)");
+  const isCompact = useMedia("screen and (max-width: 959px)");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "jsx-3334382920" + " " + "navigation-search"
+  }, !isCompact ? /*#__PURE__*/React.createElement(TextField, {
+    leadingIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: "search"
+    }),
+    trailingIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: "close",
+      title: "close"
+    }),
+    onTrailingIconSelect: () => onCancel(),
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    value: value,
+    placeholder: placeholder,
+    ref: input,
+    large: true
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, {
+    leadingIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: "search"
+    }),
+    trailingIcon: value ? /*#__PURE__*/React.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.createElement("div", {
+    className: "jsx-3334382920" + " " + "cancel"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: () => onCancel()
+  }, "Cancel")))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    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.string.isRequired,
+  onChange: _pt.func.isRequired,
+  onSubmit: _pt.func.isRequired,
+  onCancel: _pt.func.isRequired
+};
+
+export { NavigationSearch as default };

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

@@ -0,0 +1,49 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import React from 'react';
+import classnames from 'classnames';
+import Button from '../button/button.js';
+import Icon from '../icon/icon.js';
+import IconButton from '../icon/icon-button.js';
+
+const _excluded = ["analyticsId", "handleonRequestSignIn", "compact", "className", "color", "noIcon"];
+function NavigationSignInControl(_ref) {
+  let {
+      analyticsId,
+      handleonRequestSignIn,
+      compact,
+      className,
+      color = "neutral",
+      noIcon
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classnames("sign-in-control", className)
+  }, rest), !compact ? /*#__PURE__*/React.createElement(Button, {
+    analyticsId: analyticsId,
+    className: "sign-in-button",
+    color: color,
+    icon: !noIcon ? /*#__PURE__*/React.createElement(Icon, {
+      icon: "perm_identity",
+      color: "accent"
+    }) : undefined,
+    onClick: () => handleonRequestSignIn(),
+    display: true
+  }, "Login") : /*#__PURE__*/React.createElement(IconButton, {
+    id: analyticsId,
+    title: "Sign in",
+    color: "accent",
+    onClick: () => handleonRequestSignIn()
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "perm_identity"
+  })));
+}
+NavigationSignInControl.propTypes = {
+  analyticsId: _pt.string,
+  compact: _pt.bool,
+  handleonRequestSignIn: _pt.func.isRequired,
+  color: _pt.any,
+  noIcon: _pt.bool
+};
+
+export { NavigationSignInControl as default };

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

@@ -0,0 +1,76 @@
+import { extends as _extends, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import React, { useState, Fragment } from 'react';
+import Icon from '../icon/icon.js';
+import MenuListItem from '../menu/menu-list-item.js';
+import { MenuListItemGraphic, MenuListItemText } from '@material/react-menu';
+import { ListItemMeta } from '@material/react-list';
+
+const _excluded = ["icon", "label", "onClick", "submenu", "isSubmenuOpen"];
+function NavigationUserMenuItem(_ref) {
+  let {
+      icon,
+      label,
+      onClick,
+      submenu,
+      isSubmenuOpen
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MenuListItem, _extends({
+    onClick: onClick
+  }, rest), /*#__PURE__*/React.createElement(MenuListItemGraphic, {
+    graphic: /*#__PURE__*/React.createElement(Icon, _extends({
+      color: "primary"
+    }, icon))
+  }), /*#__PURE__*/React.createElement(MenuListItemText, {
+    primaryText: label
+  }), submenu ? /*#__PURE__*/React.createElement(ListItemMeta, {
+    meta: /*#__PURE__*/React.createElement(Icon, {
+      color: "primary",
+      icon: isSubmenuOpen ? "keyboard_arrow_up" : "keyboard_arrow_down"
+    })
+  }) : null), submenu && isSubmenuOpen ? submenu.map(subItem => /*#__PURE__*/React.createElement(MenuListItem, _extends({
+    key: subItem.id || subItem.href
+  }, subItem), /*#__PURE__*/React.createElement(MenuListItemText, {
+    primaryText: subItem.label,
+    className: "icon-submenu"
+  }))) : null);
+}
+NavigationUserMenuItem.propTypes = {
+  icon: _pt.any.isRequired,
+  label: _pt.string.isRequired,
+  onClick: _pt.func,
+  href: _pt.string,
+  id: _pt.string,
+  submenu: _pt.any,
+  isSubmenuOpen: _pt.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] = useState(-1);
+  const handleClick = (index, item) => {
+    if (item.submenu) {
+      setActiveSubmenu(activeSubmenu === index ? -1 : index);
+    } else if (item.onClick) {
+      item.onClick();
+    }
+  };
+  return /*#__PURE__*/React.createElement(Fragment, null, items.map((item, i) => {
+    return /*#__PURE__*/React.createElement(NavigationUserMenuItem, _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.any.isRequired
+};
+
+export { NavigationUserMenuItems as default };

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

@@ -0,0 +1,84 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useEffect, useState } from 'react';
+import classnames from 'classnames';
+import useMedia from 'use-media';
+import Avatar from '../avatar/avatar.js';
+import { useTheme } from '../../theme/theme.js';
+import NavigationUserMenuItems from './navigation-user-menu-items.js';
+import MenuList from '../menu/menu-list.js';
+import MenuListItem from '../menu/menu-list-item.js';
+import { MenuListItemText } from '@material/react-menu';
+
+function NavigationUserMenu(_ref) {
+  let {
+    user,
+    items,
+    isOpen,
+    onChangeOpen
+  } = _ref;
+  const theme = useTheme();
+
+  // Allow users with pointing devices to open/close the menu by hovering in/out
+  const [isHovered, bind] = useHover();
+  useEffect(() => {
+    onChangeOpen(isHovered);
+  }, [onChangeOpen, isHovered]);
+  return /*#__PURE__*/React.createElement("div", _extends({}, bind, {
+    className: "jsx-2528041997 " + _JSXStyle.dynamic([["2359551941", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + (bind && bind.className != null && bind.className || classnames("menu-anchor", {
+      compact: useMedia("screen and (max-width: 425px)")
+    }) || "")
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "jsx-2528041997 " + _JSXStyle.dynamic([["2359551941", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + (classnames("menu-trigger", {
+      open: isOpen
+    }) || "")
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    name: user.name,
+    src: user.avatar ? user.avatar.src : undefined,
+    onClick: () => onChangeOpen(!isOpen),
+    adminId: user.adminId || ""
+  })), items && isOpen && /*#__PURE__*/React.createElement("div", {
+    className: "jsx-2528041997 " + _JSXStyle.dynamic([["2359551941", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + "user-menu"
+  }, /*#__PURE__*/React.createElement(MenuList, null, /*#__PURE__*/React.createElement(MenuListItem, {
+    disabled: true
+  }, /*#__PURE__*/React.createElement(MenuListItemText, {
+    primaryText: /*#__PURE__*/React.createElement("strong", {
+      className: "jsx-2528041997 " + _JSXStyle.dynamic([["2359551941", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]])
+    }, "Hello ", user.name || "", "!")
+  })), /*#__PURE__*/React.createElement(NavigationUserMenuItems, {
+    items: items
+  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    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.createElement(_JSXStyle, {
+    id: "2359551941",
+    dynamic: [theme.typography.fontFamily.brand, theme.color.foreground.primary]
+  }, ".user-menu.__jsx-style-dynamic-selector .mdc-list{font-family:".concat(theme.typography.fontFamily.brand, ";}strong.__jsx-style-dynamic-selector{color:").concat(theme.color.foreground.primary, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tdXNlci1tZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySWtCLEFBR29ELEFBSU4sbUNBQ3JDLE1BSkEiLCJmaWxlIjoibmF2aWdhdGlvbi11c2VyLW1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIE1vdXNlRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gXCJ1c2UtbWVkaWFcIjtcbmltcG9ydCBBdmF0YXIgZnJvbSBcIi4uL2F2YXRhci9hdmF0YXJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgeyBNZW51TGlzdCwgTWVudUxpc3RJdGVtLCBNZW51TGlzdEl0ZW1UZXh0IH0gZnJvbSBcIi4uL21lbnVcIjtcbmltcG9ydCBOYXZpZ2F0aW9uVXNlck1lbnVJdGVtcywge1xuICBVc2VyTWVudUl0ZW1XaXRoU3VibWVudSxcbn0gZnJvbSBcIi4vbmF2aWdhdGlvbi11c2VyLW1lbnUtaXRlbXNcIjtcblxudHlwZSBCaW5kUHJvcHMgPSB7XG4gIG9uTW91c2VPdmVyOiBNb3VzZUV2ZW50SGFuZGxlcjtcbiAgb25Nb3VzZUxlYXZlOiBNb3VzZUV2ZW50SGFuZGxlcjtcbn07XG5cbmV4cG9ydCB0eXBlIFVzZXJEYXRhID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIGF2YXRhcj86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgfTtcbiAgYWRtaW5JZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFVzZXJNZW51SXRlbXMgPSBBcnJheTxVc2VyTWVudUl0ZW1XaXRoU3VibWVudT47XG5cbmludGVyZmFjZSBOYXZpZ2F0aW9uVXNlck1lbnVQcm9wcyB7XG4gIHVzZXI6IFVzZXJEYXRhO1xuICBpdGVtcz86IFVzZXJNZW51SXRlbXM7XG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIG9uQ2hhbmdlT3BlbjogKGlzT3BlbjogYm9vbGVhbikgPT4gdm9pZDtcbiAgaXNDb21wYWN0PzogYm9vbGVhbjtcbn1cblxuZnVuY3Rpb24gTmF2aWdhdGlvblVzZXJNZW51KHtcbiAgdXNlcixcbiAgaXRlbXMsXG4gIGlzT3BlbixcbiAgb25DaGFuZ2VPcGVuLFxufTogTmF2aWdhdGlvblVzZXJNZW51UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIC8vIEFsbG93IHVzZXJzIHdpdGggcG9pbnRpbmcgZGV2aWNlcyB0byBvcGVuL2Nsb3NlIHRoZSBtZW51IGJ5IGhvdmVyaW5nIGluL291dFxuICBjb25zdCBbaXNIb3ZlcmVkLCBiaW5kXSA9IHVzZUhvdmVyKCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25DaGFuZ2VPcGVuKGlzSG92ZXJlZCk7XG4gIH0sIFtvbkNoYW5nZU9wZW4sIGlzSG92ZXJlZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibWVudS1hbmNob3JcIiwge1xuICAgICAgICBjb21wYWN0OiB1c2VNZWRpYShcInNjcmVlbiBhbmQgKG1heC13aWR0aDogNDI1cHgpXCIpLFxuICAgICAgfSl9XG4gICAgICB7Li4uYmluZH1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcIm1lbnUtdHJpZ2dlclwiLCB7IG9wZW46IGlzT3BlbiB9KX0+XG4gICAgICAgIDxBdmF0YXJcbiAgICAgICAgICBuYW1lPXt1c2VyLm5hbWV9XG4gICAgICAgICAgc3JjPXt1c2VyLmF2YXRhciA/IHVzZXIuYXZhdGFyLnNyYyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZU9wZW4oIWlzT3Blbil9XG4gICAgICAgICAgYWRtaW5JZD17KHVzZXIuYWRtaW5JZCBhcyBzdHJpbmcpIHx8IFwiXCJ9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtpdGVtcyAmJiBpc09wZW4gJiYgKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInVzZXItbWVudVwiPlxuICAgICAgICAgIDxNZW51TGlzdD5cbiAgICAgICAgICAgIDxNZW51TGlzdEl0ZW0gZGlzYWJsZWQ+XG4gICAgICAgICAgICAgIDxNZW51TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgICAgcHJpbWFyeVRleHQ9ezxzdHJvbmc+SGVsbG8ge3VzZXIubmFtZSB8fCBcIlwifSE8L3N0cm9uZz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L01lbnVMaXN0SXRlbT5cbiAgICAgICAgICAgIDxOYXZpZ2F0aW9uVXNlck1lbnVJdGVtcyBpdGVtcz17aXRlbXN9IC8+XG4gICAgICAgICAgPC9NZW51TGlzdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAubWVudS10cmlnZ2VyIHtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgd2lkdGg6IDNyZW07XG4gICAgICAgICAgaGVpZ2h0OiAzcmVtO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1lbnUtYW5jaG9yIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICAgIH1cblxuICAgICAgICAubWVudS1hbmNob3IuY29tcGFjdCB7XG4gICAgICAgICAgcG9zaXRpb246IGluaXRpYWw7XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICB0b3A6IDEwMCU7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSxcbiAgICAgICAgICAgIDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2NHB4KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIGFycm93ICovXG4gICAgICAgIC51c2VyLW1lbnU6OmJlZm9yZSB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICB3aWR0aDogMDtcbiAgICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDhweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICBib3JkZXItcmlnaHQ6IDhweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiA4cHggc29saWQgd2hpdGU7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHRvcDogLThweDtcbiAgICAgICAgICByaWdodDogY2FsYygoM3JlbSAvIDIpIC0gOHB4KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb21wYWN0IC51c2VyLW1lbnUge1xuICAgICAgICAgIGxlZnQ6IDhweDtcbiAgICAgICAgICByaWdodDogOHB4O1xuICAgICAgICAgIHRvcDogMy41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbXBhY3QgLnVzZXItbWVudTo6YmVmb3JlIHtcbiAgICAgICAgICByaWdodDogY2FsYygoM3JlbSAvIDIpIC0gOHB4ICsgNC41cmVtKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC51c2VyLW1lbnUgOmdsb2JhbCgubWRjLWxpc3QtaXRlbV9fZ3JhcGhpYyksXG4gICAgICAgIC51c2VyLW1lbnUgOmdsb2JhbChzdmcpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IDpnbG9iYWwoLm1kYy1saXN0LWl0ZW06bm90KDpsYXN0LW9mLXR5cGUpKSB7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlMGUwZTA7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnVzZXItbWVudSA6Z2xvYmFsKC5tZGMtbGlzdCkge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udEZhbWlseS5icmFuZH07XG4gICAgICAgIH1cblxuICAgICAgICBzdHJvbmcge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yLmZvcmVncm91bmQucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvblVzZXJNZW51O1xuXG5mdW5jdGlvbiB1c2VIb3ZlcigpOiBbYm9vbGVhbiwgQmluZFByb3BzXSB7XG4gIGNvbnN0IFtpc0hvdmVyZWQsIHNldElzSG92ZXJlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3QgYmluZDogQmluZFByb3BzID0ge1xuICAgIG9uTW91c2VPdmVyOiAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyZWQodHJ1ZSk7XG4gICAgfSxcbiAgICBvbk1vdXNlTGVhdmU6ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZChmYWxzZSk7XG4gICAgfSxcbiAgfTtcblxuICByZXR1cm4gW2lzSG92ZXJlZCwgYmluZF07XG59XG4iXX0= */\n/*@ sourceURL=navigation-user-menu.tsx */")));
+}
+NavigationUserMenu.propTypes = {
+  user: _pt.shape({
+    name: _pt.string.isRequired,
+    avatar: _pt.shape({
+      src: _pt.string.isRequired
+    }),
+    adminId: _pt.string
+  }).isRequired,
+  items: _pt.any,
+  isOpen: _pt.bool,
+  onChangeOpen: _pt.func.isRequired,
+  isCompact: _pt.bool
+};
+function useHover() {
+  const [isHovered, setIsHovered] = useState(false);
+  const bind = {
+    onMouseOver: () => {
+      setIsHovered(true);
+    },
+    onMouseLeave: () => {
+      setIsHovered(false);
+    }
+  };
+  return [isHovered, bind];
+}
+
+export { NavigationUserMenu as default };