@times-components/caption 3.2.8 → 3.3.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,34 @@
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
+ ## [3.3.1](https://github.com/newsuk/times-components/compare/@times-components/caption@3.3.0...@times-components/caption@3.3.1) (2022-09-23)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **TDP-2487:** inline image special characters ([d9d2c22](https://github.com/newsuk/times-components/commit/d9d2c2256f86be3b951590135aac27c2b0ae0767))
12
+ * **TDP-2487:** inline image special characters re merging ([#3160](https://github.com/newsuk/times-components/issues/3160)) ([44c4c92](https://github.com/newsuk/times-components/commit/44c4c92dad8aeacd99a94eac7f60036919fa7d95))
13
+
14
+
15
+ ### Reverts
16
+
17
+ * Revert "fix(TDP-2487): inline image special characters" (#3159) ([7e54d2f](https://github.com/newsuk/times-components/commit/7e54d2fc7003b74b9050915e87eed1e09866ab40)), closes [#3159](https://github.com/newsuk/times-components/issues/3159)
18
+
19
+
20
+
21
+
22
+
23
+ # [3.3.0](https://github.com/newsuk/times-components/compare/@times-components/caption@3.2.8...@times-components/caption@3.3.0) (2022-08-18)
24
+
25
+
26
+ ### Features
27
+
28
+ * **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
29
+
30
+
31
+
32
+
33
+
6
34
  ## [3.2.8](https://github.com/newsuk/times-components/compare/@times-components/caption@3.2.7...@times-components/caption@3.2.8) (2022-08-12)
7
35
 
8
36
  **Note:** Version bump only for package @times-components/caption
package/babel.config.js CHANGED
@@ -2,6 +2,10 @@ module.exports = api => {
2
2
  api.cache(true);
3
3
  return {
4
4
  plugins: ["babel-plugin-styled-components"],
5
- presets: ["@babel/preset-env", "@babel/preset-react"]
5
+ presets: [
6
+ "@babel/preset-env",
7
+ "@babel/preset-react",
8
+ "@babel/preset-typescript"
9
+ ]
6
10
  };
7
11
  };
package/dist/caption.js CHANGED
@@ -13,6 +13,8 @@ exports["default"] = void 0;
13
13
 
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
 
16
+ var _xss = _interopRequireDefault(require("xss"));
17
+
16
18
  var _utils = require("@times-components/utils");
17
19
 
18
20
  var _captionPropTypes = require("./caption-prop-types");
@@ -34,9 +36,24 @@ var renderCredits = function renderCredits(style, credits) {
34
36
  return null;
35
37
  }
36
38
 
39
+ var sanitisedText = (0, _xss["default"])(credits.toUpperCase(), {
40
+ whiteList: {
41
+ p: [],
42
+ a: ["href"],
43
+ br: [],
44
+ img: [],
45
+ b: [],
46
+ strong: []
47
+ },
48
+ stripIgnoreTag: true,
49
+ stripIgnoreTagBody: ["script"]
50
+ });
37
51
  return /*#__PURE__*/_react["default"].createElement(_utils.TcText, {
38
- style: (0, _utils.checkStylesForUnits)(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _styles["default"].text), _styles["default"].credits), style.text), style.credits))
39
- }, credits.toUpperCase());
52
+ style: (0, _utils.checkStylesForUnits)(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _styles["default"].text), _styles["default"].credits), style.text), style.credits)),
53
+ dangerouslySetInnerHTML: {
54
+ __html: sanitisedText
55
+ }
56
+ });
40
57
  };
41
58
 
42
59
  var renderText = function renderText(style, text) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/caption",
3
- "version": "3.2.8",
3
+ "version": "3.3.1",
4
4
  "description": "Media caption component",
5
5
  "main": "dist/caption",
6
6
  "dev": "src/caption",
@@ -10,7 +10,7 @@
10
10
  "depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,react-art,webpack*' --ignore-bin-package=false --skip-missing",
11
11
  "lint": "eslint . && yarn prettier:diff && yarn depcheck",
12
12
  "watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
13
- "test:web": "jest --config='./__tests__/web/jest.config.js'",
13
+ "test:web": "jest --config='./__tests__/jest.config.js'",
14
14
  "prepublishOnly": "yarn transpile && yarn bundle",
15
15
  "cleanup-dist": "rm -rf dist",
16
16
  "transpile": "yarn cleanup-dist && babel src -d dist",
@@ -31,34 +31,29 @@
31
31
  },
32
32
  "homepage": "https://github.com/newsuk/times-components#readme",
33
33
  "dependencies": {
34
- "@times-components/ts-styleguide": "1.36.9",
35
- "@times-components/utils": "6.14.4",
36
- "prop-types": "15.7.2"
34
+ "@times-components/ts-styleguide": "1.37.0",
35
+ "@times-components/utils": "6.15.0",
36
+ "prop-types": "15.7.2",
37
+ "xss": "^1.0.10"
37
38
  },
38
39
  "devDependencies": {
39
40
  "@babel/core": "7.4.4",
40
- "@babel/preset-env": "7.4.4",
41
- "@babel/preset-react": "7.9.1",
42
41
  "@times-components/eslint-config-thetimes": "0.8.18",
43
- "@times-components/jest-configurator-web": "0.7.2",
44
- "@times-components/jest-serializer": "3.3.1",
45
- "@times-components/storybook": "4.4.1",
46
- "@times-components/test-utils": "2.3.11",
47
- "@times-components/webpack-configurator": "2.0.30",
42
+ "@times-components/jest-configurator-web": "0.8.0",
43
+ "@times-components/jest-serializer": "3.4.0",
44
+ "@times-components/storybook": "4.5.0",
45
+ "@times-components/test-utils": "2.4.0",
46
+ "@times-components/webpack-configurator": "2.1.0",
48
47
  "babel-jest": "24.8.0",
49
48
  "babel-loader": "8.0.5",
50
- "babel-plugin-add-react-displayname": "0.0.5",
51
- "babel-plugin-styled-components": "1.10.6",
52
49
  "depcheck": "0.6.9",
53
50
  "eslint": "5.9.0",
54
51
  "jest": "24.8.0",
55
52
  "prettier": "1.14.3",
56
53
  "react": "16.9.0",
57
- "react-art": "16.6.3",
58
54
  "react-dom": "16.9.0",
59
55
  "react-test-renderer": "16.9.0",
60
- "webpack": "4.30.0",
61
- "webpack-cli": "3.3.1"
56
+ "webpack": "4.30.0"
62
57
  },
63
58
  "resolutions": {
64
59
  "react": "16.9.0",
@@ -71,5 +66,5 @@
71
66
  "publishConfig": {
72
67
  "access": "public"
73
68
  },
74
- "gitHead": "f37310e0d39cd113effc489b6849482897bf5134"
69
+ "gitHead": "d800838f55d33f742a1b7595fa7868ab4896f354"
75
70
  }
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=4)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),c=r(2),i=r(3),u=r.n(i),l=u.a.string.style,a=u.a.object.style,p=(u.a.element,u.a.string,u.a.shape({container:a,text:l}),u.a.string,{children:null,credits:"",style:{},text:""}),s=r(0);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,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var O={container:{paddingTop:Object(s.spacing)(2)},credits:{color:s.colours.functional.primary,fontSize:s.fontSizes.credits,fontWeight:"400",letterSpacing:1,lineHeight:16},text:function(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){b(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}({color:s.colours.functional.secondary},Object(s.fontFactory)({font:"supporting",fontSize:"caption"}))};function y(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?y(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var g=j(j({},O),{},{credits:j(j({},O.credits),{},{lineHeight:17}),text:j(j({},O.text),{},{lineHeight:17})});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 v(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){m(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}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 w=function(e){var t=e.children,r=e.credits,n=e.style,c=e.text;return o.a.createElement(T,{credits:r,style:v(v({},n),{},{text:v(v({},n.text),{},{paddingHorizontal:Object(s.spacing)(2),textAlign:"center"})}),text:c},t)};w.defaultProps=p;var h=w;function x(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 S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.d(t,"CentredCaption",(function(){return h}));var E=function(e){var t=e.children,r=e.credits,n=e.style,i=e.text;return o.a.createElement(c.TcView,null,t,o.a.createElement(c.TcView,{style:S(S({},g.container),n.container)},function(e,t){return t&&""!==t?o.a.createElement(c.TcText,{style:Object(c.checkStylesForUnits)(S(S(S({},g.text),e.text),e.caption))},t):null}(n,i),function(e,t){return t&&""!==t?o.a.createElement(c.TcText,{style:Object(c.checkStylesForUnits)(S(S(S(S({},g.text),g.credits),e.text),e.credits))},t.toUpperCase()):null}(n,r)))};E.defaultProps=p;var T=t.default=E}]);
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=5)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("xss")},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),c=r(4),i=r.n(c),u=r(2),a=r(3),l=r.n(a),s=l.a.string.style,p=l.a.object.style,f=(l.a.element,l.a.string,l.a.shape({container:p,text:s}),l.a.string,{children:null,credits:"",style:{},text:""}),b=r(0);function O(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 y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var j={container:{paddingTop:Object(b.spacing)(2)},credits:{color:b.colours.functional.primary,fontSize:b.fontSizes.credits,fontWeight:"400",letterSpacing:1,lineHeight:16},text:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({color:b.colours.functional.secondary},Object(b.fontFactory)({font:"supporting",fontSize:"caption"}))};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 d(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){P(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 P(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var v=d(d({},j),{},{credits:d(d({},j.credits),{},{lineHeight:17}),text:d(d({},j.text),{},{lineHeight:17})});function m(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 w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var x=function(e){var t=e.children,r=e.credits,n=e.style,c=e.text;return o.a.createElement(k,{credits:r,style:w(w({},n),{},{text:w(w({},n.text),{},{paddingHorizontal:Object(b.spacing)(2),textAlign:"center"})}),text:c},t)};x.defaultProps=f;var S=x;function D(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 E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){T(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function T(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.d(t,"CentredCaption",(function(){return S}));var _=function(e){var t=e.children,r=e.credits,n=e.style,c=e.text;return o.a.createElement(u.TcView,null,t,o.a.createElement(u.TcView,{style:E(E({},v.container),n.container)},function(e,t){return t&&""!==t?o.a.createElement(u.TcText,{style:Object(u.checkStylesForUnits)(E(E(E({},v.text),e.text),e.caption))},t):null}(n,c),function(e,t){if(!t||""===t)return null;var r=i()(t.toUpperCase(),{whiteList:{p:[],a:["href"],br:[],img:[],b:[],strong:[]},stripIgnoreTag:!0,stripIgnoreTagBody:["script"]});return o.a.createElement(u.TcText,{style:Object(u.checkStylesForUnits)(E(E(E(E({},v.text),v.credits),e.text),e.credits)),dangerouslySetInnerHTML:{__html:r}})}(n,r)))};_.defaultProps=f;var k=t.default=_}]);