@financial-times/community-event-teaser - npm Package Compare versions

Comparing version 8.7.0 to 8.7.1-alpha.0

dist/index.dist.js

@@ -412,3 +412,3 @@ 'use strict';
 function Title$1(_a) {
-    var title = _a.title, eventUrl = _a.eventUrl, linkTitle = _a.linkTitle;
+    var title = _a.title, eventUrl = _a.eventUrl, headingAriaLevel = _a.headingAriaLevel, linkTitle = _a.linkTitle;
     var linkTitleToSet = linkTitle;
@@ -421,11 +421,12 @@ if (!linkTitleToSet) {
     }
-    return (xEngine.h("a", { className: "event-teaser__title", "data-trackable": "event-teaser-title", href: eventUrl, title: linkTitleToSet }, title));
+    return (xEngine.h("div", { className: "event-teaser__title-heading", role: "heading", "aria-level": headingAriaLevel },
+        xEngine.h("a", { className: "event-teaser__title", "data-trackable": "event-teaser-title", href: eventUrl, title: linkTitleToSet }, title)));
 }
 
 function EventTopicCardItem(props) {
-    var id = props.id, title = props.title, eventUrl = props.eventUrl, location = props.location, scheduledStartTime = props.scheduledStartTime, scheduledEndTime = props.scheduledEndTime, showTimeInTimestamp = props.showTimeInTimestamp;
+    var id = props.id, title = props.title, eventUrl = props.eventUrl, location = props.location, scheduledStartTime = props.scheduledStartTime, scheduledEndTime = props.scheduledEndTime, showTimeInTimestamp = props.showTimeInTimestamp, _a = props.headingAriaLevel, headingAriaLevel = _a === void 0 ? 4 : _a;
     return (xEngine.h("div", { className: "event-teaser event-teaser--topic-card-item", "data-trackable": "event-teaser", "data-trackable-context-content-id": id, "data-o-tracking-view": true },
         xEngine.h("div", { className: "event-teaser__content-container" },
             xEngine.h("div", { className: "event-teaser__details" },
-                xEngine.h(Title$1, { title: title, eventUrl: eventUrl })),
+                xEngine.h(Title$1, { title: title, eventUrl: eventUrl, headingAriaLevel: headingAriaLevel })),
             xEngine.h("div", { className: "event-teaser__footer" },
@@ -469,3 +470,3 @@ xEngine.h(Timestamp$1, { scheduledStartTime: scheduledStartTime, scheduledEndTime: scheduledEndTime, showTime: showTimeInTimestamp }),
 function EventTeaser(props) {
-    var id = props.id, title = props.title, linkTitle = props.linkTitle, eventUrl = props.eventUrl, location = props.location, scheduledStartTime = props.scheduledStartTime, scheduledEndTime = props.scheduledEndTime, standfirst = props.standfirst, imgUrl = props.imgUrl, _a = props.showStandfirst, showStandfirst = _a === void 0 ? true : _a, _b = props.showImage, showImage = _b === void 0 ? true : _b, _c = props.showTimeInTimestamp, showTimeInTimestamp = _c === void 0 ? false : _c, _d = props.lazyLoadImage, lazyLoadImage = _d === void 0 ? false : _d, _e = props.showBrand, showBrand = _e === void 0 ? true : _e;
+    var id = props.id, title = props.title, linkTitle = props.linkTitle, eventUrl = props.eventUrl, location = props.location, scheduledStartTime = props.scheduledStartTime, scheduledEndTime = props.scheduledEndTime, standfirst = props.standfirst, imgUrl = props.imgUrl, _a = props.showStandfirst, showStandfirst = _a === void 0 ? true : _a, _b = props.showImage, showImage = _b === void 0 ? true : _b, _c = props.showTimeInTimestamp, showTimeInTimestamp = _c === void 0 ? false : _c, _d = props.lazyLoadImage, lazyLoadImage = _d === void 0 ? false : _d, _e = props.showBrand, showBrand = _e === void 0 ? true : _e, _f = props.headingAriaLevel, headingAriaLevel = _f === void 0 ? 4 : _f;
     return (xEngine.h("div", { className: "event-teaser", "data-trackable": "event-teaser", "data-trackable-context-content-id": id, "data-o-tracking-view": true },
@@ -476,3 +477,3 @@ showImage && imgUrl && (xEngine.h(Image$1, { url: imgUrl, eventUrl: eventUrl, imageSize: "Small", lazyLoad: lazyLoadImage })),
                 showBrand && xEngine.h(Brand$1, null),
-                xEngine.h(Title$1, { title: title, eventUrl: eventUrl, linkTitle: linkTitle }),
+                xEngine.h(Title$1, { title: title, headingAriaLevel: headingAriaLevel, eventUrl: eventUrl, linkTitle: linkTitle }),
                 showStandfirst && standfirst && xEngine.h(Standfirst, { standfirst: standfirst })),
@@ -479,0 +480,0 @@ xEngine.h("div", { className: "event-teaser__footer" },

dist/index.js

@@ -106,3 +106,3 @@ 'use strict';
 
-function Title$1({ title, eventUrl, linkTitle }) {
+function Title$1({ title, eventUrl, headingAriaLevel, linkTitle }) {
     let linkTitleToSet = linkTitle;
@@ -115,11 +115,12 @@ if (!linkTitleToSet) {
     }
-    return (xEngine.h("a", { className: "event-teaser__title", "data-trackable": "event-teaser-title", href: eventUrl, title: linkTitleToSet }, title));
+    return (xEngine.h("div", { className: "event-teaser__title-heading", role: "heading", "aria-level": headingAriaLevel },
+        xEngine.h("a", { className: "event-teaser__title", "data-trackable": "event-teaser-title", href: eventUrl, title: linkTitleToSet }, title)));
 }
 
 function EventTopicCardItem(props) {
-    const { id, title, eventUrl, location, scheduledStartTime, scheduledEndTime, showTimeInTimestamp, } = props;
+    const { id, title, eventUrl, location, scheduledStartTime, scheduledEndTime, showTimeInTimestamp, headingAriaLevel = 4 } = props;
     return (xEngine.h("div", { className: "event-teaser event-teaser--topic-card-item", "data-trackable": "event-teaser", "data-trackable-context-content-id": id, "data-o-tracking-view": true },
         xEngine.h("div", { className: "event-teaser__content-container" },
             xEngine.h("div", { className: "event-teaser__details" },
-                xEngine.h(Title$1, { title: title, eventUrl: eventUrl })),
+                xEngine.h(Title$1, { title: title, eventUrl: eventUrl, headingAriaLevel: headingAriaLevel })),
             xEngine.h("div", { className: "event-teaser__footer" },
@@ -179,3 +180,3 @@ xEngine.h(Timestamp$1, { scheduledStartTime: scheduledStartTime, scheduledEndTime: scheduledEndTime, showTime: showTimeInTimestamp }),
 function EventTeaser(props) {
-    const { id, title, linkTitle, eventUrl, location, scheduledStartTime, scheduledEndTime, standfirst, imgUrl, showStandfirst = true, showImage = true, showTimeInTimestamp = false, lazyLoadImage = false, showBrand = true, } = props;
+    const { id, title, linkTitle, eventUrl, location, scheduledStartTime, scheduledEndTime, standfirst, imgUrl, showStandfirst = true, showImage = true, showTimeInTimestamp = false, lazyLoadImage = false, showBrand = true, headingAriaLevel = 4 } = props;
     return (xEngine.h("div", { className: "event-teaser", "data-trackable": "event-teaser", "data-trackable-context-content-id": id, "data-o-tracking-view": true },
@@ -186,3 +187,3 @@ showImage && imgUrl && (xEngine.h(Image$2, { url: imgUrl, eventUrl: eventUrl, imageSize: "Small", lazyLoad: lazyLoadImage })),
                 showBrand && xEngine.h(Brand$1, null),
-                xEngine.h(Title$1, { title: title, eventUrl: eventUrl, linkTitle: linkTitle }),
+                xEngine.h(Title$1, { title: title, headingAriaLevel: headingAriaLevel, eventUrl: eventUrl, linkTitle: linkTitle }),
                 showStandfirst && standfirst && xEngine.h(Standfirst, { standfirst: standfirst })),
@@ -189,0 +190,0 @@ xEngine.h("div", { className: "event-teaser__footer" },

package.json

 {
   "name": "@financial-times/community-event-teaser",
-  "version": "8.7.0",
+  "version": "8.7.1-alpha.0",
   "description": "community event teasers etc",
@@ -48,3 +48,3 @@ "main": "dist/index.js",
   },
-  "gitHead": "9b4bbbf4c803ffbd60b59ece940bb60038474532"
+  "gitHead": "350a9ccfadd302f29d2a4b14e4586f4b23812ec4"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

145429

increased by0.86%

Lines of code

1143

increased by0.26%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes