@times-components/key-facts 2.1.55 → 2.2.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.2.0](https://github.com/newsuk/times-components/compare/@times-components/key-facts@2.1.57...@times-components/key-facts@2.2.0) (2022-02-28)
+
+
+### Features
+
+* **TDP-1139:** live news analytics for in article components ([#2862](https://github.com/newsuk/times-components/issues/2862)) ([89f912b](https://github.com/newsuk/times-components/commit/89f912be1ac9e16a439d28ef93f905e59971303f))
+
+
+
+
+
+## [2.1.57](https://github.com/newsuk/times-components/compare/@times-components/key-facts@2.1.56...@times-components/key-facts@2.1.57) (2022-02-16)
+
+**Note:** Version bump only for package @times-components/key-facts
+
+
+
+
+
+## [2.1.56](https://github.com/newsuk/times-components/compare/@times-components/key-facts@2.1.55...@times-components/key-facts@2.1.56) (2022-02-14)
+
+**Note:** Version bump only for package @times-components/key-facts
+
+
+
+
+
 ## [2.1.55](https://github.com/newsuk/times-components/compare/@times-components/key-facts@2.1.54...@times-components/key-facts@2.1.55) (2022-02-10)
 
 **Note:** Version bump only for package @times-components/key-facts

package/dist/key-facts-prop-types.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var propTypes={ast:_propTypes.default.object.isRequired,onLinkPress:_propTypes.default.func};exports.propTypes=propTypes;var defaultProps={onLinkPress:function onLinkPress(){}};exports.defaultProps=defaultProps;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _default={ast:_propTypes.default.object.isRequired,section:_propTypes.default.string,headline:_propTypes.default.string,isLiveOrBreaking:_propTypes.default.string};exports.default=_default;

package/dist/key-facts-text-prop-types.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var propTypes={item:_propTypes.default.object.isRequired,listIndex:_propTypes.default.number.isRequired,onLinkPress:_propTypes.default.func};exports.propTypes=propTypes;var defaultProps={onLinkPress:function onLinkPress(){}};exports.defaultProps=defaultProps;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _default={keyFactItem:_propTypes.default.object.isRequired,listIndex:_propTypes.default.number.isRequired,fireAnalyticsEvent:_propTypes.default.func.isRequired,intersectObserverRef:_propTypes.default.func.isRequired,analyticsData:_propTypes.default.object};exports.default=_default;

package/dist/key-facts-text.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _markupForest=require("@times-components/markup-forest");var _markup=_interopRequireDefault(require("@times-components/markup"));var _keyFactsTextPropTypes=require("./key-facts-text-prop-types");var _styles=require("./styles");var _jsxFileName="/home/circleci/project/packages/key-facts/src/key-facts-text.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var KeyFactsText=function KeyFactsText(_ref){var item=_ref.item,listIndex=_ref.listIndex,onLinkPress=_ref.onLinkPress;return _react.default.createElement(_styles.Text,{__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:3}},item.children.map(function(data,listItemIndex){return(0,_markupForest.renderTree)(data,_objectSpread(_objectSpread({},_markup.default),{},{link:function link(key,attributes,renderedChildren){var canonicalId=attributes.canonicalId,url=attributes.href,type=attributes.type;return _react.default.createElement(_styles.KeyFactTextLink,{"data-testid":"KeyFactTextLink",key:key,onPress:function onPress(e){return onLinkPress(e,{canonicalId:canonicalId,type:type,url:url});},url:url,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:15}},renderedChildren);}}),"key-facts-"+listIndex+"-"+listItemIndex);}));};KeyFactsText.propTypes=_keyFactsTextPropTypes.propTypes;KeyFactsText.defaultProps=_keyFactsTextPropTypes.defaultProps;var _default=KeyFactsText;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _markupForest=require("@times-components/markup-forest");var _markup=_interopRequireDefault(require("@times-components/markup"));var _keyFactsTextPropTypes=_interopRequireDefault(require("./key-facts-text-prop-types"));var _styles=require("./styles");var _jsxFileName="/home/circleci/project/packages/key-facts/src/key-facts-text.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var KeyFactsText=function KeyFactsText(_ref){var keyFactItem=_ref.keyFactItem,listIndex=_ref.listIndex,fireAnalyticsEvent=_ref.fireAnalyticsEvent,intersectObserverRef=_ref.intersectObserverRef,analyticsData=_ref.analyticsData;return _react.default.createElement(_styles.BulletContainer,{key:"key-facts-"+listIndex,ref:intersectObserverRef,__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:3}},_react.default.createElement(_styles.Bullet,{__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:5}}),_react.default.createElement(_styles.Text,{__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},keyFactItem.children.map(function(data,listItemIndex){return(0,_markupForest.renderTree)(data,_objectSpread(_objectSpread({},_markup.default),{},{link:function link(key,attributes,renderedChildren){var url=attributes.href;return _react.default.createElement(_styles.KeyFactTextLink,{key:key,onClick:function onClick(){return fireAnalyticsEvent&&fireAnalyticsEvent({action:"Clicked",attrs:_objectSpread(_objectSpread(_objectSpread({},analyticsData.other),analyticsData.events),{},{event_navigation_browsing_method:"click"})});},href:url,__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:17}},renderedChildren);}}),"key-facts-"+listIndex+"-"+listItemIndex);})));};KeyFactsText.propTypes=_keyFactsTextPropTypes.default;var _default=KeyFactsText;exports.default=_default;

package/dist/key-facts.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _keyFactsText=_interopRequireDefault(require("./key-facts-text"));var _keyFactsPropTypes=require("./key-facts-prop-types");var _styles=require("./styles");var _jsxFileName="/home/circleci/project/packages/key-facts/src/key-facts.js";var KeyFacts=function KeyFacts(_ref){var ast=_ref.ast,onLinkPress=_ref.onLinkPress;var children=ast.children,title=ast.attributes.title;var keyFactsItems=children[0].children;var renderKeyFact=function renderKeyFact(item,listIndex){return _react.default.createElement(_styles.BulletContainer,{key:"key-facts-"+listIndex,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:5}},_react.default.createElement(_styles.Bullet,{__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:7}}),_react.default.createElement(_keyFactsText.default,{item:item,listIndex:listIndex,onLinkPress:onLinkPress,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:7}}));};return _react.default.createElement(_styles.KeyFactsContainer,{__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:5}},title&&_react.default.createElement(_styles.KeyFactsTitle,{__source:{fileName:_jsxFileName,lineNumber:31,columnNumber:17}},title),keyFactsItems.map(function(item,index){return renderKeyFact(item,index);}));};KeyFacts.propTypes=_keyFactsPropTypes.propTypes;KeyFacts.defaultProps=_keyFactsPropTypes.defaultProps;var _default=KeyFacts;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _tsComponents=require("@times-components/ts-components");var _keyFactsText=_interopRequireDefault(require("./key-facts-text"));var _keyFactsPropTypes=_interopRequireDefault(require("./key-facts-prop-types"));var _styles=require("./styles");var _jsxFileName="/home/circleci/project/packages/key-facts/src/key-facts.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var KeyFacts=function KeyFacts(_ref){var ast=_ref.ast,analyticsStream=_ref.analyticsStream,section=_ref.section,headline=_ref.headline,isLiveOrBreaking=_ref.isLiveOrBreaking;var children=ast.children,title=ast.attributes.title;var keyFactsItems=children[0].children;var analyticsData={event:{event_navigation_name:"In-article component displayed: key moments",event_navigation_action:"navigation"},other:{component_type:"In-article component: key moments: static",component_name:title,section_details:section,article_parent_name:headline,other_details:isLiveOrBreaking}};return _react.default.createElement(_tsComponents.TrackingContextProvider,{analyticsStream:analyticsStream,context:{object:"Key moments",attrs:_objectSpread({},analyticsData.other)},scrolledEvent:{attrs:_objectSpread(_objectSpread({},analyticsData.events),{},{event_navigation_browsing_method:"scroll"})},__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:5}},function(_ref2){var fireAnalyticsEvent=_ref2.fireAnalyticsEvent,intersectObserverRef=_ref2.intersectObserverRef;return _react.default.createElement(_styles.KeyFactsContainer,{__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:9}},title&&_react.default.createElement(_styles.KeyFactsTitle,{__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:21}},title),keyFactsItems.map(function(keyFactItem,index){return _react.default.createElement(_keyFactsText.default,{keyFactItem:keyFactItem,listIndex:index,fireAnalyticsEvent:fireAnalyticsEvent,intersectObserverRef:intersectObserverRef,analyticsData:analyticsData,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:13}});}));});};KeyFacts.propTypes=_keyFactsPropTypes.default;var _default=KeyFacts;exports.default=_default;

package/dist/styles.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.KeyFactsContainer=exports.Text=exports.KeyFactsTitle=exports.Bullet=exports.BulletContainer=exports.KeyFactTextLink=void 0;var _styledComponents=_interopRequireDefault(require("styled-components"));var _styleguide=require("@times-components/styleguide");var KeyFactTextLink=_styledComponents.default.a.withConfig({displayName:"styles__KeyFactTextLink",componentId:"sc-1shod7b-0"})(["cursor:pointer;text-decoration:underline;&:hover{color:",";}&:active{color:",";}"],_styleguide.colours.functional.brandColour,_styleguide.colours.functional.brandColour);exports.KeyFactTextLink=KeyFactTextLink;var BulletContainer=_styledComponents.default.div.withConfig({displayName:"styles__BulletContainer",componentId:"sc-1shod7b-1"})(["display:flex;flex-direction:row;margin-bottom:",";padding-left:",";width:100%;:last-of-type{margin-bottom:0px;}"],(0,_styleguide.spacing)(4),(0,_styleguide.spacing)(1));exports.BulletContainer=BulletContainer;var Bullet=_styledComponents.default.div.withConfig({displayName:"styles__Bullet",componentId:"sc-1shod7b-2"})(["height:6px;width:6px;margin-top:2px;background-color:#9f0000;"]);exports.Bullet=Bullet;var KeyFactsTitle=_styledComponents.default.h2.withConfig({displayName:"styles__KeyFactsTitle",componentId:"sc-1shod7b-3"})(["font-family:",";font-size:","px;font-weight:400;margin:0px 0px 20px 0px;color:",";"],_styleguide.fonts.headline,_styleguide.fontSizes.keyFactsTitle,_styleguide.colours.functional.brandColour);exports.KeyFactsTitle=KeyFactsTitle;var Text=_styledComponents.default.span.withConfig({displayName:"styles__Text",componentId:"sc-1shod7b-4"})(["color:",";font-family:",";font-size:","px;margin-top:-8px;padding-left:",";width:95%;line-height:28px;"],_styleguide.colours.functional.primary,_styleguide.fonts.bodyRegular,_styleguide.fontSizes.infoSubText,(0,_styleguide.spacing)(3));exports.Text=Text;var KeyFactsContainer=_styledComponents.default.div.withConfig({displayName:"styles__KeyFactsContainer",componentId:"sc-1shod7b-5"})(["margin:0 auto 20px auto;padding:16px 20px;background-color:",";border-top:2px solid #9f0000;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],_styleguide.colours.functional.backgroundPrimary,_styleguide.breakpoints.medium,_styleguide.breakpoints.wide);exports.KeyFactsContainer=KeyFactsContainer;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.KeyFactsContainer=exports.Text=exports.KeyFactsTitle=exports.Bullet=exports.BulletContainer=exports.KeyFactTextLink=void 0;var _styledComponents=_interopRequireDefault(require("styled-components"));var _styleguide=require("@times-components/styleguide");var KeyFactTextLink=_styledComponents.default.a.withConfig({displayName:"styles__KeyFactTextLink",componentId:"sc-1shod7b-0"})(["color:inherit;cursor:pointer;text-decoration:underline;&:hover{color:",";}&:active{color:",";}"],_styleguide.colours.functional.brandColour,_styleguide.colours.functional.brandColour);exports.KeyFactTextLink=KeyFactTextLink;var BulletContainer=_styledComponents.default.div.withConfig({displayName:"styles__BulletContainer",componentId:"sc-1shod7b-1"})(["display:flex;flex-direction:row;margin-bottom:",";padding-left:",";width:100%;:last-of-type{margin-bottom:0px;}"],(0,_styleguide.spacing)(4),(0,_styleguide.spacing)(1));exports.BulletContainer=BulletContainer;var Bullet=_styledComponents.default.div.withConfig({displayName:"styles__Bullet",componentId:"sc-1shod7b-2"})(["height:6px;width:6px;margin-top:2px;background-color:#9f0000;"]);exports.Bullet=Bullet;var KeyFactsTitle=_styledComponents.default.h2.withConfig({displayName:"styles__KeyFactsTitle",componentId:"sc-1shod7b-3"})(["font-family:",";font-size:","px;font-weight:400;margin:0px 0px 20px 0px;color:",";"],_styleguide.fonts.headline,_styleguide.fontSizes.keyFactsTitle,_styleguide.colours.functional.brandColour);exports.KeyFactsTitle=KeyFactsTitle;var Text=_styledComponents.default.span.withConfig({displayName:"styles__Text",componentId:"sc-1shod7b-4"})(["color:",";font-family:",";font-size:","px;margin-top:-8px;padding-left:",";width:95%;line-height:28px;"],_styleguide.colours.functional.primary,_styleguide.fonts.bodyRegular,_styleguide.fontSizes.infoSubText,(0,_styleguide.spacing)(3));exports.Text=Text;var KeyFactsContainer=_styledComponents.default.div.withConfig({displayName:"styles__KeyFactsContainer",componentId:"sc-1shod7b-5"})(["margin:0 auto 20px auto;padding:16px 20px;background-color:",";border-top:2px solid #9f0000;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],_styleguide.colours.functional.backgroundPrimary,_styleguide.breakpoints.medium,_styleguide.breakpoints.wide);exports.KeyFactsContainer=KeyFactsContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/key-facts",
-  "version": "2.1.55",
+  "version": "2.2.0",
   "description": "Bulleted list of text data",
   "main": "dist/key-facts",
   "dev": "src/key-facts",
@@ -36,19 +36,19 @@
     "@times-components/eslint-config-thetimes": "0.8.18",
     "@times-components/jest-configurator": "2.8.0",
     "@times-components/jest-serializer": "3.2.29",
-    "@times-components/storybook": "4.1.72",
-    "@times-components/test-utils": "2.3.10",
+    "@times-components/storybook": "4.1.73",
+    "@times-components/tealium-utils": "0.7.75",
     "@times-components/webpack-configurator": "2.0.29",
     "babel-jest": "24.8.0",
     "depcheck": "0.6.9",
     "enzyme": "3.9.0",
     "eslint": "5.9.0",
     "jest": "24.8.0",
+    "mockdate": "3.0.5",
     "prettier": "1.14.3",
     "react": "16.9.0",
     "react-art": "16.6.3",
     "react-dom": "16.9.0",
-    "react-test-renderer": "16.9.0",
     "stylelint": "9.4.0",
     "stylelint-config-recommended": "2.1.0",
     "stylelint-config-styled-components": "0.1.1",
@@ -57,10 +57,11 @@
     "webpack-cli": "3.3.1"
   },
   "dependencies": {
-    "@times-components/markup": "3.4.66",
+    "@times-components/markup": "3.4.67",
     "@times-components/markup-forest": "1.8.1",
-    "@times-components/responsive": "0.7.6",
-    "@times-components/styleguide": "3.38.28",
+    "@times-components/responsive": "0.7.7",
+    "@times-components/styleguide": "3.38.29",
+    "@times-components/ts-components": "1.20.0",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -75,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "39eff552b90b7e2122504b87cd77c36b6bab703b"
+  "gitHead": "bcce43b1c5f14b3bcc191dd9e1c714ce0e19866f"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.KeyFactsContainer=t.Text=t.KeyFactsTitle=t.Bullet=t.BulletContainer=t.KeyFactTextLink=void 0;var o=r(n(10)),i=n(11),a=o.default.a.withConfig({displayName:"styles__KeyFactTextLink",componentId:"sc-1shod7b-0"})(["cursor:pointer;text-decoration:underline;&:hover{color:",";}&:active{color:",";}"],i.colours.functional.brandColour,i.colours.functional.brandColour);t.KeyFactTextLink=a;var u=o.default.div.withConfig({displayName:"styles__BulletContainer",componentId:"sc-1shod7b-1"})(["display:flex;flex-direction:row;margin-bottom:",";padding-left:",";width:100%;:last-of-type{margin-bottom:0px;}"],(0,i.spacing)(4),(0,i.spacing)(1));t.BulletContainer=u;var l=o.default.div.withConfig({displayName:"styles__Bullet",componentId:"sc-1shod7b-2"})(["height:6px;width:6px;margin-top:2px;background-color:#9f0000;"]);t.Bullet=l;var s=o.default.h2.withConfig({displayName:"styles__KeyFactsTitle",componentId:"sc-1shod7b-3"})(["font-family:",";font-size:","px;font-weight:400;margin:0px 0px 20px 0px;color:",";"],i.fonts.headline,i.fontSizes.keyFactsTitle,i.colours.functional.brandColour);t.KeyFactsTitle=s;var c=o.default.span.withConfig({displayName:"styles__Text",componentId:"sc-1shod7b-4"})(["color:",";font-family:",";font-size:","px;margin-top:-8px;padding-left:",";width:95%;line-height:28px;"],i.colours.functional.primary,i.fonts.bodyRegular,i.fontSizes.infoSubText,(0,i.spacing)(3));t.Text=c;var d=o.default.div.withConfig({displayName:"styles__KeyFactsContainer",componentId:"sc-1shod7b-5"})(["margin:0 auto 20px auto;padding:16px 20px;background-color:",";border-top:2px solid #9f0000;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],i.colours.functional.backgroundPrimary,i.breakpoints.medium,i.breakpoints.wide);t.KeyFactsContainer=d},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(1)),i=r(n(5)),a=n(12),u=n(3),l=function(e){var t=e.ast,n=e.onLinkPress,r=t.children,a=t.attributes.title,l=r[0].children;return o.default.createElement(u.KeyFactsContainer,null,a&&o.default.createElement(u.KeyFactsTitle,null,a),l.map((function(e,t){return function(e,t){return o.default.createElement(u.BulletContainer,{key:"key-facts-"+t},o.default.createElement(u.Bullet,null),o.default.createElement(i.default,{item:e,listIndex:t,onLinkPress:n}))}(e,t)})))};l.defaultProps=a.defaultProps;var s=l;t.default=s},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(6)),i=r(n(1)),a=n(7),u=r(n(8)),l=n(9),s=n(3);function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){(0,o.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var f=function(e){var t=e.item,n=e.listIndex,r=e.onLinkPress;return i.default.createElement(s.Text,null,t.children.map((function(e,t){return(0,a.renderTree)(e,d(d({},u.default),{},{link:function(e,t,n){var o=t.canonicalId,a=t.href,u=t.type;return i.default.createElement(s.KeyFactTextLink,{"data-testid":"KeyFactTextLink",key:e,onPress:function(e){return r(e,{canonicalId:o,type:u,url:a})},url:a},n)}}),"key-facts-"+n+"-"+t)})))};f.defaultProps=l.defaultProps;var p=f;t.default=p},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("@times-components/markup-forest/rnw")},function(e,t){e.exports=require("@times-components/markup/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=r(n(2)),i={item:o.default.object.isRequired,listIndex:o.default.number.isRequired,onLinkPress:o.default.func};t.propTypes=i;t.defaultProps={onLinkPress:function(){}}},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=r(n(2)),i={ast:o.default.object.isRequired,onLinkPress:o.default.func};t.propTypes=i;t.defaultProps={onLinkPress:function(){}}}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.KeyFactsContainer=t.Text=t.KeyFactsTitle=t.Bullet=t.BulletContainer=t.KeyFactTextLink=void 0;var o=r(n(11)),i=n(12),a=o.default.a.withConfig({displayName:"styles__KeyFactTextLink",componentId:"sc-1shod7b-0"})(["color:inherit;cursor:pointer;text-decoration:underline;&:hover{color:",";}&:active{color:",";}"],i.colours.functional.brandColour,i.colours.functional.brandColour);t.KeyFactTextLink=a;var l=o.default.div.withConfig({displayName:"styles__BulletContainer",componentId:"sc-1shod7b-1"})(["display:flex;flex-direction:row;margin-bottom:",";padding-left:",";width:100%;:last-of-type{margin-bottom:0px;}"],(0,i.spacing)(4),(0,i.spacing)(1));t.BulletContainer=l;var c=o.default.div.withConfig({displayName:"styles__Bullet",componentId:"sc-1shod7b-2"})(["height:6px;width:6px;margin-top:2px;background-color:#9f0000;"]);t.Bullet=c;var u=o.default.h2.withConfig({displayName:"styles__KeyFactsTitle",componentId:"sc-1shod7b-3"})(["font-family:",";font-size:","px;font-weight:400;margin:0px 0px 20px 0px;color:",";"],i.fonts.headline,i.fontSizes.keyFactsTitle,i.colours.functional.brandColour);t.KeyFactsTitle=u;var s=o.default.span.withConfig({displayName:"styles__Text",componentId:"sc-1shod7b-4"})(["color:",";font-family:",";font-size:","px;margin-top:-8px;padding-left:",";width:95%;line-height:28px;"],i.colours.functional.primary,i.fonts.bodyRegular,i.fontSizes.infoSubText,(0,i.spacing)(3));t.Text=s;var f=o.default.div.withConfig({displayName:"styles__KeyFactsContainer",componentId:"sc-1shod7b-5"})(["margin:0 auto 20px auto;padding:16px 20px;background-color:",";border-top:2px solid #9f0000;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],i.colours.functional.backgroundPrimary,i.breakpoints.medium,i.breakpoints.wide);t.KeyFactsContainer=f},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(1)),i=r(n(2)),a=n(6),l=r(n(7)),c=(r(n(13)),n(4));function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){(0,o.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var f=function(e){var t=e.ast,n=e.analyticsStream,r=e.section,o=e.headline,u=e.isLiveOrBreaking,f=t.children,d=t.attributes.title,p=f[0].children,y={event:{event_navigation_name:"In-article component displayed: key moments",event_navigation_action:"navigation"},other:{component_type:"In-article component: key moments: static",component_name:d,section_details:r,article_parent_name:o,other_details:u}};return i.default.createElement(a.TrackingContextProvider,{analyticsStream:n,context:{object:"Key moments",attrs:s({},y.other)},scrolledEvent:{attrs:s(s({},y.events),{},{event_navigation_browsing_method:"scroll"})}},(function(e){var t=e.fireAnalyticsEvent,n=e.intersectObserverRef;return i.default.createElement(c.KeyFactsContainer,null,d&&i.default.createElement(c.KeyFactsTitle,null,d),p.map((function(e,r){return i.default.createElement(l.default,{keyFactItem:e,listIndex:r,fireAnalyticsEvent:t,intersectObserverRef:n,analyticsData:y})})))}))};t.default=f},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(1)),i=r(n(2)),a=n(8),l=r(n(9)),c=(r(n(10)),n(4));function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){(0,o.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var f=function(e){var t=e.keyFactItem,n=e.listIndex,r=e.fireAnalyticsEvent,o=e.intersectObserverRef,u=e.analyticsData;return i.default.createElement(c.BulletContainer,{key:"key-facts-"+n,ref:o},i.default.createElement(c.Bullet,null),i.default.createElement(c.Text,null,t.children.map((function(e,t){return(0,a.renderTree)(e,s(s({},l.default),{},{link:function(e,t,n){var o=t.href;return i.default.createElement(c.KeyFactTextLink,{key:e,onClick:function(){return r&&r({action:"Clicked",attrs:s(s(s({},u.other),u.events),{},{event_navigation_browsing_method:"click"})})},href:o},n)}}),"key-facts-"+n+"-"+t)}))))};t.default=f},function(e,t){e.exports=require("@times-components/markup-forest/rnw")},function(e,t){e.exports=require("@times-components/markup/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(3)),i={keyFactItem:o.default.object.isRequired,listIndex:o.default.number.isRequired,fireAnalyticsEvent:o.default.func.isRequired,intersectObserverRef:o.default.func.isRequired,analyticsData:o.default.object};t.default=i},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(3)),i={ast:o.default.object.isRequired,section:o.default.string,headline:o.default.string,isLiveOrBreaking:o.default.string};t.default=i}]);

package/showcase-helper.js

@@ -1,11 +1,12 @@
 /* eslint-disable react/prop-types */
 import React from "react";
 import Responsive from "@times-components/responsive";
+import storybookReporter from "@times-components/tealium-utils";
 import KeyFacts from "./src/key-facts";
 
 const renderKeyFacts = ({ ast }) => (
   <Responsive>
-    <KeyFacts ast={ast} onLinkPress={() => {}} />
+    <KeyFacts ast={ast} analyticsStream={storybookReporter} />
   </Responsive>
 );