@times-components/article-topics 4.5.12 → 4.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.6.1](https://github.com/newsuk/times-components/compare/@times-components/article-topics@4.6.0...@times-components/article-topics@4.6.1) (2022-07-20)
7
+
8
+ **Note:** Version bump only for package @times-components/article-topics
9
+
10
+
11
+
12
+
13
+
14
+ # [4.6.0](https://github.com/newsuk/times-components/compare/@times-components/article-topics@4.5.13...@times-components/article-topics@4.6.0) (2022-07-20)
15
+
16
+
17
+ ### Features
18
+
19
+ * **TDP-1712:** change jest config 01 ([#3038](https://github.com/newsuk/times-components/issues/3038)) ([a06acac](https://github.com/newsuk/times-components/commit/a06acac0a2a5812787ddd856a5a78faf000d224a))
20
+
21
+
22
+
23
+
24
+
25
+ ## [4.5.13](https://github.com/newsuk/times-components/compare/@times-components/article-topics@4.5.12...@times-components/article-topics@4.5.13) (2022-07-19)
26
+
27
+ **Note:** Version bump only for package @times-components/article-topics
28
+
29
+
30
+
31
+
32
+
6
33
  ## [4.5.12](https://github.com/newsuk/times-components/compare/@times-components/article-topics@4.5.11...@times-components/article-topics@4.5.12) (2022-07-18)
7
34
 
8
35
  **Note:** Version bump only for package @times-components/article-topics
package/babel.config.js CHANGED
@@ -1,10 +1,7 @@
1
1
  module.exports = api => {
2
2
  api.cache(true);
3
3
  return {
4
- plugins: [
5
- "babel-plugin-styled-components",
6
- "@babel/plugin-transform-react-display-name"
7
- ],
8
- presets: ["module:metro-react-native-babel-preset"]
4
+ plugins: ["babel-plugin-styled-components"],
5
+ presets: ["@babel/preset-env", "@babel/preset-react"]
9
6
  };
10
7
  };
@@ -1 +1,20 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var topicPropTypes={fontSize:_propTypes.default.number,lineHeight:_propTypes.default.number,name:_propTypes.default.string.isRequired,onPress:_propTypes.default.func,slug:_propTypes.default.string.isRequired};var _default=topicPropTypes;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var topicPropTypes = {
13
+ fontSize: _propTypes["default"].number,
14
+ lineHeight: _propTypes["default"].number,
15
+ name: _propTypes["default"].string.isRequired,
16
+ onPress: _propTypes["default"].func,
17
+ slug: _propTypes["default"].string.isRequired
18
+ };
19
+ var _default = topicPropTypes;
20
+ exports["default"] = _default;
@@ -1 +1,90 @@
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 _context=_interopRequireDefault(require("@times-components/context"));var _utils=require("@times-components/utils");var _link=_interopRequireDefault(require("@times-components/link"));var _tracking=require("@times-components/tracking");var _styles=_interopRequireDefault(require("./styles"));var _articleTopicPropTypes=_interopRequireDefault(require("./article-topic-prop-types"));var _jsxFileName="/home/circleci/project/packages/article-topics/src/article-topic.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 ArticleTopic=function ArticleTopic(_ref){var fontSize=_ref.fontSize,lineHeight=_ref.lineHeight,name=_ref.name,_onPress=_ref.onPress,slug=_ref.slug;var fontSizeStyle=fontSize?{fontSize:fontSize}:null;var lineHeightStyle=lineHeight?_objectSpread({},(0,_utils.checkStylesForUnits)({lineHeight:lineHeight})):null;var textStyles=_objectSpread(_objectSpread({},_styles.default.text),{},{fontSizeStyle:fontSizeStyle},lineHeightStyle);return _react.default.createElement(_context.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:5}},function(_ref2){var makeTopicUrl=_ref2.makeTopicUrl;return _react.default.createElement(_utils.TcView,{style:_styles.default.spacer,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:9}},_react.default.createElement(_link.default,{onPress:function onPress(e){return _onPress(e,{name:name,slug:slug});},url:makeTopicUrl({slug:slug}),__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:11}},_react.default.createElement(_utils.TcView,{style:_styles.default.container,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:13}},_react.default.createElement(_utils.TcText,{accessibilityComponentType:"button",accessibilityRole:"button",accessibilityTraits:"button",style:textStyles,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:15}},name))));});};ArticleTopic.propTypes=_articleTopicPropTypes.default;var _default=(0,_tracking.withTrackEvents)(ArticleTopic,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function getAttrs(_ref3){var name=_ref3.name,slug=_ref3.slug;return{name:name,slug:slug};},trackingName:"TopicLink"}]});exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _context = _interopRequireDefault(require("@times-components/context"));
11
+
12
+ var _utils = require("@times-components/utils");
13
+
14
+ var _link = _interopRequireDefault(require("@times-components/link"));
15
+
16
+ var _tracking = require("@times-components/tracking");
17
+
18
+ var _styles = _interopRequireDefault(require("./styles"));
19
+
20
+ var _articleTopicPropTypes = _interopRequireDefault(require("./article-topic-prop-types"));
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
+
24
+ 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; }
25
+
26
+ 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) { _defineProperty(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; }
27
+
28
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
+
30
+ var ArticleTopic = function ArticleTopic(_ref) {
31
+ var fontSize = _ref.fontSize,
32
+ lineHeight = _ref.lineHeight,
33
+ name = _ref.name,
34
+ _onPress = _ref.onPress,
35
+ slug = _ref.slug;
36
+ var fontSizeStyle = fontSize ? {
37
+ fontSize: fontSize
38
+ } : null;
39
+ var lineHeightStyle = lineHeight ? _objectSpread({}, (0, _utils.checkStylesForUnits)({
40
+ lineHeight: lineHeight
41
+ })) : null;
42
+
43
+ var textStyles = _objectSpread(_objectSpread({}, _styles["default"].text), {}, {
44
+ fontSizeStyle: fontSizeStyle
45
+ }, lineHeightStyle);
46
+
47
+ return /*#__PURE__*/_react["default"].createElement(_context["default"].Consumer, null, function (_ref2) {
48
+ var makeTopicUrl = _ref2.makeTopicUrl;
49
+ return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
50
+ style: _styles["default"].spacer
51
+ }, /*#__PURE__*/_react["default"].createElement(_link["default"], {
52
+ onPress: function onPress(e) {
53
+ return _onPress(e, {
54
+ name: name,
55
+ slug: slug
56
+ });
57
+ },
58
+ url: makeTopicUrl({
59
+ slug: slug
60
+ })
61
+ }, /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
62
+ style: _styles["default"].container
63
+ }, /*#__PURE__*/_react["default"].createElement(_utils.TcText, {
64
+ accessibilityComponentType: "button",
65
+ accessibilityRole: "button",
66
+ accessibilityTraits: "button",
67
+ style: textStyles
68
+ }, name))));
69
+ });
70
+ };
71
+
72
+ ArticleTopic.propTypes = _articleTopicPropTypes["default"];
73
+
74
+ var _default = (0, _tracking.withTrackEvents)(ArticleTopic, {
75
+ analyticsEvents: [{
76
+ actionName: "Pressed",
77
+ eventName: "onPress",
78
+ getAttrs: function getAttrs(_ref3) {
79
+ var name = _ref3.name,
80
+ slug = _ref3.slug;
81
+ return {
82
+ name: name,
83
+ slug: slug
84
+ };
85
+ },
86
+ trackingName: "TopicLink"
87
+ }]
88
+ });
89
+
90
+ exports["default"] = _default;
@@ -1 +1,24 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.topicsDefaultProps=exports.topicsPropTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var topicsPropTypes={onPress:_propTypes.default.func,style:_propTypes.default.object,topics:_propTypes.default.arrayOf(_propTypes.default.shape({name:_propTypes.default.string.isRequired,slug:_propTypes.default.string.isRequired}).isRequired).isRequired};exports.topicsPropTypes=topicsPropTypes;var topicsDefaultProps={style:null};exports.topicsDefaultProps=topicsDefaultProps;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.topicsDefaultProps = exports.topicsPropTypes = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var topicsPropTypes = {
13
+ onPress: _propTypes["default"].func,
14
+ style: _propTypes["default"].object,
15
+ topics: _propTypes["default"].arrayOf(_propTypes["default"].shape({
16
+ name: _propTypes["default"].string.isRequired,
17
+ slug: _propTypes["default"].string.isRequired
18
+ }).isRequired).isRequired
19
+ };
20
+ exports.topicsPropTypes = topicsPropTypes;
21
+ var topicsDefaultProps = {
22
+ style: null
23
+ };
24
+ exports.topicsDefaultProps = topicsDefaultProps;
@@ -1 +1,71 @@
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 _utils=require("@times-components/utils");var _context=_interopRequireDefault(require("@times-components/context"));var _tsStyleguide=require("@times-components/ts-styleguide");var _articleTopic=_interopRequireDefault(require("./article-topic"));var _styles=_interopRequireDefault(require("./styles"));var _articleTopicsPropTypes=require("./article-topics-prop-types");var _jsxFileName="/home/circleci/project/packages/article-topics/src/article-topics.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 renderArticleTopics=function renderArticleTopics(topics,onPress,fontStyle){return topics.map(function(_ref){var name=_ref.name,slug=_ref.slug;return _react.default.createElement(_articleTopic.default,{fontSize:fontStyle.fontSize,key:slug,lineHeight:fontStyle.lineHeight,name:name,onPress:onPress,slug:slug,__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:5}});});};var ArticleTopics=function ArticleTopics(_ref2){var onPress=_ref2.onPress,style=_ref2.style,topics=_ref2.topics;return _react.default.createElement(_context.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:3}},function(_ref3){var scale=_ref3.theme.scale;var themedStyleguide=(0,_tsStyleguide.styleguide)({scale:scale});var viewStyle=_objectSpread(_objectSpread({},_styles.default.topicGroup),{},{style:style});return _react.default.createElement(_utils.TcView,{style:viewStyle,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:9}},renderArticleTopics(topics,onPress,themedStyleguide.fontFactory({font:"supporting",fontSize:"link"})));});};ArticleTopics.propTypes=_articleTopicsPropTypes.topicsPropTypes;ArticleTopics.defaultProps=_articleTopicsPropTypes.topicsDefaultProps;var _default=ArticleTopics;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _utils = require("@times-components/utils");
11
+
12
+ var _context = _interopRequireDefault(require("@times-components/context"));
13
+
14
+ var _tsStyleguide = require("@times-components/ts-styleguide");
15
+
16
+ var _articleTopic = _interopRequireDefault(require("./article-topic"));
17
+
18
+ var _styles = _interopRequireDefault(require("./styles"));
19
+
20
+ var _articleTopicsPropTypes = require("./article-topics-prop-types");
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
+
24
+ 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; }
25
+
26
+ 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) { _defineProperty(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; }
27
+
28
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
+
30
+ var renderArticleTopics = function renderArticleTopics(topics, onPress, fontStyle) {
31
+ return topics.map(function (_ref) {
32
+ var name = _ref.name,
33
+ slug = _ref.slug;
34
+ return /*#__PURE__*/_react["default"].createElement(_articleTopic["default"], {
35
+ fontSize: fontStyle.fontSize,
36
+ key: slug,
37
+ lineHeight: fontStyle.lineHeight,
38
+ name: name,
39
+ onPress: onPress,
40
+ slug: slug
41
+ });
42
+ });
43
+ };
44
+
45
+ var ArticleTopics = function ArticleTopics(_ref2) {
46
+ var onPress = _ref2.onPress,
47
+ style = _ref2.style,
48
+ topics = _ref2.topics;
49
+ return /*#__PURE__*/_react["default"].createElement(_context["default"].Consumer, null, function (_ref3) {
50
+ var scale = _ref3.theme.scale;
51
+ var themedStyleguide = (0, _tsStyleguide.styleguide)({
52
+ scale: scale
53
+ });
54
+
55
+ var viewStyle = _objectSpread(_objectSpread({}, _styles["default"].topicGroup), {}, {
56
+ style: style
57
+ });
58
+
59
+ return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
60
+ style: viewStyle
61
+ }, renderArticleTopics(topics, onPress, themedStyleguide.fontFactory({
62
+ font: "supporting",
63
+ fontSize: "link"
64
+ })));
65
+ });
66
+ };
67
+
68
+ ArticleTopics.propTypes = _articleTopicsPropTypes.topicsPropTypes;
69
+ ArticleTopics.defaultProps = _articleTopicsPropTypes.topicsDefaultProps;
70
+ var _default = ArticleTopics;
71
+ exports["default"] = _default;
@@ -1 +1,26 @@
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 _shared=_interopRequireDefault(require("./shared"));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 styles=_objectSpread(_objectSpread({},_shared.default),{},{text:_objectSpread(_objectSpread({},_shared.default.text),{},{top:2})});var _default=styles;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _shared = _interopRequireDefault(require("./shared"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ 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; }
13
+
14
+ 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) { _defineProperty(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; }
15
+
16
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
+
18
+ var styles = _objectSpread(_objectSpread({}, _shared["default"]), {}, {
19
+ text: _objectSpread(_objectSpread({}, _shared["default"].text), {}, {
20
+ // Gill Sans hack
21
+ top: 2
22
+ })
23
+ });
24
+
25
+ var _default = styles;
26
+ exports["default"] = _default;
@@ -1 +1,47 @@
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 _tsStyleguide=require("@times-components/ts-styleguide");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 styles={container:{borderColor:_tsStyleguide.colours.functional.keyline,borderRadius:2,borderWidth:1,paddingBottom:(0,_tsStyleguide.spacing)(2),paddingLeft:(0,_tsStyleguide.spacing)(3),paddingRight:(0,_tsStyleguide.spacing)(3),paddingTop:(0,_tsStyleguide.spacing)(2)},spacer:{marginRight:(0,_tsStyleguide.spacing)(2),marginTop:(0,_tsStyleguide.spacing)(2),maxWidth:"80%"},text:_objectSpread(_objectSpread({color:_tsStyleguide.colours.functional.secondary},(0,_tsStyleguide.fontFactory)({font:"supporting",fontSize:"link"})),{},{position:"relative"}),topicGroup:{flexDirection:"row",flexWrap:"wrap",justifyContent:"center",marginBottom:(0,_tsStyleguide.spacing)(2)}};var _default=styles;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _tsStyleguide = require("@times-components/ts-styleguide");
9
+
10
+ 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; }
11
+
12
+ 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) { _defineProperty(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; }
13
+
14
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
+
16
+ var styles = {
17
+ container: {
18
+ borderColor: _tsStyleguide.colours.functional.keyline,
19
+ borderRadius: 2,
20
+ borderWidth: 1,
21
+ paddingBottom: (0, _tsStyleguide.spacing)(2),
22
+ paddingLeft: (0, _tsStyleguide.spacing)(3),
23
+ paddingRight: (0, _tsStyleguide.spacing)(3),
24
+ paddingTop: (0, _tsStyleguide.spacing)(2)
25
+ },
26
+ spacer: {
27
+ marginRight: (0, _tsStyleguide.spacing)(2),
28
+ marginTop: (0, _tsStyleguide.spacing)(2),
29
+ maxWidth: "80%"
30
+ },
31
+ text: _objectSpread(_objectSpread({
32
+ color: _tsStyleguide.colours.functional.secondary
33
+ }, (0, _tsStyleguide.fontFactory)({
34
+ font: "supporting",
35
+ fontSize: "link"
36
+ })), {}, {
37
+ position: "relative"
38
+ }),
39
+ topicGroup: {
40
+ flexDirection: "row",
41
+ flexWrap: "wrap",
42
+ justifyContent: "center",
43
+ marginBottom: (0, _tsStyleguide.spacing)(2)
44
+ }
45
+ };
46
+ var _default = styles;
47
+ exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/article-topics",
3
- "version": "4.5.12",
3
+ "version": "4.6.1",
4
4
  "description": "Map of Topics related to the Article",
5
5
  "main": "dist/article-topics",
6
6
  "dev": "src/article-topics",
@@ -33,10 +33,12 @@
33
33
  "homepage": "https://github.com/newsuk/times-components#readme",
34
34
  "devDependencies": {
35
35
  "@babel/core": "7.4.4",
36
+ "@babel/preset-env": "7.4.4",
37
+ "@babel/preset-react": "7.9.1",
36
38
  "@times-components/eslint-config-thetimes": "0.8.18",
37
- "@times-components/jest-configurator": "2.8.0",
38
- "@times-components/jest-serializer": "3.2.31",
39
- "@times-components/storybook": "4.3.1",
39
+ "@times-components/jest-configurator-web": "0.3.0",
40
+ "@times-components/jest-serializer": "3.3.0",
41
+ "@times-components/storybook": "4.4.0",
40
42
  "@times-components/test-utils": "2.3.10",
41
43
  "@times-components/webpack-configurator": "2.0.29",
42
44
  "babel-jest": "24.8.0",
@@ -55,11 +57,11 @@
55
57
  "webpack-cli": "3.3.1"
56
58
  },
57
59
  "dependencies": {
58
- "@times-components/context": "1.9.2",
59
- "@times-components/link": "3.10.10",
60
- "@times-components/tracking": "2.10.3",
61
- "@times-components/ts-styleguide": "1.36.7",
62
- "@times-components/utils": "6.14.2",
60
+ "@times-components/context": "1.9.3",
61
+ "@times-components/link": "3.10.11",
62
+ "@times-components/tracking": "2.11.0",
63
+ "@times-components/ts-styleguide": "1.36.8",
64
+ "@times-components/utils": "6.14.3",
63
65
  "prop-types": "15.7.2"
64
66
  },
65
67
  "resolutions": {
@@ -73,5 +75,5 @@
73
75
  "publishConfig": {
74
76
  "access": "public"
75
77
  },
76
- "gitHead": "358bc4e3a3e654126c6b3af629dd1c6f074cc0cd"
78
+ "gitHead": "14b5282c352e0fa684b129b1c934a7aef11ce39c"
77
79
  }
package/rnw.js CHANGED
@@ -1 +1 @@
1
- module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=8)}([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("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=n(r(12));function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var a=c(c({},i.default),{},{text:c(c({},i.default.text),{},{top:2})});t.default=a},function(e,t){e.exports=require("prop-types")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=n(r(2)),u=r(3),c=n(r(4)),a=r(5),l=n(r(9)),s=n(r(6)),f=r(14);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=function(e){var t=e.onPress,r=e.style,n=e.topics;return i.default.createElement(c.default.Consumer,null,(function(e){var o=e.theme.scale,c=(0,a.styleguide)({scale:o}),f=d(d({},s.default.topicGroup),{},{style:r});return i.default.createElement(u.TcView,{style:f},function(e,t,r){return e.map((function(e){var n=e.name,o=e.slug;return i.default.createElement(l.default,{fontSize:r.fontSize,key:o,lineHeight:r.lineHeight,name:n,onPress:t,slug:o})}))}(n,t,c.fontFactory({font:"supporting",fontSize:"link"})))}))};b.defaultProps=f.topicsDefaultProps;var y=b;t.default=y},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=n(r(2)),u=n(r(4)),c=r(3),a=n(r(10)),l=r(11),s=n(r(6));n(r(13));function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=(0,l.withTrackEvents)((function(e){var t=e.fontSize,r=e.lineHeight,n=e.name,o=e.onPress,l=e.slug,f=t?{fontSize:t}:null,d=r?p({},(0,c.checkStylesForUnits)({lineHeight:r})):null,b=p(p({},s.default.text),{},{fontSizeStyle:f},d);return i.default.createElement(u.default.Consumer,null,(function(e){var t=e.makeTopicUrl;return i.default.createElement(c.TcView,{style:s.default.spacer},i.default.createElement(a.default,{onPress:function(e){return o(e,{name:n,slug:l})},url:t({slug:l})},i.default.createElement(c.TcView,{style:s.default.container},i.default.createElement(c.TcText,{accessibilityComponentType:"button",accessibilityRole:"button",accessibilityTraits:"button",style:b},n))))}))}),{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function(e){return{name:e.name,slug:e.slug}},trackingName:"TopicLink"}]});t.default=d},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=r(5);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var a={container:{borderColor:i.colours.functional.keyline,borderRadius:2,borderWidth:1,paddingBottom:(0,i.spacing)(2),paddingLeft:(0,i.spacing)(3),paddingRight:(0,i.spacing)(3),paddingTop:(0,i.spacing)(2)},spacer:{marginRight:(0,i.spacing)(2),marginTop:(0,i.spacing)(2),maxWidth:"80%"},text:c(c({color:i.colours.functional.secondary},(0,i.fontFactory)({font:"supporting",fontSize:"link"})),{},{position:"relative"}),topicGroup:{flexDirection:"row",flexWrap:"wrap",justifyContent:"center",marginBottom:(0,i.spacing)(2)}};t.default=a},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(7)),i={fontSize:o.default.number,lineHeight:o.default.number,name:o.default.string.isRequired,onPress:o.default.func,slug:o.default.string.isRequired};t.default=i},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.topicsDefaultProps=t.topicsPropTypes=void 0;var o=n(r(7)),i={onPress:o.default.func,style:o.default.object,topics:o.default.arrayOf(o.default.shape({name:o.default.string.isRequired,slug:o.default.string.isRequired}).isRequired).isRequired};t.topicsPropTypes=i;t.topicsDefaultProps={style:null}}]);
1
+ module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=7)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(2),o=r.n(n),i=r(3),c=r(4),u=r.n(c),a=r(0),s=r(5),l=r.n(s),p=r(6);function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var y={container:{borderColor:a.colours.functional.keyline,borderRadius:2,borderWidth:1,paddingBottom:Object(a.spacing)(2),paddingLeft:Object(a.spacing)(3),paddingRight:Object(a.spacing)(3),paddingTop:Object(a.spacing)(2)},spacer:{marginRight:Object(a.spacing)(2),marginTop:Object(a.spacing)(2),maxWidth:"80%"},text:b(b({color:a.colours.functional.secondary},Object(a.fontFactory)({font:"supporting",fontSize:"link"})),{},{position:"relative"}),topicGroup:{flexDirection:"row",flexWrap:"wrap",justifyContent:"center",marginBottom:Object(a.spacing)(2)}};function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var d=j(j({},y),{},{text:j(j({},y.text),{},{top:2})}),P=r(1),v=r.n(P);v.a.number,v.a.number,v.a.string.isRequired,v.a.func,v.a.string.isRequired;function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){x(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var S=Object(p.withTrackEvents)((function(e){var t=e.fontSize,r=e.lineHeight,n=e.name,c=e.onPress,a=e.slug,s=t?{fontSize:t}:null,p=r?h({},Object(i.checkStylesForUnits)({lineHeight:r})):null,f=h(h({},d.text),{},{fontSizeStyle:s},p);return o.a.createElement(u.a.Consumer,null,(function(e){var t=e.makeTopicUrl;return o.a.createElement(i.TcView,{style:d.spacer},o.a.createElement(l.a,{onPress:function(e){return c(e,{name:n,slug:a})},url:t({slug:a})},o.a.createElement(i.TcView,{style:d.container},o.a.createElement(i.TcText,{accessibilityComponentType:"button",accessibilityRole:"button",accessibilityTraits:"button",style:f},n))))}))}),{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function(e){return{name:e.name,slug:e.slug}},trackingName:"TopicLink"}]});v.a.func,v.a.object,v.a.arrayOf(v.a.shape({name:v.a.string.isRequired,slug:v.a.string.isRequired}).isRequired).isRequired;function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){k(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var T=function(e){var t=e.onPress,r=e.style,n=e.topics;return o.a.createElement(u.a.Consumer,null,(function(e){var c=e.theme.scale,u=Object(a.styleguide)({scale:c}),s=D(D({},d.topicGroup),{},{style:r});return o.a.createElement(i.TcView,{style:s},function(e,t,r){return e.map((function(e){var n=e.name,i=e.slug;return o.a.createElement(S,{fontSize:r.fontSize,key:i,lineHeight:r.lineHeight,name:n,onPress:t,slug:i})}))}(n,t,u.fontFactory({font:"supporting",fontSize:"link"})))}))};T.defaultProps={style:null};t.default=T}]);