@times-components/article-image 7.10.7 → 7.11.0
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 +27 -0
- package/babel.config.js +2 -5
- package/dist/article-image-prop-types.js +35 -1
- package/dist/article-image.base.js +154 -1
- package/dist/article-image.js +13 -1
- package/dist/fullwidth-caption-prop-types.js +22 -1
- package/dist/fullwidth-caption.js +25 -1
- package/dist/inline-image.js +87 -1
- package/dist/inset-caption-prop-types.js +36 -1
- package/dist/inset-caption.js +29 -1
- package/dist/inset-centered-caption.js +27 -1
- package/dist/styles/index.js +84 -1
- package/dist/styles/responsive.js +37 -1
- package/package.json +13 -11
- package/rnw.js +1 -1
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
|
+
# [7.11.0](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.10.9...@times-components/article-image@7.11.0) (2022-07-20)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TDP-1712:** change jest config 01 ([#3038](https://github.com/newsuk/times-components/issues/3038)) ([a06acac](https://github.com/newsuk/times-components/commit/a06acac0a2a5812787ddd856a5a78faf000d224a))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [7.10.9](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.10.8...@times-components/article-image@7.10.9) (2022-07-19)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @times-components/article-image
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [7.10.8](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.10.7...@times-components/article-image@7.10.8) (2022-07-19)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @times-components/article-image
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## [7.10.7](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.10.6...@times-components/article-image@7.10.7) (2022-07-18)
|
|
7
34
|
|
|
8
35
|
**Note:** Version bump only for package @times-components/article-image
|
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
|
-
|
|
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,35 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultPropTypes = exports.propTypes = 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 propTypes = {
|
|
13
|
+
captionOptions: _propTypes["default"].shape({
|
|
14
|
+
caption: _propTypes["default"].string,
|
|
15
|
+
credits: _propTypes["default"].string
|
|
16
|
+
}),
|
|
17
|
+
imageOptions: _propTypes["default"].shape({
|
|
18
|
+
display: _propTypes["default"].oneOf(["primary", "secondary", "inline", "fullwidth"]),
|
|
19
|
+
highResSize: _propTypes["default"].number,
|
|
20
|
+
lowResQuality: _propTypes["default"].number,
|
|
21
|
+
lowResSize: _propTypes["default"].number,
|
|
22
|
+
ratio: _propTypes["default"].string,
|
|
23
|
+
uri: _propTypes["default"].string.isRequired
|
|
24
|
+
}).isRequired,
|
|
25
|
+
onImagePress: _propTypes["default"].func
|
|
26
|
+
};
|
|
27
|
+
exports.propTypes = propTypes;
|
|
28
|
+
var defaultPropTypes = {
|
|
29
|
+
captionOptions: {
|
|
30
|
+
caption: null,
|
|
31
|
+
credits: null
|
|
32
|
+
},
|
|
33
|
+
onImagePress: null
|
|
34
|
+
};
|
|
35
|
+
exports.defaultPropTypes = defaultPropTypes;
|
|
@@ -1 +1,154 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
var _caption = _interopRequireDefault(require("@times-components/caption"));
|
|
15
|
+
|
|
16
|
+
var _context = _interopRequireDefault(require("@times-components/context"));
|
|
17
|
+
|
|
18
|
+
var _image = require("@times-components/image");
|
|
19
|
+
|
|
20
|
+
var _insetCaption = _interopRequireDefault(require("./inset-caption"));
|
|
21
|
+
|
|
22
|
+
var _inlineImage = _interopRequireDefault(require("./inline-image"));
|
|
23
|
+
|
|
24
|
+
var _fullwidthCaption = _interopRequireDefault(require("./fullwidth-caption"));
|
|
25
|
+
|
|
26
|
+
var _articleImagePropTypes = require("./article-image-prop-types");
|
|
27
|
+
|
|
28
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
29
|
+
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
|
+
|
|
32
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
+
|
|
34
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
+
|
|
36
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
37
|
+
|
|
38
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
39
|
+
|
|
40
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
41
|
+
|
|
42
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
43
|
+
|
|
44
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
45
|
+
|
|
46
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
47
|
+
|
|
48
|
+
var captionStyle = {
|
|
49
|
+
secondary: {
|
|
50
|
+
container: {
|
|
51
|
+
paddingTop: 0
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
function getCaptionComponent(display) {
|
|
57
|
+
if (display === "primary") {
|
|
58
|
+
return _insetCaption["default"];
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
if (display === "fullwidth") {
|
|
62
|
+
return _fullwidthCaption["default"];
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
return _caption["default"];
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
var renderCaption = function renderCaption(caption, credits, display, theme) {
|
|
69
|
+
var CaptionComponent = getCaptionComponent(display, theme);
|
|
70
|
+
|
|
71
|
+
if (!caption && !credits) {
|
|
72
|
+
return null;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
var captionComponent = /*#__PURE__*/_react["default"].createElement(CaptionComponent, {
|
|
76
|
+
credits: credits,
|
|
77
|
+
style: captionStyle[display],
|
|
78
|
+
text: caption
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
return display === "fullwidth" ? captionComponent : /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
|
|
82
|
+
style: _styles["default"]["".concat(display, "Caption")]
|
|
83
|
+
}, captionComponent);
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
var ArticleImage = function ArticleImage(_ref) {
|
|
87
|
+
var imageOptions = _ref.imageOptions,
|
|
88
|
+
captionOptions = _ref.captionOptions,
|
|
89
|
+
onImagePress = _ref.onImagePress,
|
|
90
|
+
images = _ref.images;
|
|
91
|
+
var display = imageOptions.display,
|
|
92
|
+
highResSize = imageOptions.highResSize,
|
|
93
|
+
index = imageOptions.index,
|
|
94
|
+
lowResQuality = imageOptions.lowResQuality,
|
|
95
|
+
lowResSize = imageOptions.lowResSize,
|
|
96
|
+
ratio = imageOptions.ratio,
|
|
97
|
+
uri = imageOptions.uri,
|
|
98
|
+
relativeHeight = imageOptions.relativeHeight,
|
|
99
|
+
relativeWidth = imageOptions.relativeWidth,
|
|
100
|
+
relativeHorizontalOffset = imageOptions.relativeHorizontalOffset,
|
|
101
|
+
relativeVerticalOffset = imageOptions.relativeVerticalOffset;
|
|
102
|
+
var caption = captionOptions.caption,
|
|
103
|
+
credits = captionOptions.credits;
|
|
104
|
+
|
|
105
|
+
if (display === "inline") {
|
|
106
|
+
return /*#__PURE__*/_react["default"].createElement(_inlineImage["default"], {
|
|
107
|
+
captionOptions: captionOptions,
|
|
108
|
+
imageOptions: imageOptions,
|
|
109
|
+
onImagePress: onImagePress
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
var renderedCaption = /*#__PURE__*/_react["default"].createElement(_context["default"].Consumer, null, function (_ref2) {
|
|
114
|
+
var theme = _ref2.theme;
|
|
115
|
+
return renderCaption(caption, credits, display, theme);
|
|
116
|
+
});
|
|
117
|
+
|
|
118
|
+
if (!display || !ratio) {
|
|
119
|
+
return renderedCaption;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
var _ratio$split = ratio.split(":"),
|
|
123
|
+
_ratio$split2 = _slicedToArray(_ratio$split, 2),
|
|
124
|
+
ratioWidth = _ratio$split2[0],
|
|
125
|
+
ratioHeight = _ratio$split2[1];
|
|
126
|
+
|
|
127
|
+
var aspectRatio = ratioWidth / ratioHeight;
|
|
128
|
+
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
|
|
129
|
+
style: _styles["default"]["".concat(display, "Image")]
|
|
130
|
+
}, /*#__PURE__*/_react["default"].createElement(_image.ModalImage, {
|
|
131
|
+
accessibilityLabel: caption,
|
|
132
|
+
aspectRatio: aspectRatio,
|
|
133
|
+
caption: /*#__PURE__*/_react["default"].createElement(_caption["default"], {
|
|
134
|
+
credits: credits,
|
|
135
|
+
text: caption
|
|
136
|
+
}),
|
|
137
|
+
highResSize: highResSize,
|
|
138
|
+
index: index,
|
|
139
|
+
images: images,
|
|
140
|
+
lowResSize: lowResSize,
|
|
141
|
+
lowResQuality: lowResQuality,
|
|
142
|
+
onImagePress: onImagePress,
|
|
143
|
+
uri: uri,
|
|
144
|
+
relativeWidth: relativeWidth,
|
|
145
|
+
relativeHeight: relativeHeight,
|
|
146
|
+
relativeHorizontalOffset: relativeHorizontalOffset,
|
|
147
|
+
relativeVerticalOffset: relativeVerticalOffset
|
|
148
|
+
})), renderedCaption);
|
|
149
|
+
};
|
|
150
|
+
|
|
151
|
+
ArticleImage.propTypes = _articleImagePropTypes.propTypes;
|
|
152
|
+
ArticleImage.defaultProps = _articleImagePropTypes.defaultPropTypes;
|
|
153
|
+
var _default = ArticleImage;
|
|
154
|
+
exports["default"] = _default;
|
package/dist/article-image.js
CHANGED
|
@@ -1 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _articleImage = _interopRequireDefault(require("./article-image.base"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = _articleImage["default"];
|
|
13
|
+
exports["default"] = _default;
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultProps = exports.propTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _caption = require("@times-components/caption");
|
|
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 propTypes = _objectSpread({}, _caption.propTypes);
|
|
17
|
+
|
|
18
|
+
exports.propTypes = propTypes;
|
|
19
|
+
|
|
20
|
+
var defaultProps = _objectSpread({}, _caption.defaultProps);
|
|
21
|
+
|
|
22
|
+
exports.defaultProps = defaultProps;
|
|
@@ -1 +1,25 @@
|
|
|
1
|
-
|
|
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 _caption = _interopRequireDefault(require("@times-components/caption"));
|
|
11
|
+
|
|
12
|
+
var _fullwidthCaptionPropTypes = require("./fullwidth-caption-prop-types");
|
|
13
|
+
|
|
14
|
+
var _responsive = require("./styles/responsive");
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
18
|
+
var FullWidthCaptionWeb = function FullWidthCaptionWeb(props) {
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement(_responsive.FullWidthCaptionContainer, null, /*#__PURE__*/_react["default"].createElement(_caption["default"], props));
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
FullWidthCaptionWeb.propTypes = _fullwidthCaptionPropTypes.propTypes;
|
|
23
|
+
FullWidthCaptionWeb.defaultProps = _fullwidthCaptionPropTypes.defaultProps;
|
|
24
|
+
var _default = FullWidthCaptionWeb;
|
|
25
|
+
exports["default"] = _default;
|
package/dist/inline-image.js
CHANGED
|
@@ -1 +1,87 @@
|
|
|
1
|
-
|
|
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 _caption = _interopRequireDefault(require("@times-components/caption"));
|
|
11
|
+
|
|
12
|
+
var _image = _interopRequireDefault(require("@times-components/image"));
|
|
13
|
+
|
|
14
|
+
var _articleImagePropTypes = require("./article-image-prop-types");
|
|
15
|
+
|
|
16
|
+
var _responsive = require("./styles/responsive");
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
20
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
21
|
+
|
|
22
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
+
|
|
24
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
25
|
+
|
|
26
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
27
|
+
|
|
28
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
29
|
+
|
|
30
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
|
+
|
|
32
|
+
var renderCaption = function renderCaption(display, caption, credits) {
|
|
33
|
+
if (!caption && !credits) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
return /*#__PURE__*/_react["default"].createElement(_responsive.InsetCaptionContainerStyle, {
|
|
38
|
+
key: "caption"
|
|
39
|
+
}, /*#__PURE__*/_react["default"].createElement("figcaption", null, /*#__PURE__*/_react["default"].createElement(_caption["default"], {
|
|
40
|
+
credits: credits,
|
|
41
|
+
text: caption
|
|
42
|
+
})));
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
var InlineImage = function InlineImage(_ref) {
|
|
46
|
+
var imageOptions = _ref.imageOptions,
|
|
47
|
+
captionOptions = _ref.captionOptions;
|
|
48
|
+
var display = imageOptions.display,
|
|
49
|
+
highResSize = imageOptions.highResSize,
|
|
50
|
+
lowResSize = imageOptions.lowResSize,
|
|
51
|
+
lowResQuality = imageOptions.lowResQuality,
|
|
52
|
+
ratio = imageOptions.ratio,
|
|
53
|
+
uri = imageOptions.uri;
|
|
54
|
+
var caption = captionOptions.caption,
|
|
55
|
+
credits = captionOptions.credits;
|
|
56
|
+
var imgCaption = renderCaption(display, caption, credits);
|
|
57
|
+
|
|
58
|
+
if (!display || !ratio) {
|
|
59
|
+
return imgCaption;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
var _ratio$split = ratio.split(":"),
|
|
63
|
+
_ratio$split2 = _slicedToArray(_ratio$split, 2),
|
|
64
|
+
ratioWidth = _ratio$split2[0],
|
|
65
|
+
ratioHeight = _ratio$split2[1];
|
|
66
|
+
|
|
67
|
+
var aspectRatio = ratioWidth / ratioHeight;
|
|
68
|
+
return /*#__PURE__*/_react["default"].createElement("figure", {
|
|
69
|
+
style: {
|
|
70
|
+
margin: 0
|
|
71
|
+
}
|
|
72
|
+
}, /*#__PURE__*/_react["default"].createElement(_responsive.InsetImageStyle, {
|
|
73
|
+
key: "img"
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
75
|
+
accessibilityLabel: caption,
|
|
76
|
+
aspectRatio: aspectRatio,
|
|
77
|
+
highResSize: highResSize,
|
|
78
|
+
lowResSize: lowResSize,
|
|
79
|
+
lowResQuality: lowResQuality,
|
|
80
|
+
uri: uri
|
|
81
|
+
})), imgCaption);
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
InlineImage.propTypes = _articleImagePropTypes.propTypes;
|
|
85
|
+
InlineImage.defaultProps = _articleImagePropTypes.defaultPropTypes;
|
|
86
|
+
var _default = InlineImage;
|
|
87
|
+
exports["default"] = _default;
|
|
@@ -1 +1,36 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.defaultProps = exports.propTypes = void 0;
|
|
9
|
+
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
12
|
+
var _caption = _interopRequireWildcard(require("@times-components/caption"));
|
|
13
|
+
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
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; }
|
|
23
|
+
|
|
24
|
+
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; }
|
|
25
|
+
|
|
26
|
+
var propTypes = _objectSpread(_objectSpread({}, _caption.propTypes), {}, {
|
|
27
|
+
CaptionComponent: _propTypes["default"].func.isRequired
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
exports.propTypes = propTypes;
|
|
31
|
+
|
|
32
|
+
var defaultProps = _objectSpread(_objectSpread({}, _caption.defaultProps), {}, {
|
|
33
|
+
CaptionComponent: _caption["default"]
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
exports.defaultProps = defaultProps;
|
package/dist/inset-caption.js
CHANGED
|
@@ -1 +1,29 @@
|
|
|
1
|
-
|
|
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 _insetCaptionPropTypes = require("./inset-caption-prop-types");
|
|
11
|
+
|
|
12
|
+
var _responsive = require("./styles/responsive");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
var InsetCaptionWeb = function InsetCaptionWeb(_ref) {
|
|
17
|
+
var text = _ref.text,
|
|
18
|
+
credits = _ref.credits,
|
|
19
|
+
CaptionComponent = _ref.CaptionComponent;
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement(_responsive.InsetCaptionStyle, null, /*#__PURE__*/_react["default"].createElement(CaptionComponent, {
|
|
21
|
+
credits: credits,
|
|
22
|
+
text: text
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
InsetCaptionWeb.propTypes = _insetCaptionPropTypes.propTypes;
|
|
27
|
+
InsetCaptionWeb.defaultProps = _insetCaptionPropTypes.defaultProps;
|
|
28
|
+
var _default = InsetCaptionWeb;
|
|
29
|
+
exports["default"] = _default;
|
|
@@ -1 +1,27 @@
|
|
|
1
|
-
|
|
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 _caption = require("@times-components/caption");
|
|
11
|
+
|
|
12
|
+
var _insetCaption = _interopRequireDefault(require("./inset-caption"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var InsetCenteredCaption = function InsetCenteredCaption(props) {
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement(_insetCaption["default"], _extends({}, props, {
|
|
20
|
+
CaptionComponent: _caption.CentredCaption
|
|
21
|
+
}));
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
InsetCenteredCaption.propTypes = _caption.propTypes;
|
|
25
|
+
InsetCenteredCaption.defaultProps = _caption.defaultProps;
|
|
26
|
+
var _default = InsetCenteredCaption;
|
|
27
|
+
exports["default"] = _default;
|
package/dist/styles/index.js
CHANGED
|
@@ -1 +1,84 @@
|
|
|
1
|
-
|
|
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 containerShared = {
|
|
17
|
+
alignSelf: "center",
|
|
18
|
+
width: _tsStyleguide.tabletWidth - _tsStyleguide.tabletRowPadding
|
|
19
|
+
};
|
|
20
|
+
var styles = {
|
|
21
|
+
container: {
|
|
22
|
+
paddingTop: 0
|
|
23
|
+
},
|
|
24
|
+
fullwidthCaption: {
|
|
25
|
+
alignSelf: "center",
|
|
26
|
+
maxWidth: _tsStyleguide.tabletWidth - _tsStyleguide.tabletRowPadding
|
|
27
|
+
},
|
|
28
|
+
fullwidthContainer: {
|
|
29
|
+
marginBottom: (0, _tsStyleguide.spacing)(2),
|
|
30
|
+
marginHorizontal: "auto",
|
|
31
|
+
maxWidth: _tsStyleguide.tabletWidthMax
|
|
32
|
+
},
|
|
33
|
+
inlineCaption: {
|
|
34
|
+
paddingLeft: (0, _tsStyleguide.spacing)(2),
|
|
35
|
+
paddingTop: 0
|
|
36
|
+
},
|
|
37
|
+
inlineContainer: {
|
|
38
|
+
flexDirection: "row",
|
|
39
|
+
flexWrap: "nowrap",
|
|
40
|
+
paddingBottom: (0, _tsStyleguide.spacing)(5),
|
|
41
|
+
paddingLeft: (0, _tsStyleguide.spacing)(2),
|
|
42
|
+
paddingRight: (0, _tsStyleguide.spacing)(2),
|
|
43
|
+
width: "100%"
|
|
44
|
+
},
|
|
45
|
+
inlineContainerTablet: _objectSpread(_objectSpread({}, containerShared), {}, {
|
|
46
|
+
flexDirection: "column",
|
|
47
|
+
marginTop: 0,
|
|
48
|
+
paddingBottom: 0,
|
|
49
|
+
paddingLeft: (0, _tsStyleguide.spacing)(0),
|
|
50
|
+
paddingTop: 0,
|
|
51
|
+
width: "100%"
|
|
52
|
+
}),
|
|
53
|
+
inlineImage: {
|
|
54
|
+
width: "100%"
|
|
55
|
+
},
|
|
56
|
+
primaryContainer: {
|
|
57
|
+
flexDirection: "column",
|
|
58
|
+
paddingBottom: (0, _tsStyleguide.spacing)(3),
|
|
59
|
+
width: "100%"
|
|
60
|
+
},
|
|
61
|
+
primaryContainerTablet: _objectSpread({}, containerShared),
|
|
62
|
+
secondaryCaption: {
|
|
63
|
+
paddingLeft: (0, _tsStyleguide.spacing)(2),
|
|
64
|
+
paddingTop: 0,
|
|
65
|
+
width: "50%"
|
|
66
|
+
},
|
|
67
|
+
secondaryContainer: {
|
|
68
|
+
flexDirection: "row",
|
|
69
|
+
flexWrap: "nowrap",
|
|
70
|
+
paddingBottom: (0, _tsStyleguide.spacing)(4),
|
|
71
|
+
paddingLeft: (0, _tsStyleguide.spacing)(2),
|
|
72
|
+
paddingRight: (0, _tsStyleguide.spacing)(2),
|
|
73
|
+
width: "100%"
|
|
74
|
+
},
|
|
75
|
+
secondaryContainerTablet: _objectSpread(_objectSpread({}, containerShared), {}, {
|
|
76
|
+
paddingLeft: (0, _tsStyleguide.spacing)(0),
|
|
77
|
+
paddingRight: (0, _tsStyleguide.spacing)(0)
|
|
78
|
+
}),
|
|
79
|
+
secondaryImage: {
|
|
80
|
+
width: "50%"
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
var _default = styles;
|
|
84
|
+
exports["default"] = _default;
|
|
@@ -1 +1,37 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FullWidthCaptionContainer = exports.InsetCaptionStyle = exports.InsetImageStyle = exports.InsetCaptionContainerStyle = void 0;
|
|
7
|
+
|
|
8
|
+
var _utils = require("@times-components/utils");
|
|
9
|
+
|
|
10
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
+
|
|
12
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
var InsetCaptionContainerStyle = (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
17
|
+
displayName: "responsive__InsetCaptionContainerStyle",
|
|
18
|
+
componentId: "sc-1io40fc-0"
|
|
19
|
+
})(["display:inline-block;margin-top:", ";padding-bottom:", ";padding-left:", ";padding-right:", ";padding-top:0;vertical-align:top;width:50%;@media (min-width:", "px){clear:left;float:left;margin-top:0px;padding-bottom:", ";padding-left:0px;padding-top:0px;padding-right:", ";width:30%;}@media (min-width:", "px){padding-left:0px;width:35.71429%;}"], (0, _tsStyleguide.spacing)(-2), (0, _tsStyleguide.spacing)(4), (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(4), (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.wide);
|
|
20
|
+
exports.InsetCaptionContainerStyle = InsetCaptionContainerStyle;
|
|
21
|
+
var InsetImageStyle = (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
22
|
+
displayName: "responsive__InsetImageStyle",
|
|
23
|
+
componentId: "sc-1io40fc-1"
|
|
24
|
+
})(["display:inline-block;padding-bottom:", ";vertical-align:top;width:50%;@media (min-width:", "px){clear:left;float:left;padding-bottom:0px;padding-top:", ";padding-right:", ";width:30%;}@media (min-width:", "px){clear:left;width:35.71429%;}"], (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(1), (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.wide);
|
|
25
|
+
exports.InsetImageStyle = InsetImageStyle;
|
|
26
|
+
var InsetCaptionStyle = (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
27
|
+
displayName: "responsive__InsetCaptionStyle",
|
|
28
|
+
componentId: "sc-1io40fc-2"
|
|
29
|
+
})(["padding-left:", ";@media (min-width:", "px){padding-left:0px;}"], (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium);
|
|
30
|
+
exports.InsetCaptionStyle = InsetCaptionStyle;
|
|
31
|
+
|
|
32
|
+
var FullWidthCaptionContainer = _styledComponents["default"].div.withConfig({
|
|
33
|
+
displayName: "responsive__FullWidthCaptionContainer",
|
|
34
|
+
componentId: "sc-1io40fc-3"
|
|
35
|
+
})(["padding-left:", ";padding-right:", ";margin:auto;text-align:center;@media (min-width:", "px){padding-left:0px;padding-right:0px;width:80.8%;}@media (min-width:", "px){width:56.2%;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
|
|
36
|
+
|
|
37
|
+
exports.FullWidthCaptionContainer = FullWidthCaptionContainer;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/article-image",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.11.0",
|
|
4
4
|
"description": "Article Image",
|
|
5
5
|
"main": "dist/article-image",
|
|
6
6
|
"dev": "src/article-image",
|
|
@@ -32,10 +32,12 @@
|
|
|
32
32
|
"homepage": "https://github.com/newsuk/times-components#readme",
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/core": "7.4.4",
|
|
35
|
+
"@babel/preset-env": "7.4.4",
|
|
36
|
+
"@babel/preset-react": "7.9.1",
|
|
35
37
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
36
|
-
"@times-components/jest-configurator": "2.
|
|
37
|
-
"@times-components/jest-serializer": "3.
|
|
38
|
-
"@times-components/storybook": "4.
|
|
38
|
+
"@times-components/jest-configurator-web": "0.2.0",
|
|
39
|
+
"@times-components/jest-serializer": "3.3.0",
|
|
40
|
+
"@times-components/storybook": "4.4.0",
|
|
39
41
|
"@times-components/test-utils": "2.3.10",
|
|
40
42
|
"@times-components/webpack-configurator": "2.0.29",
|
|
41
43
|
"babel-jest": "24.8.0",
|
|
@@ -59,12 +61,12 @@
|
|
|
59
61
|
"webpack-cli": "3.3.1"
|
|
60
62
|
},
|
|
61
63
|
"dependencies": {
|
|
62
|
-
"@times-components/caption": "3.
|
|
63
|
-
"@times-components/context": "1.9.
|
|
64
|
-
"@times-components/image": "6.12.
|
|
65
|
-
"@times-components/responsive": "0.13.
|
|
66
|
-
"@times-components/ts-styleguide": "1.36.
|
|
67
|
-
"@times-components/utils": "6.14.
|
|
64
|
+
"@times-components/caption": "3.2.0",
|
|
65
|
+
"@times-components/context": "1.9.3",
|
|
66
|
+
"@times-components/image": "6.12.7",
|
|
67
|
+
"@times-components/responsive": "0.13.2",
|
|
68
|
+
"@times-components/ts-styleguide": "1.36.8",
|
|
69
|
+
"@times-components/utils": "6.14.3",
|
|
68
70
|
"prop-types": "15.7.2",
|
|
69
71
|
"styled-components": "4.3.2"
|
|
70
72
|
},
|
|
@@ -79,5 +81,5 @@
|
|
|
79
81
|
"publishConfig": {
|
|
80
82
|
"access": "public"
|
|
81
83
|
},
|
|
82
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "6b76eb20d30ad851e2d80acfff1d964d81e3722e"
|
|
83
85
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.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 i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));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=11)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.FullWidthCaptionContainer=t.InsetCaptionStyle=t.InsetImageStyle=t.InsetCaptionContainerStyle=void 0;var i=n(6),a=r(n(16)),o=n(9),l=(0,a.default)(i.TcView).withConfig({displayName:"responsive__InsetCaptionContainerStyle",componentId:"sc-1io40fc-0"})(["display:inline-block;margin-top:",";padding-bottom:",";padding-left:",";padding-right:",";padding-top:0;vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;margin-top:0px;padding-bottom:",";padding-left:0px;padding-top:0px;padding-right:",";width:30%;}@media (min-width:","px){padding-left:0px;width:35.71429%;}"],(0,o.spacing)(-2),(0,o.spacing)(4),(0,o.spacing)(2),(0,o.spacing)(2),o.breakpoints.medium,(0,o.spacing)(4),(0,o.spacing)(4),o.breakpoints.wide);t.InsetCaptionContainerStyle=l;var p=(0,a.default)(i.TcView).withConfig({displayName:"responsive__InsetImageStyle",componentId:"sc-1io40fc-1"})(["display:inline-block;padding-bottom:",";vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;padding-bottom:0px;padding-top:",";padding-right:",";width:30%;}@media (min-width:","px){clear:left;width:35.71429%;}"],(0,o.spacing)(4),o.breakpoints.medium,(0,o.spacing)(1),(0,o.spacing)(4),o.breakpoints.wide);t.InsetImageStyle=p;var d=(0,a.default)(i.TcView).withConfig({displayName:"responsive__InsetCaptionStyle",componentId:"sc-1io40fc-2"})(["padding-left:",";@media (min-width:","px){padding-left:0px;}"],(0,o.spacing)(2),o.breakpoints.medium);t.InsetCaptionStyle=d;var u=a.default.div.withConfig({displayName:"responsive__FullWidthCaptionContainer",componentId:"sc-1io40fc-3"})(["padding-left:",";padding-right:",";margin:auto;text-align:center;@media (min-width:","px){padding-left:0px;padding-right:0px;width:80.8%;}@media (min-width:","px){width:56.2%;}"],(0,o.spacing)(2),(0,o.spacing)(2),o.breakpoints.medium,o.breakpoints.wide);t.FullWidthCaptionContainer=u},function(e,t){e.exports=require("@babel/runtime/helpers/slicedToArray")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultPropTypes=t.propTypes=void 0;var i=r(n(8)),a={captionOptions:i.default.shape({caption:i.default.string,credits:i.default.string}),imageOptions:i.default.shape({display:i.default.oneOf(["primary","secondary","inline","fullwidth"]),highResSize:i.default.number,lowResQuality:i.default.number,lowResSize:i.default.number,ratio:i.default.string,uri:i.default.string.isRequired}).isRequired,onImagePress:i.default.func};t.propTypes=a;t.defaultPropTypes={captionOptions:{caption:null,credits:null},onImagePress:null}},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(12)).default;t.default=i},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(5)),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=y(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(2)),o=n(6),l=r(n(1)),p=r(n(13)),d=n(7),u=r(n(14)),c=r(n(17)),f=r(n(18)),s=n(10),g=r(n(20));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(y=function(e){return e?n:t})(e)}var m={secondary:{container:{paddingTop:0}}};var b=function(e,t,n,r){var i=function(e){return"primary"===e?u.default:"fullwidth"===e?f.default:l.default}(n);if(!e&&!t)return null;var p=a.default.createElement(i,{credits:t,style:m[n],text:e});return"fullwidth"===n?p:a.default.createElement(o.TcView,{style:g.default[n+"Caption"]},p)},v=function(e){var t=e.imageOptions,n=e.captionOptions,r=e.onImagePress,u=e.images,f=t.display,s=t.highResSize,y=t.index,m=t.lowResQuality,v=t.lowResSize,O=t.ratio,w=t.uri,h=t.relativeHeight,P=t.relativeWidth,j=t.relativeHorizontalOffset,x=t.relativeVerticalOffset,C=n.caption,_=n.credits;if("inline"===f)return a.default.createElement(c.default,{captionOptions:n,imageOptions:t,onImagePress:r});var S=a.default.createElement(p.default.Consumer,null,(function(e){e.theme;return b(C,_,f)}));if(!f||!O)return S;var I=O.split(":"),T=(0,i.default)(I,2),R=T[0]/T[1];return a.default.createElement(a.Fragment,null,a.default.createElement(o.TcView,{style:g.default[f+"Image"]},a.default.createElement(d.ModalImage,{accessibilityLabel:C,aspectRatio:R,caption:a.default.createElement(l.default,{credits:_,text:C}),highResSize:s,index:y,images:u,lowResSize:v,lowResQuality:m,onImagePress:r,uri:w,relativeWidth:P,relativeHeight:h,relativeHorizontalOffset:j,relativeVerticalOffset:x})),S)};v.defaultProps=s.defaultPropTypes;var O=v;t.default=O},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(2)),a=n(15),o=n(4),l=function(e){var t=e.text,n=e.credits,r=e.CaptionComponent;return i.default.createElement(o.InsetCaptionStyle,null,i.default.createElement(r,{credits:n,text:t}))};l.defaultProps=a.defaultProps;var p=l;t.default=p},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var i=r(n(3)),a=r(n(8)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(1));function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function p(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?p(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var u=d(d({},o.propTypes),{},{CaptionComponent:a.default.func.isRequired});t.propTypes=u;var c=d(d({},o.defaultProps),{},{CaptionComponent:o.default});t.defaultProps=c},function(e,t){e.exports=require("styled-components")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(5)),a=r(n(2)),o=r(n(1)),l=r(n(7)),p=n(10),d=n(4),u=function(e){var t=e.imageOptions,n=e.captionOptions,r=t.display,p=t.highResSize,u=t.lowResSize,c=t.lowResQuality,f=t.ratio,s=t.uri,g=n.caption,y=function(e,t,n){return t||n?a.default.createElement(d.InsetCaptionContainerStyle,{key:"caption"},a.default.createElement("figcaption",null,a.default.createElement(o.default,{credits:n,text:t}))):null}(0,g,n.credits);if(!r||!f)return y;var m=f.split(":"),b=(0,i.default)(m,2),v=b[0]/b[1];return a.default.createElement("figure",{style:{margin:0}},a.default.createElement(d.InsetImageStyle,{key:"img"},a.default.createElement(l.default,{accessibilityLabel:g,aspectRatio:v,highResSize:p,lowResSize:u,lowResQuality:c,uri:s})),y)};u.defaultProps=p.defaultPropTypes;var c=u;t.default=c},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(2)),a=r(n(1)),o=n(19),l=n(4),p=function(e){return i.default.createElement(l.FullWidthCaptionContainer,null,i.default.createElement(a.default,e))};p.defaultProps=o.defaultProps;var d=p;t.default=d},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var i=r(n(3)),a=n(1);function o(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 l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var p=l({},a.propTypes);t.propTypes=p;var d=l({},a.defaultProps);t.defaultProps=d},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(3)),a=n(9);function o(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 l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var p={alignSelf:"center",width:a.tabletWidth-a.tabletRowPadding},d={container:{paddingTop:0},fullwidthCaption:{alignSelf:"center",maxWidth:a.tabletWidth-a.tabletRowPadding},fullwidthContainer:{marginBottom:(0,a.spacing)(2),marginHorizontal:"auto",maxWidth:a.tabletWidthMax},inlineCaption:{paddingLeft:(0,a.spacing)(2),paddingTop:0},inlineContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:(0,a.spacing)(5),paddingLeft:(0,a.spacing)(2),paddingRight:(0,a.spacing)(2),width:"100%"},inlineContainerTablet:l(l({},p),{},{flexDirection:"column",marginTop:0,paddingBottom:0,paddingLeft:(0,a.spacing)(0),paddingTop:0,width:"100%"}),inlineImage:{width:"100%"},primaryContainer:{flexDirection:"column",paddingBottom:(0,a.spacing)(3),width:"100%"},primaryContainerTablet:l({},p),secondaryCaption:{paddingLeft:(0,a.spacing)(2),paddingTop:0,width:"50%"},secondaryContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:(0,a.spacing)(4),paddingLeft:(0,a.spacing)(2),paddingRight:(0,a.spacing)(2),width:"100%"},secondaryContainerTablet:l(l({},p),{},{paddingLeft:(0,a.spacing)(0),paddingRight:(0,a.spacing)(0)}),secondaryImage:{width:"50%"}};t.default=d}]);
|
|
1
|
+
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.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 i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));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=8)}([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/caption/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),i=n.n(r),a=n(4),o=n(2),c=n.n(o),l=n(7),p=n.n(l),u=n(6),s=n.n(u),d=n(3),f=n.n(d);function g(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 m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}m(m({},o.propTypes),{},{CaptionComponent:f.a.func.isRequired});var y=m(m({},o.defaultProps),{},{CaptionComponent:c.a}),O=n(5),h=n.n(O),w=n(0),j=h()(a.TcView).withConfig({displayName:"responsive__InsetCaptionContainerStyle",componentId:"sc-1io40fc-0"})(["display:inline-block;margin-top:",";padding-bottom:",";padding-left:",";padding-right:",";padding-top:0;vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;margin-top:0px;padding-bottom:",";padding-left:0px;padding-top:0px;padding-right:",";width:30%;}@media (min-width:","px){padding-left:0px;width:35.71429%;}"],Object(w.spacing)(-2),Object(w.spacing)(4),Object(w.spacing)(2),Object(w.spacing)(2),w.breakpoints.medium,Object(w.spacing)(4),Object(w.spacing)(4),w.breakpoints.wide),v=h()(a.TcView).withConfig({displayName:"responsive__InsetImageStyle",componentId:"sc-1io40fc-1"})(["display:inline-block;padding-bottom:",";vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;padding-bottom:0px;padding-top:",";padding-right:",";width:30%;}@media (min-width:","px){clear:left;width:35.71429%;}"],Object(w.spacing)(4),w.breakpoints.medium,Object(w.spacing)(1),Object(w.spacing)(4),w.breakpoints.wide),x=h()(a.TcView).withConfig({displayName:"responsive__InsetCaptionStyle",componentId:"sc-1io40fc-2"})(["padding-left:",";@media (min-width:","px){padding-left:0px;}"],Object(w.spacing)(2),w.breakpoints.medium),P=h.a.div.withConfig({displayName:"responsive__FullWidthCaptionContainer",componentId:"sc-1io40fc-3"})(["padding-left:",";padding-right:",";margin:auto;text-align:center;@media (min-width:","px){padding-left:0px;padding-right:0px;width:80.8%;}@media (min-width:","px){width:56.2%;}"],Object(w.spacing)(2),Object(w.spacing)(2),w.breakpoints.medium,w.breakpoints.wide),S=function(e){var t=e.text,n=e.credits,r=e.CaptionComponent;return i.a.createElement(x,null,i.a.createElement(r,{credits:n,text:t}))};S.defaultProps=y;var C=S,E=(f.a.shape({caption:f.a.string,credits:f.a.string}),f.a.shape({display:f.a.oneOf(["primary","secondary","inline","fullwidth"]),highResSize:f.a.number,lowResQuality:f.a.number,lowResSize:f.a.number,ratio:f.a.string,uri:f.a.string.isRequired}).isRequired,f.a.func,{captionOptions:{caption:null,credits:null},onImagePress:null});function R(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,i,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var T=function(e){var t=e.imageOptions,n=e.captionOptions,r=t.display,a=t.highResSize,o=t.lowResSize,l=t.lowResQuality,p=t.ratio,u=t.uri,d=n.caption,f=function(e,t,n){return t||n?i.a.createElement(j,{key:"caption"},i.a.createElement("figcaption",null,i.a.createElement(c.a,{credits:n,text:t}))):null}(0,d,n.credits);if(!r||!p)return f;var g=R(p.split(":"),2),m=g[0]/g[1];return i.a.createElement("figure",{style:{margin:0}},i.a.createElement(v,{key:"img"},i.a.createElement(s.a,{accessibilityLabel:d,aspectRatio:m,highResSize:a,lowResSize:o,lowResQuality:l,uri:u})),f)};T.defaultProps=E;var D=T;function k(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){z(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}_({},o.propTypes);var A=_({},o.defaultProps),q=function(e){return i.a.createElement(P,null,i.a.createElement(c.a,e))};q.defaultProps=A;var W=q;function L(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 M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){V(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var B={alignSelf:"center",width:w.tabletWidth-w.tabletRowPadding},H={container:{paddingTop:0},fullwidthCaption:{alignSelf:"center",maxWidth:w.tabletWidth-w.tabletRowPadding},fullwidthContainer:{marginBottom:Object(w.spacing)(2),marginHorizontal:"auto",maxWidth:w.tabletWidthMax},inlineCaption:{paddingLeft:Object(w.spacing)(2),paddingTop:0},inlineContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:Object(w.spacing)(5),paddingLeft:Object(w.spacing)(2),paddingRight:Object(w.spacing)(2),width:"100%"},inlineContainerTablet:M(M({},B),{},{flexDirection:"column",marginTop:0,paddingBottom:0,paddingLeft:Object(w.spacing)(0),paddingTop:0,width:"100%"}),inlineImage:{width:"100%"},primaryContainer:{flexDirection:"column",paddingBottom:Object(w.spacing)(3),width:"100%"},primaryContainerTablet:M({},B),secondaryCaption:{paddingLeft:Object(w.spacing)(2),paddingTop:0,width:"50%"},secondaryContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:Object(w.spacing)(4),paddingLeft:Object(w.spacing)(2),paddingRight:Object(w.spacing)(2),width:"100%"},secondaryContainerTablet:M(M({},B),{},{paddingLeft:Object(w.spacing)(0),paddingRight:Object(w.spacing)(0)}),secondaryImage:{width:"50%"}};function Q(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,i,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return N(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return N(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var F={secondary:{container:{paddingTop:0}}};var U=function(e,t,n,r){var o=function(e){return"primary"===e?C:"fullwidth"===e?W:c.a}(n);if(!e&&!t)return null;var l=i.a.createElement(o,{credits:t,style:F[n],text:e});return"fullwidth"===n?l:i.a.createElement(a.TcView,{style:H["".concat(n,"Caption")]},l)},$=function(e){var t=e.imageOptions,n=e.captionOptions,o=e.onImagePress,l=e.images,s=t.display,d=t.highResSize,f=t.index,g=t.lowResQuality,m=t.lowResSize,b=t.ratio,y=t.uri,O=t.relativeHeight,h=t.relativeWidth,w=t.relativeHorizontalOffset,j=t.relativeVerticalOffset,v=n.caption,x=n.credits;if("inline"===s)return i.a.createElement(D,{captionOptions:n,imageOptions:t,onImagePress:o});var P=i.a.createElement(p.a.Consumer,null,(function(e){e.theme;return U(v,x,s)}));if(!s||!b)return P;var S=Q(b.split(":"),2),C=S[0]/S[1];return i.a.createElement(r.Fragment,null,i.a.createElement(a.TcView,{style:H["".concat(s,"Image")]},i.a.createElement(u.ModalImage,{accessibilityLabel:v,aspectRatio:C,caption:i.a.createElement(c.a,{credits:x,text:v}),highResSize:d,index:f,images:l,lowResSize:m,lowResQuality:g,onImagePress:o,uri:y,relativeWidth:h,relativeHeight:O,relativeHorizontalOffset:w,relativeVerticalOffset:j})),P)};$.defaultProps=E;var G=$;t.default=G}]);
|