@mycause/ui 0.0.0-c4fdf3ed → 0.0.0-c504edbf

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/nav/nav-myaccount.d.ts +3 -1
  2. package/dist/index.esm.js +13 -9
  3. package/dist/index.js +13 -9
  4. package/package.json +1 -1
package/dist/components/nav/nav-myaccount.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from "react";
2
2
  import { ColorSpecifier } from "../../theme/theme";
3
3
  import { ButtonProps } from "../button/button";
4
4
  import { UserData } from "./nav-user-menu";
5
+ import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
5
6
  declare type LoginAction = {
6
7
  analyticsId?: string;
7
8
  onLogin: () => void;
@@ -15,6 +16,7 @@ export declare type NavigationProps = {
15
16
  login?: LoginAction | null;
16
17
  isSticky?: boolean;
17
18
  menuReverse?: boolean;
19
+ userMenu?: Array<UserMenuItemWithSubmenu>;
18
20
  };
19
- declare function Navigation({ logo, cta, user, login, isSticky }: NavigationProps): JSX.Element;
21
+ declare function Navigation({ logo, cta, user, login, isSticky, userMenu, }: NavigationProps): JSX.Element;
20
22
  export default Navigation;
package/dist/index.esm.js CHANGED
@@ -11534,8 +11534,8 @@ function useHover$1() {
11534
11534
  return [isHovered, bind];
11535
11535
  }
11536
11536
 
11537
- var css$e = ".nav-module_tabBar__1jJhu {\n height: 75px; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab {\n height: 75px !important; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label {\n font-size: 15px !important;\n font-weight: 500; }\n\n.nav-module_navMyAccount__3a4ID {\n background-color: #fff;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);\n top: 0;\n z-index: 10;\n width: 100%;\n font-family: \"Montserrat\";\n display: flex;\n justify-content: space-between;\n padding: 10px 30px; }\n .nav-module_navMyAccount__3a4ID .nav-module_logoWrap__KFsbv {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L {\n display: flex;\n grid-gap: 48px;\n grid-gap: 48px;\n gap: 48px;\n align-items: center; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 16px;\n border-radius: 8px;\n font-weight: 700;\n color: #fff; }\n\n@media (max-width: 768px) {\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L {\n grid-gap: 28px;\n grid-gap: 28px;\n gap: 28px; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 14px; } }\n\n@media (max-width: 480px) {\n .nav-module_navMyAccount__3a4ID {\n padding: 10px 20px; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L {\n grid-gap: 10px;\n grid-gap: 10px;\n gap: 10px; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 12px;\n height: 40px;\n padding: 0 10px; } }\n";
11538
- var cls$e = {"tabBar":"nav-module_tabBar__1jJhu","navMyAccount":"nav-module_navMyAccount__3a4ID","logoWrap":"nav-module_logoWrap__KFsbv","leftCover":"nav-module_leftCover__1ru9L","ctaBtn":"nav-module_ctaBtn__KXkeB"};
11537
+ var css$e = ".nav-module_tabBar__1jJhu {\n height: 75px; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab {\n height: 75px !important; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label {\n font-size: 15px !important;\n font-weight: 500; }\n\n.nav-module_navMyAccount__3a4ID {\n background-color: #fff;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);\n top: 0;\n z-index: 10;\n width: 100%;\n font-family: \"Montserrat\"; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH {\n width: 100%;\n display: flex;\n justify-content: space-between;\n padding: 10px 30px; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_logoWrap__KFsbv {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L {\n display: flex;\n grid-gap: 48px;\n grid-gap: 48px;\n gap: 48px;\n align-items: center; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 16px;\n border-radius: 8px;\n font-weight: 700;\n color: #fff; }\n\n@media (max-width: 768px) {\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L {\n grid-gap: 28px;\n grid-gap: 28px;\n gap: 28px; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 14px; } }\n\n@media (max-width: 480px) {\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L {\n grid-gap: 10px;\n grid-gap: 10px;\n gap: 10px; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 12px;\n height: 40px;\n padding: 0 10px; } }\n";
11538
+ var cls$e = {"tabBar":"nav-module_tabBar__1jJhu","navMyAccount":"nav-module_navMyAccount__3a4ID","container":"nav-module_container__2QQlH","logoWrap":"nav-module_logoWrap__KFsbv","leftCover":"nav-module_leftCover__1ru9L","ctaBtn":"nav-module_ctaBtn__KXkeB"};
11539
11539
  styleInject(css$e);
11540
11540
 
11541
11541
  function Navigation$1(_ref) {
@@ -11823,7 +11823,8 @@ function Navigation$2(_ref) {
11823
11823
  cta = _ref.cta,
11824
11824
  user = _ref.user,
11825
11825
  login = _ref.login,
11826
- isSticky = _ref.isSticky;
11826
+ isSticky = _ref.isSticky,
11827
+ userMenu = _ref.userMenu;
11827
11828
 
11828
11829
  var _useState = useState(),
11829
11830
  _useState2 = _slicedToArray(_useState, 2),
@@ -11836,6 +11837,8 @@ function Navigation$2(_ref) {
11836
11837
  style: {
11837
11838
  position: prosition
11838
11839
  }
11840
+ }, React.createElement("div", {
11841
+ className: cls$e.container
11839
11842
  }, React.createElement("div", {
11840
11843
  className: cls$e.logoWrap
11841
11844
  }, logo), " ", React.createElement("div", {
@@ -11846,8 +11849,8 @@ function Navigation$2(_ref) {
11846
11849
  backgroundColor: "".concat(cta.color)
11847
11850
  }
11848
11851
  }, cta)), user ? React.createElement(NavigationUserMenu$1, {
11849
- user: user // items={userMenu}
11850
- ,
11852
+ user: user,
11853
+ items: userMenu,
11851
11854
  isOpen: isUserMenuOpen,
11852
11855
  onChangeOpen: setUserMenuOpen
11853
11856
  }) : login && React.createElement(NavigationSignInControl$1, {
@@ -11855,7 +11858,7 @@ function Navigation$2(_ref) {
11855
11858
  analyticsId: login.analyticsId,
11856
11859
  color: login.color,
11857
11860
  noIcon: login.noIcon
11858
- })));
11861
+ }))));
11859
11862
  }
11860
11863
 
11861
11864
  Navigation$2.propTypes = {
@@ -11869,7 +11872,8 @@ Navigation$2.propTypes = {
11869
11872
  noIcon: _pt.bool
11870
11873
  }), _pt.oneOf([null])]),
11871
11874
  isSticky: _pt.bool,
11872
- menuReverse: _pt.bool
11875
+ menuReverse: _pt.bool,
11876
+ userMenu: _pt.any
11873
11877
  };
11874
11878
 
11875
11879
  var css$f = ".popup-module_wrapper__2a8HZ {\n width: 100%;\n height: 79px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background-color: #1f4e43; }\n .popup-module_wrapper__2a8HZ .popup-module_title__1amtD {\n padding: 5px;\n font-weight: 700;\n font-size: 16px;\n line-height: 22.4px;\n text-align: center;\n color: white;\n margin-left: 94px;\n margin-right: 24px; }\n .popup-module_wrapper__2a8HZ .popup-module_description__BetQs {\n position: relative;\n color: #b9c3c1;\n padding: 5px;\n font-weight: 500;\n font-size: 16px;\n line-height: 22.4px;\n text-align: center; }\n\n@media all and (max-width: 768px) {\n .popup-module_wrapper__2a8HZ {\n width: 100%;\n height: 119px;\n flex-direction: column;\n align-items: center;\n justify-content: center; }\n .popup-module_wrapper__2a8HZ .popup-module_title__1amtD {\n margin-left: 0px;\n margin-right: 0px; } }\n";
@@ -30200,7 +30204,7 @@ var FrpInfomation = function FrpInfomation(_ref) {
30200
30204
  fontSize: "14px",
30201
30205
  fontWeight: 700
30202
30206
  }
30203
- }, formatterMoney.format(amountRaised).replace("$", "$ ")), " ", React.createElement("br", null), "raised of ", React.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
30207
+ }, formatterMoney.format(amountRaised).replace("$", "$ ")), " ", React.createElement("br", null), "raised of ", React.createElement("br", null), " ", formatterMoney.format(amountGoal).replace("$", "$ "), " goal")
30204
30208
  })), React.createElement("button", {
30205
30209
  className: cls$s.manageBtn,
30206
30210
  color: "greenLinear",
@@ -30473,7 +30477,7 @@ var FrpInfomation$1 = function FrpInfomation(_ref) {
30473
30477
  fontSize: "14px",
30474
30478
  fontWeight: 700
30475
30479
  }
30476
- }, formatterMoney.format(amountRaised).replace("$", "$ ")), React.createElement("br", null), "raised of ", React.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
30480
+ }, formatterMoney.format(amountRaised).replace("$", "$ ")), React.createElement("br", null), "raised")
30477
30481
  }))), React.createElement("div", {
30478
30482
  className: cls$w.coverRight
30479
30483
  }, React.createElement("div", {
package/dist/index.js CHANGED
@@ -11548,8 +11548,8 @@ function useHover$1() {
11548
11548
  return [isHovered, bind];
11549
11549
  }
11550
11550
 
11551
- var css$e = ".nav-module_tabBar__1jJhu {\n height: 75px; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab {\n height: 75px !important; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label {\n font-size: 15px !important;\n font-weight: 500; }\n\n.nav-module_navMyAccount__3a4ID {\n background-color: #fff;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);\n top: 0;\n z-index: 10;\n width: 100%;\n font-family: \"Montserrat\";\n display: flex;\n justify-content: space-between;\n padding: 10px 30px; }\n .nav-module_navMyAccount__3a4ID .nav-module_logoWrap__KFsbv {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L {\n display: flex;\n grid-gap: 48px;\n grid-gap: 48px;\n gap: 48px;\n align-items: center; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 16px;\n border-radius: 8px;\n font-weight: 700;\n color: #fff; }\n\n@media (max-width: 768px) {\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L {\n grid-gap: 28px;\n grid-gap: 28px;\n gap: 28px; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 14px; } }\n\n@media (max-width: 480px) {\n .nav-module_navMyAccount__3a4ID {\n padding: 10px 20px; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L {\n grid-gap: 10px;\n grid-gap: 10px;\n gap: 10px; }\n .nav-module_navMyAccount__3a4ID .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 12px;\n height: 40px;\n padding: 0 10px; } }\n";
11552
- var cls$e = {"tabBar":"nav-module_tabBar__1jJhu","navMyAccount":"nav-module_navMyAccount__3a4ID","logoWrap":"nav-module_logoWrap__KFsbv","leftCover":"nav-module_leftCover__1ru9L","ctaBtn":"nav-module_ctaBtn__KXkeB"};
11551
+ var css$e = ".nav-module_tabBar__1jJhu {\n height: 75px; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab {\n height: 75px !important; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label {\n font-size: 15px !important;\n font-weight: 500; }\n\n.nav-module_navMyAccount__3a4ID {\n background-color: #fff;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);\n top: 0;\n z-index: 10;\n width: 100%;\n font-family: \"Montserrat\"; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH {\n width: 100%;\n display: flex;\n justify-content: space-between;\n padding: 10px 30px; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_logoWrap__KFsbv {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L {\n display: flex;\n grid-gap: 48px;\n grid-gap: 48px;\n gap: 48px;\n align-items: center; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 16px;\n border-radius: 8px;\n font-weight: 700;\n color: #fff; }\n\n@media (max-width: 768px) {\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L {\n grid-gap: 28px;\n grid-gap: 28px;\n gap: 28px; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 14px; } }\n\n@media (max-width: 480px) {\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L {\n grid-gap: 10px;\n grid-gap: 10px;\n gap: 10px; }\n .nav-module_navMyAccount__3a4ID .nav-module_container__2QQlH .nav-module_leftCover__1ru9L .nav-module_ctaBtn__KXkeB {\n font-size: 12px;\n height: 40px;\n padding: 0 10px; } }\n";
11552
+ var cls$e = {"tabBar":"nav-module_tabBar__1jJhu","navMyAccount":"nav-module_navMyAccount__3a4ID","container":"nav-module_container__2QQlH","logoWrap":"nav-module_logoWrap__KFsbv","leftCover":"nav-module_leftCover__1ru9L","ctaBtn":"nav-module_ctaBtn__KXkeB"};
11553
11553
  styleInject(css$e);
11554
11554
 
11555
11555
  function Navigation$1(_ref) {
@@ -11837,7 +11837,8 @@ function Navigation$2(_ref) {
11837
11837
  cta = _ref.cta,
11838
11838
  user = _ref.user,
11839
11839
  login = _ref.login,
11840
- isSticky = _ref.isSticky;
11840
+ isSticky = _ref.isSticky,
11841
+ userMenu = _ref.userMenu;
11841
11842
 
11842
11843
  var _useState = React.useState(),
11843
11844
  _useState2 = _slicedToArray(_useState, 2),
@@ -11850,6 +11851,8 @@ function Navigation$2(_ref) {
11850
11851
  style: {
11851
11852
  position: prosition
11852
11853
  }
11854
+ }, React__default.createElement("div", {
11855
+ className: cls$e.container
11853
11856
  }, React__default.createElement("div", {
11854
11857
  className: cls$e.logoWrap
11855
11858
  }, logo), " ", React__default.createElement("div", {
@@ -11860,8 +11863,8 @@ function Navigation$2(_ref) {
11860
11863
  backgroundColor: "".concat(cta.color)
11861
11864
  }
11862
11865
  }, cta)), user ? React__default.createElement(NavigationUserMenu$1, {
11863
- user: user // items={userMenu}
11864
- ,
11866
+ user: user,
11867
+ items: userMenu,
11865
11868
  isOpen: isUserMenuOpen,
11866
11869
  onChangeOpen: setUserMenuOpen
11867
11870
  }) : login && React__default.createElement(NavigationSignInControl$1, {
@@ -11869,7 +11872,7 @@ function Navigation$2(_ref) {
11869
11872
  analyticsId: login.analyticsId,
11870
11873
  color: login.color,
11871
11874
  noIcon: login.noIcon
11872
- })));
11875
+ }))));
11873
11876
  }
11874
11877
 
11875
11878
  Navigation$2.propTypes = {
@@ -11883,7 +11886,8 @@ Navigation$2.propTypes = {
11883
11886
  noIcon: _pt.bool
11884
11887
  }), _pt.oneOf([null])]),
11885
11888
  isSticky: _pt.bool,
11886
- menuReverse: _pt.bool
11889
+ menuReverse: _pt.bool,
11890
+ userMenu: _pt.any
11887
11891
  };
11888
11892
 
11889
11893
  var css$f = ".popup-module_wrapper__2a8HZ {\n width: 100%;\n height: 79px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background-color: #1f4e43; }\n .popup-module_wrapper__2a8HZ .popup-module_title__1amtD {\n padding: 5px;\n font-weight: 700;\n font-size: 16px;\n line-height: 22.4px;\n text-align: center;\n color: white;\n margin-left: 94px;\n margin-right: 24px; }\n .popup-module_wrapper__2a8HZ .popup-module_description__BetQs {\n position: relative;\n color: #b9c3c1;\n padding: 5px;\n font-weight: 500;\n font-size: 16px;\n line-height: 22.4px;\n text-align: center; }\n\n@media all and (max-width: 768px) {\n .popup-module_wrapper__2a8HZ {\n width: 100%;\n height: 119px;\n flex-direction: column;\n align-items: center;\n justify-content: center; }\n .popup-module_wrapper__2a8HZ .popup-module_title__1amtD {\n margin-left: 0px;\n margin-right: 0px; } }\n";
@@ -30214,7 +30218,7 @@ var FrpInfomation = function FrpInfomation(_ref) {
30214
30218
  fontSize: "14px",
30215
30219
  fontWeight: 700
30216
30220
  }
30217
- }, formatterMoney.format(amountRaised).replace("$", "$ ")), " ", React__default.createElement("br", null), "raised of ", React__default.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
30221
+ }, formatterMoney.format(amountRaised).replace("$", "$ ")), " ", React__default.createElement("br", null), "raised of ", React__default.createElement("br", null), " ", formatterMoney.format(amountGoal).replace("$", "$ "), " goal")
30218
30222
  })), React__default.createElement("button", {
30219
30223
  className: cls$s.manageBtn,
30220
30224
  color: "greenLinear",
@@ -30487,7 +30491,7 @@ var FrpInfomation$1 = function FrpInfomation(_ref) {
30487
30491
  fontSize: "14px",
30488
30492
  fontWeight: 700
30489
30493
  }
30490
- }, formatterMoney.format(amountRaised).replace("$", "$ ")), React__default.createElement("br", null), "raised of ", React__default.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
30494
+ }, formatterMoney.format(amountRaised).replace("$", "$ ")), React__default.createElement("br", null), "raised")
30491
30495
  }))), React__default.createElement("div", {
30492
30496
  className: cls$w.coverRight
30493
30497
  }, React__default.createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mycause/ui",
3
- "version": "0.0.0-c4fdf3ed",
3
+ "version": "0.0.0-c504edbf",
4
4
  "author": "Marc Porciuncula <marc@mycause.com.au>",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",