@financial-times/dotcom-ui-header 7.1.0 → 7.1.3

package/README.md

@@ -35,7 +35,7 @@ import { Header, Drawer } from '@financial-times/dotcom-ui-header'
 
 const SiteHeader = (props) => (
   <Header data={props.navigationData} userIsLoggedIn={props.userIsLoggedIn} />
-  <Drawer data={props.navigationData} userIsLoggedIn={props.userIsLoggedIn} />
+  <Drawer data={props.navigationData} userIsLoggedIn={props.userIsLoggedIn} userIsSubscribed={props.userIsSubscribed} />
 )
 ```
 
@@ -71,6 +71,7 @@ All header components with the exception of `<LogoOnly />` require the following
 | variant            | 'simple' \| 'large-logo' \| string | true     | 'simple' | Adds a class name to the header element
 | userIsAnonymous    | boolean                            | true     | true     | Marks a user as anonymous - can be set by middleware included with n-express   |
 | userIsLoggedIn     | boolean                            | true     | false    | Marks a user as logged in - can be set by middleware included with n-express   |
+| userIsSubscribed     | boolean                            | true     | false    | Marks a user as subscribed - set by middleware(ammit task in preflight) included with n-express   |
 | showUserNavigation | boolean                            | true     | true     | Show user navigation options such as `Sign out` or `Subscribe`                 |
 | showSubNavigation  | boolean                            | true     | true     | Show the sub-navigation component which may include the crumbtrail             |
 | showStickyHeader   | boolean                            | true     | true     | Enable rendering of the sticky header component                            |

package/dist/node/components/sticky/partials.js

@@ -49,7 +49,7 @@ exports.TopColumnCenterSticky = TopColumnCenterSticky;
 const NavListRightLoggedInSticky = (props) => {
     var _a;
     const subscribeAction = (_a = props.data['navbar-right-anon'].items) === null || _a === void 0 ? void 0 : _a[1];
-    return (react_1.default.createElement("div", { className: "o-header__top-column o-header__top-column--right" },
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         !props.userIsSubscribed && subscribeAction && (react_1.default.createElement(partials_1.SubscribeButton, { item: subscribeAction, variant: props.variant, className: "o-header__top-button--hide-m" })),
         react_1.default.createElement(MyFtSticky, { className: "" })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/dotcom-ui-header",
-  "version": "7.1.0",
+  "version": "7.1.3",
   "description": "",
   "browser": "browser.js",
   "main": "component.js",
@@ -23,7 +23,7 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@financial-times/dotcom-types-navigation": "^7.1.0",
+    "@financial-times/dotcom-types-navigation": "^7.1.3",
     "n-topic-search": "^4.0.0",
     "n-ui-foundations": "^9.0.0"
   },

package/src/components/sticky/partials.tsx

@@ -127,7 +127,7 @@ const TopColumnCenterSticky = (props: THeaderProps) => {
 const NavListRightLoggedInSticky = (props: THeaderProps) => {
   const subscribeAction = props.data['navbar-right-anon'].items?.[1]
   return (
-    <div className="o-header__top-column o-header__top-column--right">
+    <React.Fragment>
       {!props.userIsSubscribed && subscribeAction && (
         <SubscribeButton
           item={subscribeAction}
@@ -136,7 +136,7 @@ const NavListRightLoggedInSticky = (props: THeaderProps) => {
         />
       )}
       <MyFtSticky className="" />
-    </div>
+    </React.Fragment>
   )
 }