@times-components/key-facts 2.2.2 → 2.2.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.3](https://github.com/newsuk/times-components/compare/@times-components/key-facts@2.2.2...@times-components/key-facts@2.2.3) (2022-03-04)
+
+**Note:** Version bump only for package @times-components/key-facts
+
+
+
+
+
 ## [2.2.2](https://github.com/newsuk/times-components/compare/@times-components/key-facts@2.2.1...@times-components/key-facts@2.2.2) (2022-03-02)
 
 **Note:** Version bump only for package @times-components/key-facts

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=_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;
+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,intersectObserverRef=_ref.intersectObserverRef,analyticsData=_ref.analyticsData,fireAnalyticsEvent=_ref.fireAnalyticsEvent;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(_objectSpread(_objectSpread({action:"Clicked"},analyticsData.events),{},{event_navigation_browsing_method:"click",attrs:_objectSpread({},analyticsData.attrs)}));},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 _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;
+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={events:{event_navigation_name:"In-article component displayed: key moments",event_navigation_action:"navigation"},attrs:{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:{},scrolledEvent:_objectSpread(_objectSpread({object:"KeyMoments"},analyticsData.events),{},{event_navigation_browsing_method:"scroll",attrs:_objectSpread({},analyticsData.attrs)}),__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:5}},function(_ref2){var fireAnalyticsEvent=_ref2.fireAnalyticsEvent,intersectObserverRef=_ref2.intersectObserverRef;return _react.default.createElement(_styles.KeyFactsContainer,{__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:9}},title&&_react.default.createElement(_styles.KeyFactsTitle,{__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:21}},title),keyFactsItems.map(function(keyFactItem,index){return _react.default.createElement(_keyFactsText.default,{keyFactItem:keyFactItem,listIndex:index,intersectObserverRef:intersectObserverRef,fireAnalyticsEvent:fireAnalyticsEvent,analyticsData:analyticsData,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:13}});}));});};KeyFacts.propTypes=_keyFactsPropTypes.default;var _default=KeyFacts;exports.default=_default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/key-facts",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Bulleted list of text data",
   "main": "dist/key-facts",
   "dev": "src/key-facts",
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "02df6419719c8e72b887ae8acd6d5c7a06d40a79"
+  "gitHead": "2cfd00758423b34282407e943efd2054af569276"
 }

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=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}]);
+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={events:{event_navigation_name:"In-article component displayed: key moments",event_navigation_action:"navigation"},attrs:{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:{},scrolledEvent:s(s({object:"KeyMoments"},y.events),{},{event_navigation_browsing_method:"scroll",attrs:s({},y.attrs)})},(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,intersectObserverRef:n,fireAnalyticsEvent:t,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.intersectObserverRef,o=e.analyticsData,u=e.fireAnalyticsEvent;return i.default.createElement(c.BulletContainer,{key:"key-facts-"+n,ref:r},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 r=t.href;return i.default.createElement(c.KeyFactTextLink,{key:e,onClick:function(){return u&&u(s(s({action:"Clicked"},o.events),{},{event_navigation_browsing_method:"click",attrs:s({},o.attrs)}))},href:r},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

@@ -7,6 +7,8 @@ import KeyFacts from "./src/key-facts";
 const renderKeyFacts = ({ ast }) => (
   <Responsive>
     <KeyFacts ast={ast} analyticsStream={storybookReporter} />
+    <KeyFacts ast={ast} analyticsStream={storybookReporter} />
+    <KeyFacts ast={ast} analyticsStream={storybookReporter} />
   </Responsive>
 );