@financial-times/n-myft-ui 40.0.0 → 40.0.2

package/.toolkitstate/ci.json

@@ -1,6 +1,6 @@
 {
   "branch": "",
   "repo": "n-myft-ui",
-  "version": "debd61e7393b99f4256d24f68a0819dec3eb176d",
-  "tag": "v40.0.0"
+  "version": "da6a59658803a3898eb4a2d02f16561dded775aa",
+  "tag": "v40.0.2"
 }

package/components/instant-alert/index.js

@@ -28,9 +28,9 @@ function toggleButton (buttonEl, state) {
 		nextButtons.toggleState(buttonEl);
 		const name = buttonEl.getAttribute('data-name');
 		if (isPressed) {
-			buttonEl.setAttribute('aria-label', 'Alerts ' + name + ' currently disabled, change to enable');
+			buttonEl.setAttribute('aria-label', 'Instant alerts for ' + name + ' currently disabled, change to enable');
 		} else {
-			buttonEl.setAttribute('aria-label', 'Alerts ' + name + ' currently enabled, change to disable');
+			buttonEl.setAttribute('aria-label', 'Instant alerts for ' + name + ' currently enabled, change to disable');
 		}
 	}
 

package/components/instant-alert/instant-alert.html

@@ -14,10 +14,10 @@
 	{{/if}}
 	<button
 			{{#ifAll hasInstantAlert @root.cacheablePersonalisedUrl}}
-			aria-label="Alerts {{name}} currently enabled, change to disable"
+			aria-label="Instant alerts for {{name}} currently enabled, change to disable"
 			aria-pressed="true"
 			{{else}}
-			aria-label="Alerts {{name}} currently disabled, change to enable"
+			aria-label="Instant alerts for {{name}} currently disabled, change to enable"
 			aria-pressed="false"
 			{{/ifAll}}
 	class="o3-button n-myft-ui__button--instant"

package/myft/ui/lists.js

@@ -12,7 +12,7 @@ let haveLoadedLists = false;
 let createListOverlay;
 
 async function openSaveArticleToList (contentId, options = {}) {
-	const { name, nonModal = false } = options;
+	const { name, nonModal = false, triggerElement } = options;
 	const modal = !nonModal;
 	function createList (newList, cb) {
 		if(!newList || !newList.name) {
@@ -85,6 +85,7 @@ async function openSaveArticleToList (contentId, options = {}) {
 		heading: { title: headingElement.outerHTML },
 		parentnode: isMobile() ? '.o-share--horizontal' : '.o-share--vertical',
 		class: 'myft-ui-create-list',
+		trigger: triggerElement,
 	});
 
 	function addCloseButtonDataTrackable () {
@@ -318,8 +319,8 @@ function ListsElement (lists, addToList, removeFromList) {
 	const listCheckboxElement = ListCheckboxElement(addToList, removeFromList);
 
 	const listsTemplate = `
-	<div class="myft-ui-create-list-lists o-forms-field o-forms-field--optional" role="group">
-		<span class="myft-ui-create-list-lists-text">Add to list</span>
+	<div class="myft-ui-create-list-lists o-forms-field o-forms-field--optional" role="group" aria-labelledby="add-to-list-label">
+		<span id="add-to-list-label" class="myft-ui-create-list-lists-text">Add to list</span>
 		<span class="myft-ui-create-list-lists-container o-forms-input o-forms-input--checkbox">
 		</span>
 	</div>
@@ -513,7 +514,8 @@ function initialEventListeners () {
 			return openCreateListAndAddArticleOverlay(contentId);
 		}
 		const configKeys = configSet.dataset.myftUiSaveConfig.split(',');
-		const config = configKeys.reduce((configObj, key) => (key ? { ...configObj, [key]: true} : configObj), {});
+		const triggerElement = configSet.querySelector('button[type="submit"]');
+		const config = configKeys.reduce((configObj, key) => (key ? { ...configObj, [key]: true} : configObj), { triggerElement });
 		return openCreateListAndAddArticleOverlay(contentId, config);
 	});
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/n-myft-ui",
-  "version": "40.0.0",
+  "version": "40.0.2",
   "description": "Client side component for interaction with myft",
   "main": "server.js",
   "scripts": {
@@ -108,7 +108,7 @@
     "@financial-times/n-notification": "^9.0.0",
     "@financial-times/o-forms": "^10.0.1",
     "@financial-times/o-grid": "^6.1.8",
-    "@financial-times/o-overlay": "^5.0.1",
+    "@financial-times/o-overlay": "^5.0.2",
     "@financial-times/o-tooltip": "^6.0.0",
     "@financial-times/o3-button": "^3.0.0",
     "@financial-times/o3-editorial-typography": "^3.0.2",