@everlywell/consumer-ui 1.25.0 → 1.26.0

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 (11) hide show
  1. package/index.js +10 -10
  2. package/index.mjs +758 -676
  3. package/lib/components/Navbar/NavButton/NavButton.d.ts.map +1 -1
  4. package/lib/components/Navbar/NavigationBar/NavigationBar.builder.d.ts.map +1 -1
  5. package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts +27 -0
  6. package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts.map +1 -1
  7. package/lib/components/Navbar/TopNavigation/TopNavigation.d.ts +8 -2
  8. package/lib/components/Navbar/TopNavigation/TopNavigation.d.ts.map +1 -1
  9. package/lib/components/Navbar/TopNavigation/TopNavigation.stories.d.ts +2 -0
  10. package/lib/components/Navbar/TopNavigation/TopNavigation.stories.d.ts.map +1 -1
  11. package/package.json +1 -1
package/lib/components/Navbar/NavButton/NavButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NavButton.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavButton/NavButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAQ,MAAM,oBAAoB,CAAC;AAG/D,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,EAkCV,eAAe,CAAC,OAAO,MAAM,EAAE,cAAc,CAAC,CAAC;AAEpD,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"NavButton.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavButton/NavButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAQ,MAAM,oBAAoB,CAAC;AAG/D,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,EAoCV,eAAe,CAAC,OAAO,MAAM,EAAE,cAAc,CAAC,CAAC;AAEpD,eAAe,SAAS,CAAC"}
package/lib/components/Navbar/NavigationBar/NavigationBar.builder.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationBar.builder.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavigationBar/NavigationBar.builder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,eAAO,MAAM,iBAAiB,EAAE,kBAoB/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,EAoI9C,CAAC;AAEF,eAAO,MAAM,uBAAuB,2CAmCnC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAO1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,WAC3B,OAAO,CAAC,kBAAkB,CAAC,KACjC,kBAGD,CAAC"}
1
+ {"version":3,"file":"NavigationBar.builder.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavigationBar/NavigationBar.builder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,eAAO,MAAM,iBAAiB,EAAE,kBAoB/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,EAoI9C,CAAC;AAEF,eAAO,MAAM,uBAAuB,2CAanC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAO1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,WAC3B,OAAO,CAAC,kBAAkB,CAAC,KACjC,kBAGD,CAAC"}
package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts CHANGED
@@ -97,12 +97,39 @@ export type NavigationBarProps = {
97
97
  * Array of buttons to show in the mobile bottom navigation.
98
98
  * These buttons will be displayed at the bottom of the mobile navigation drawer.
99
99
  * It should be an array of React elements using the NavButton component.
100
+ *
101
+ * Profile and Register Kit buttons are added by default.
100
102
  */
101
103
  mobileBottomButtons?: React.ReactElement[];
102
104
  /**
103
105
  * Callback for when a search is performed
104
106
  */
105
107
  onSearchCallback?: (query: string, results: NavigationBarLink[]) => void;
108
+ onLinkClick?(label: string): void;
109
+ /**
110
+ * Callback for when a category is opened/clicked
111
+ */
112
+ onCategoryOpen?(label: string): void;
113
+ /**
114
+ * Callback for when the mobile menu is opened
115
+ * */
116
+ onMobileMenuOpen?: VoidFunction;
117
+ /**
118
+ * Callback for when the back button is clicked to go back to the main menu. Used in the category drawer for mobile.
119
+ * */
120
+ onBackToMainMenu?: VoidFunction;
121
+ /**
122
+ * Callback for when the register kit button is clicked. Desktop only.
123
+ * */
124
+ onRegisterKitClick?: VoidFunction;
125
+ /**
126
+ * Callback for when the profile button is clicked (to login or go to my everly).
127
+ * */
128
+ onProfileClick?: VoidFunction;
129
+ /**
130
+ * Callback for when the logo is clicked
131
+ */
132
+ onLogoClick?: VoidFunction;
106
133
  };
107
134
  export declare const NavigationBar: React.FC<NavigationBarProps>;
108
135
  export default NavigationBar;
package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavigationBar/NavigationBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAY,YAAY,EAA0B,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMrE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAC3C,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC1C,oEAAoE;IACpE,cAAc,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACtC,iFAAiF;IACjF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,8EAA8E;IAC9E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,WAAW,EAAE,YAAY,CAAC;IAC1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC3C;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmTtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavigationBar/NavigationBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAY,YAAY,EAA0B,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMrE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAC3C,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC1C,oEAAoE;IACpE,cAAc,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACtC,iFAAiF;IACjF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,8EAA8E;IAC9E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,WAAW,EAAE,YAAY,CAAC;IAC1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC3C;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAIzE,WAAW,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC;;OAEG;IACH,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC;;SAEK;IACL,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC;;SAEK;IACL,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC;;SAEK;IACL,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC;;SAEK;IACL,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkYtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/lib/components/Navbar/TopNavigation/TopNavigation.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { CustomLinkComponent } from '../types';
2
3
  export type TopNavigationProps = {
3
4
  /**
4
5
  * Desktop only buttons that should be displayed at the top of the page.
@@ -7,12 +8,12 @@ export type TopNavigationProps = {
7
8
  desktopTopButtons: React.ReactNode;
8
9
  /**
9
10
  * This expects an element that should be a Link using the NavButton component. This is the registration button that will be displayed on the top right of the page.
10
- * It should link to the kit registration page.
11
+ * It should link to the kit registration page. This is only displayed on desktop.
11
12
  * */
12
13
  kitRegistrationElement: React.ReactNode;
13
14
  /**
14
15
  * This expects an element that should be a Link using the TopNavIconButton component. This is the profile icon that will be displayed on the top right of the page.
15
- * It should be a link to the user's profile page or the login page accordingly.
16
+ * This is only displayed on desktop.
16
17
  * */
17
18
  profileElement: React.ReactNode;
18
19
  /**
@@ -43,6 +44,11 @@ export type TopNavigationProps = {
43
44
  * Useful to know where to start the content of drawer.
44
45
  */
45
46
  onHeightChange?: (height: number) => void;
47
+ /**
48
+ * Optional custom link component to use instead of the default Link component
49
+ */
50
+ linkComponent?: CustomLinkComponent;
51
+ onLogoClick?: VoidFunction;
46
52
  };
47
53
  export declare const TopNavigation: React.FC<TopNavigationProps>;
48
54
  export default TopNavigation;
package/lib/components/Navbar/TopNavigation/TopNavigation.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TopNavigation.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;SAGK;IACL,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;;SAGK;IACL,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;SAGK;IACL,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;SAEK;IACL,WAAW,EAAE,YAAY,CAAC;IAC1B;;SAEK;IACL,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;;SAGK;IACL,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;SAGK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyGtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"TopNavigation.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;SAGK;IACL,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;;SAGK;IACL,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;SAGK;IACL,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;SAEK;IACL,WAAW,EAAE,YAAY,CAAC;IAC1B;;SAEK;IACL,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;;SAGK;IACL,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;SAGK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAIpC,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgHtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/lib/components/Navbar/TopNavigation/TopNavigation.stories.d.ts CHANGED
@@ -16,6 +16,8 @@ export declare const WithItems: {
16
16
  hasSearch?: boolean;
17
17
  logoLink?: string;
18
18
  onHeightChange?: (height: number) => void;
19
+ linkComponent?: import("../types").CustomLinkComponent;
20
+ onLogoClick?: VoidFunction;
19
21
  };
20
22
  };
21
23
  //# sourceMappingURL=TopNavigation.stories.d.ts.map
package/lib/components/Navbar/TopNavigation/TopNavigation.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TopNavigation.stories.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAMpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;CAKrB,CAAC"}
1
+ {"version":3,"file":"TopNavigation.stories.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAMpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAKrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everlywell/consumer-ui",
3
- "version": "1.25.0",
3
+ "version": "1.26.0",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {