@times-components/card 6.8.8 → 6.9.2
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 +6 -5
- package/card-wrapper.js +1 -1
- package/dist/card-content.js +139 -1
- package/dist/card-loading.js +44 -1
- package/dist/card-prop-types.js +46 -1
- package/dist/card-shared-prop-types.js +27 -1
- package/dist/card.js +31 -1
- package/dist/styles/index.js +68 -1
- package/package.json +14 -21
- 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
|
+
## [6.9.2](https://github.com/newsuk/times-components/compare/@times-components/card@6.9.1...@times-components/card@6.9.2) (2022-09-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/card
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [6.9.1](https://github.com/newsuk/times-components/compare/@times-components/card@6.9.0...@times-components/card@6.9.1) (2022-09-06)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @times-components/card
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [6.9.0](https://github.com/newsuk/times-components/compare/@times-components/card@6.8.8...@times-components/card@6.9.0) (2022-08-18)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* **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)
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## [6.8.8](https://github.com/newsuk/times-components/compare/@times-components/card@6.8.7...@times-components/card@6.8.8) (2022-08-05)
|
|
7
34
|
|
|
8
35
|
**Note:** Version bump only for package @times-components/card
|
package/babel.config.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
module.exports = api => {
|
|
2
2
|
api.cache(true);
|
|
3
3
|
return {
|
|
4
|
-
plugins: [
|
|
5
|
-
|
|
6
|
-
"@babel/
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
plugins: ["babel-plugin-styled-components"],
|
|
5
|
+
presets: [
|
|
6
|
+
"@babel/preset-env",
|
|
7
|
+
"@babel/preset-react",
|
|
8
|
+
"@babel/preset-typescript"
|
|
9
|
+
]
|
|
9
10
|
};
|
|
10
11
|
};
|
package/card-wrapper.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TcView } from "@times-components/utils";
|
|
2
2
|
import styled from "styled-components";
|
|
3
|
-
import { breakpoints } from "
|
|
3
|
+
import { breakpoints } from "@times-components/ts-styleguide";
|
|
4
4
|
|
|
5
5
|
export const CardWrapper = styled(TcView)`
|
|
6
6
|
@media (min-width: ${breakpoints.medium}px) {
|
package/dist/card-content.js
CHANGED
|
@@ -1 +1,139 @@
|
|
|
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 _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
+
|
|
16
|
+
var _image = _interopRequireDefault(require("@times-components/image"));
|
|
17
|
+
|
|
18
|
+
var _cardPropTypes = require("./card-prop-types");
|
|
19
|
+
|
|
20
|
+
var _cardLoading = _interopRequireDefault(require("./card-loading"));
|
|
21
|
+
|
|
22
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
23
|
+
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
+
|
|
26
|
+
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); }
|
|
27
|
+
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
37
|
+
|
|
38
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
39
|
+
|
|
40
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
41
|
+
|
|
42
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
43
|
+
|
|
44
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
45
|
+
|
|
46
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
47
|
+
|
|
48
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
49
|
+
|
|
50
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
51
|
+
|
|
52
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
53
|
+
|
|
54
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
55
|
+
|
|
56
|
+
var CardContent = /*#__PURE__*/function (_Component) {
|
|
57
|
+
_inherits(CardContent, _Component);
|
|
58
|
+
|
|
59
|
+
var _super = _createSuper(CardContent);
|
|
60
|
+
|
|
61
|
+
function CardContent() {
|
|
62
|
+
_classCallCheck(this, CardContent);
|
|
63
|
+
|
|
64
|
+
return _super.apply(this, arguments);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
_createClass(CardContent, [{
|
|
68
|
+
key: "shouldComponentUpdate",
|
|
69
|
+
value: function shouldComponentUpdate(nextProps) {
|
|
70
|
+
var _this$props = this.props,
|
|
71
|
+
imageUri = _this$props.imageUri,
|
|
72
|
+
lowResQuality = _this$props.lowResQuality,
|
|
73
|
+
lowResSize = _this$props.lowResSize,
|
|
74
|
+
highResSize = _this$props.highResSize,
|
|
75
|
+
isLoading = _this$props.isLoading;
|
|
76
|
+
return imageUri !== nextProps.imageUri || lowResQuality !== nextProps.lowResQuality || lowResSize !== nextProps.lowResSize || highResSize !== nextProps.highResSize || isLoading !== nextProps.isLoading;
|
|
77
|
+
}
|
|
78
|
+
}, {
|
|
79
|
+
key: "render",
|
|
80
|
+
value: function render() {
|
|
81
|
+
var _this$props2 = this.props,
|
|
82
|
+
children = _this$props2.children,
|
|
83
|
+
contentContainerClass = _this$props2.contentContainerClass,
|
|
84
|
+
fadeImageIn = _this$props2.fadeImageIn,
|
|
85
|
+
highResSize = _this$props2.highResSize,
|
|
86
|
+
imageAccessibilityLabel = _this$props2.imageAccessibilityLabel,
|
|
87
|
+
imageContainerClass = _this$props2.imageContainerClass,
|
|
88
|
+
imageRatio = _this$props2.imageRatio,
|
|
89
|
+
imageStyle = _this$props2.imageStyle,
|
|
90
|
+
imageUri = _this$props2.imageUri,
|
|
91
|
+
isLoading = _this$props2.isLoading,
|
|
92
|
+
isReversed = _this$props2.isReversed,
|
|
93
|
+
lowResQuality = _this$props2.lowResQuality,
|
|
94
|
+
lowResSize = _this$props2.lowResSize,
|
|
95
|
+
relatedArticle = _this$props2.relatedArticle,
|
|
96
|
+
showImage = _this$props2.showImage;
|
|
97
|
+
var TcCardContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
98
|
+
displayName: "card-content__TcCardContainer",
|
|
99
|
+
componentId: "sc-1w0wvq8-0"
|
|
100
|
+
})(["", ";"], function (props) {
|
|
101
|
+
return props.styles && props.styles;
|
|
102
|
+
});
|
|
103
|
+
|
|
104
|
+
var renderImage = function renderImage() {
|
|
105
|
+
if (!showImage) return null;
|
|
106
|
+
var imageContainerStyle = relatedArticle ? _styles["default"].imageContainer : _styles["default"].imageContainerTablet;
|
|
107
|
+
return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
|
|
108
|
+
className: imageContainerClass,
|
|
109
|
+
style: (0, _utils.checkStylesForUnits)(_objectSpread(_objectSpread(_objectSpread({}, imageContainerStyle), imageStyle), isReversed ? _styles["default"].reversedImageContainer : ""))
|
|
110
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
111
|
+
accessibilityLabel: imageAccessibilityLabel,
|
|
112
|
+
aspectRatio: imageRatio,
|
|
113
|
+
fadeImageIn: fadeImageIn,
|
|
114
|
+
highResSize: highResSize,
|
|
115
|
+
lowResQuality: lowResQuality,
|
|
116
|
+
lowResSize: lowResSize,
|
|
117
|
+
uri: imageUri
|
|
118
|
+
}));
|
|
119
|
+
};
|
|
120
|
+
|
|
121
|
+
var cardContainerStyle = relatedArticle ? _objectSpread(_objectSpread({}, _styles["default"].cardContainer), {}, {
|
|
122
|
+
display: "block"
|
|
123
|
+
}) : _styles["default"].cardContainer;
|
|
124
|
+
return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
|
|
125
|
+
style: (0, _utils.checkStylesForUnits)(_objectSpread(_objectSpread({}, cardContainerStyle), isReversed ? _styles["default"].reversedCardContainer : ""))
|
|
126
|
+
}, !isReversed ? renderImage() : null, /*#__PURE__*/_react["default"].createElement(TcCardContainer, {
|
|
127
|
+
className: contentContainerClass,
|
|
128
|
+
styles: (0, _utils.checkStylesForUnits)(_objectSpread(_objectSpread(_objectSpread({}, _styles["default"].contentContainer), isReversed ? _styles["default"].reversedContentContainer : ""), isLoading ? _styles["default"].loadingContentContainer : ""))
|
|
129
|
+
}, isLoading ? /*#__PURE__*/_react["default"].createElement(_cardLoading["default"], null) : children), isReversed ? renderImage() : null);
|
|
130
|
+
}
|
|
131
|
+
}]);
|
|
132
|
+
|
|
133
|
+
return CardContent;
|
|
134
|
+
}(_react.Component);
|
|
135
|
+
|
|
136
|
+
CardContent.propTypes = _cardPropTypes.cardPropTypes;
|
|
137
|
+
CardContent.defaultProps = _cardPropTypes.cardDefaultProps;
|
|
138
|
+
var _default = CardContent;
|
|
139
|
+
exports["default"] = _default;
|
package/dist/card-loading.js
CHANGED
|
@@ -1 +1,44 @@
|
|
|
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 _gradient = _interopRequireDefault(require("@times-components/gradient"));
|
|
13
|
+
|
|
14
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
18
|
+
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); }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
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; }
|
|
23
|
+
|
|
24
|
+
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; }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
27
|
+
|
|
28
|
+
var _default = function _default() {
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_gradient["default"], {
|
|
30
|
+
degrees: 264,
|
|
31
|
+
style: _styles["default"].headerContainer
|
|
32
|
+
}), /*#__PURE__*/_react["default"].createElement(_gradient["default"], {
|
|
33
|
+
degrees: 267,
|
|
34
|
+
style: _styles["default"].textContainer
|
|
35
|
+
}), /*#__PURE__*/_react["default"].createElement(_gradient["default"], {
|
|
36
|
+
degrees: 267,
|
|
37
|
+
style: _styles["default"].textContainer
|
|
38
|
+
}), /*#__PURE__*/_react["default"].createElement(_gradient["default"], {
|
|
39
|
+
degrees: 267,
|
|
40
|
+
style: _objectSpread(_objectSpread({}, _styles["default"].textContainer), _styles["default"].lastBar)
|
|
41
|
+
}));
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
exports["default"] = _default;
|
package/dist/card-prop-types.js
CHANGED
|
@@ -1 +1,46 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.cardDefaultProps = exports.cardPropTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _cardSharedPropTypes = require("./card-shared-prop-types");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
var cardPropTypes = _objectSpread(_objectSpread({}, _cardSharedPropTypes.sharedPropTypes), {}, {
|
|
21
|
+
children: _propTypes["default"].node,
|
|
22
|
+
fadeImageIn: _propTypes["default"].bool,
|
|
23
|
+
highResSize: _propTypes["default"].number,
|
|
24
|
+
imageAccessibilityLabel: _propTypes["default"].string,
|
|
25
|
+
imageStyle: _propTypes["default"].object,
|
|
26
|
+
imageUri: _propTypes["default"].string,
|
|
27
|
+
isLoading: _propTypes["default"].bool,
|
|
28
|
+
lowResQuality: _propTypes["default"].number,
|
|
29
|
+
lowResSize: _propTypes["default"].number
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
exports.cardPropTypes = cardPropTypes;
|
|
33
|
+
|
|
34
|
+
var cardDefaultProps = _objectSpread(_objectSpread({}, _cardSharedPropTypes.sharedDefaultProps), {}, {
|
|
35
|
+
children: null,
|
|
36
|
+
fadeImageIn: false,
|
|
37
|
+
highResSize: null,
|
|
38
|
+
imageRatio: 1,
|
|
39
|
+
imageStyle: {},
|
|
40
|
+
imageUri: null,
|
|
41
|
+
isLoading: false,
|
|
42
|
+
lowResQuality: null,
|
|
43
|
+
lowResSize: null
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
exports.cardDefaultProps = cardDefaultProps;
|
|
@@ -1 +1,27 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.sharedDefaultProps = exports.sharedPropTypes = 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 sharedPropTypes = {
|
|
13
|
+
contentContainerClass: _propTypes["default"].string,
|
|
14
|
+
imageContainerClass: _propTypes["default"].string,
|
|
15
|
+
imageRatio: _propTypes["default"].number,
|
|
16
|
+
isReversed: _propTypes["default"].bool,
|
|
17
|
+
showImage: _propTypes["default"].bool
|
|
18
|
+
};
|
|
19
|
+
exports.sharedPropTypes = sharedPropTypes;
|
|
20
|
+
var sharedDefaultProps = {
|
|
21
|
+
contentContainerClass: "",
|
|
22
|
+
imageContainerClass: "",
|
|
23
|
+
imageRatio: 3 / 2,
|
|
24
|
+
isReversed: false,
|
|
25
|
+
showImage: false
|
|
26
|
+
};
|
|
27
|
+
exports.sharedDefaultProps = sharedDefaultProps;
|
package/dist/card.js
CHANGED
|
@@ -1 +1,31 @@
|
|
|
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 _tsStyleguide = require("@times-components/ts-styleguide");
|
|
11
|
+
|
|
12
|
+
var _cardPropTypes = require("./card-prop-types");
|
|
13
|
+
|
|
14
|
+
var _cardContent = _interopRequireDefault(require("./card-content"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
18
|
+
var CardComponent = function CardComponent(props) {
|
|
19
|
+
var isLoading = props.isLoading;
|
|
20
|
+
|
|
21
|
+
if (isLoading) {
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement(_tsStyleguide.Animations.FadeIn, null, /*#__PURE__*/_react["default"].createElement(_cardContent["default"], props));
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return /*#__PURE__*/_react["default"].createElement(_cardContent["default"], props);
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
CardComponent.propTypes = _cardPropTypes.cardPropTypes;
|
|
29
|
+
CardComponent.defaultProps = _cardPropTypes.cardDefaultProps;
|
|
30
|
+
var _default = CardComponent;
|
|
31
|
+
exports["default"] = _default;
|
package/dist/styles/index.js
CHANGED
|
@@ -1 +1,68 @@
|
|
|
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
|
+
var styles = {
|
|
11
|
+
cardContainer: {
|
|
12
|
+
alignItems: "flex-start",
|
|
13
|
+
display: "flex",
|
|
14
|
+
flexDirection: "row",
|
|
15
|
+
flexWrap: "wrap",
|
|
16
|
+
justifyContent: "flex-end"
|
|
17
|
+
},
|
|
18
|
+
cardContainerTablet: {
|
|
19
|
+
alignItems: "flex-start",
|
|
20
|
+
flexDirection: "row",
|
|
21
|
+
flexWrap: "wrap"
|
|
22
|
+
},
|
|
23
|
+
contentContainer: {
|
|
24
|
+
flex: 1,
|
|
25
|
+
marginBottom: 0,
|
|
26
|
+
minWidth: "100%"
|
|
27
|
+
},
|
|
28
|
+
contentContainerTablet: {
|
|
29
|
+
flex: 1,
|
|
30
|
+
marginBottom: 0
|
|
31
|
+
},
|
|
32
|
+
headerContainer: {
|
|
33
|
+
height: 24,
|
|
34
|
+
marginBottom: (0, _tsStyleguide.spacing)(2),
|
|
35
|
+
maxWidth: 300
|
|
36
|
+
},
|
|
37
|
+
imageContainer: {
|
|
38
|
+
flex: 1,
|
|
39
|
+
marginBottom: (0, _tsStyleguide.spacing)(2),
|
|
40
|
+
minWidth: "100%"
|
|
41
|
+
},
|
|
42
|
+
imageContainerTablet: {
|
|
43
|
+
flex: 1,
|
|
44
|
+
maxWidth: 320
|
|
45
|
+
},
|
|
46
|
+
lastBar: {
|
|
47
|
+
marginBottom: 0,
|
|
48
|
+
maxWidth: 240
|
|
49
|
+
},
|
|
50
|
+
loadingContentContainer: {
|
|
51
|
+
minHeight: 84
|
|
52
|
+
},
|
|
53
|
+
reversedCardContainer: {
|
|
54
|
+
height: "auto"
|
|
55
|
+
},
|
|
56
|
+
reversedContentContainer: {
|
|
57
|
+
marginBottom: (0, _tsStyleguide.spacing)(2)
|
|
58
|
+
},
|
|
59
|
+
reversedImageContainer: {
|
|
60
|
+
marginBottom: 0
|
|
61
|
+
},
|
|
62
|
+
textContainer: {
|
|
63
|
+
height: 10,
|
|
64
|
+
marginBottom: (0, _tsStyleguide.spacing)(2)
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
var _default = styles;
|
|
68
|
+
exports["default"] = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/card",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.9.2",
|
|
4
4
|
"main": "dist/card",
|
|
5
5
|
"dev": "src/card",
|
|
6
6
|
"scripts": {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"prettier:diff": "prettier --list-different '**/*.*'",
|
|
9
9
|
"depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,react-art,stylelint*,webpack*' --ignore-bin-package=false --skip-missing",
|
|
10
10
|
"lint": "eslint . && stylelint . && yarn prettier:diff && yarn depcheck",
|
|
11
|
-
"test:web": "jest --config='./__tests__/
|
|
11
|
+
"test:web": "jest --config='./__tests__/jest.config.js'",
|
|
12
12
|
"prepublishOnly": "yarn transpile && yarn bundle",
|
|
13
13
|
"watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
|
|
14
14
|
"cleanup-dist": "rm -rf dist",
|
|
@@ -32,15 +32,13 @@
|
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@babel/core": "7.4.4",
|
|
34
34
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
35
|
-
"@times-components/jest-configurator": "
|
|
36
|
-
"@times-components/jest-serializer": "3.
|
|
37
|
-
"@times-components/storybook": "4.
|
|
38
|
-
"@times-components/test-utils": "2.
|
|
39
|
-
"@times-components/webpack-configurator": "2.0
|
|
35
|
+
"@times-components/jest-configurator-web": "0.8.0",
|
|
36
|
+
"@times-components/jest-serializer": "3.4.0",
|
|
37
|
+
"@times-components/storybook": "4.5.0",
|
|
38
|
+
"@times-components/test-utils": "2.4.0",
|
|
39
|
+
"@times-components/webpack-configurator": "2.1.0",
|
|
40
40
|
"babel-jest": "24.8.0",
|
|
41
41
|
"babel-loader": "8.0.5",
|
|
42
|
-
"babel-plugin-add-react-displayname": "0.0.5",
|
|
43
|
-
"babel-plugin-styled-components": "1.10.6",
|
|
44
42
|
"depcheck": "0.6.9",
|
|
45
43
|
"enzyme": "3.9.0",
|
|
46
44
|
"eslint": "5.9.0",
|
|
@@ -48,22 +46,17 @@
|
|
|
48
46
|
"jest-styled-components": "6.3.1",
|
|
49
47
|
"prettier": "1.14.3",
|
|
50
48
|
"react": "16.9.0",
|
|
51
|
-
"react-art": "16.6.3",
|
|
52
49
|
"react-dom": "16.9.0",
|
|
53
50
|
"react-test-renderer": "16.9.0",
|
|
54
51
|
"stylelint": "9.4.0",
|
|
55
|
-
"
|
|
56
|
-
"stylelint-config-styled-components": "0.1.1",
|
|
57
|
-
"stylelint-processor-styled-components": "1.3.2",
|
|
58
|
-
"webpack": "4.30.0",
|
|
59
|
-
"webpack-cli": "3.3.1"
|
|
52
|
+
"webpack": "4.30.0"
|
|
60
53
|
},
|
|
61
54
|
"dependencies": {
|
|
62
|
-
"@times-components/gradient": "3.
|
|
63
|
-
"@times-components/image": "6.
|
|
64
|
-
"@times-components/responsive": "0.
|
|
65
|
-
"@times-components/ts-styleguide": "1.
|
|
66
|
-
"@times-components/utils": "6.
|
|
55
|
+
"@times-components/gradient": "3.4.0",
|
|
56
|
+
"@times-components/image": "6.13.2",
|
|
57
|
+
"@times-components/responsive": "0.14.0",
|
|
58
|
+
"@times-components/ts-styleguide": "1.37.0",
|
|
59
|
+
"@times-components/utils": "6.15.0",
|
|
67
60
|
"prop-types": "15.7.2",
|
|
68
61
|
"styled-components": "4.3.2"
|
|
69
62
|
},
|
|
@@ -78,5 +71,5 @@
|
|
|
78
71
|
"publishConfig": {
|
|
79
72
|
"access": "public"
|
|
80
73
|
},
|
|
81
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "a4cb8f16b75e0d54adf6ad9e23bb6cce1dda01fc"
|
|
82
75
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.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 a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));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("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},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.cardDefaultProps=t.cardPropTypes=void 0;var a=n(r(2)),o=n(r(5)),i=r(8);function l(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 u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=u(u({},i.sharedPropTypes),{},{children:o.default.node,fadeImageIn:o.default.bool,highResSize:o.default.number,imageAccessibilityLabel:o.default.string,imageStyle:o.default.object,imageUri:o.default.string,isLoading:o.default.bool,lowResQuality:o.default.number,lowResSize:o.default.number});t.cardPropTypes=f;var s=u(u({},i.sharedDefaultProps),{},{children:null,fadeImageIn:!1,highResSize:null,imageRatio:1,imageStyle:{},imageUri:null,isLoading:!1,lowResQuality:null,lowResSize:null});t.cardDefaultProps=s},function(e,t){e.exports=require("prop-types")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(3),a={cardContainer:{alignItems:"flex-start",display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-end"},cardContainerTablet:{alignItems:"flex-start",flexDirection:"row",flexWrap:"wrap"},contentContainer:{flex:1,marginBottom:0,minWidth:"100%"},contentContainerTablet:{flex:1,marginBottom:0},headerContainer:{height:24,marginBottom:(0,n.spacing)(2),maxWidth:300},imageContainer:{flex:1,marginBottom:(0,n.spacing)(2),minWidth:"100%"},imageContainerTablet:{flex:1,maxWidth:320},lastBar:{marginBottom:0,maxWidth:240},loadingContentContainer:{minHeight:84},reversedCardContainer:{height:"auto"},reversedContentContainer:{marginBottom:(0,n.spacing)(2)},reversedImageContainer:{marginBottom:0},textContainer:{height:10,marginBottom:(0,n.spacing)(2)}};t.default=a},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(1)),o=r(3),i=r(4),l=n(r(9)),u=function(e){return e.isLoading?a.default.createElement(o.Animations.FadeIn,null,a.default.createElement(l.default,e)):a.default.createElement(l.default,e)};u.defaultProps=i.cardDefaultProps;var f=u;t.default=f},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.sharedDefaultProps=t.sharedPropTypes=void 0;var a=n(r(5)),o={contentContainerClass:a.default.string,imageContainerClass:a.default.string,imageRatio:a.default.number,isReversed:a.default.bool,showImage:a.default.bool};t.sharedPropTypes=o;t.sharedDefaultProps={contentContainerClass:"",imageContainerClass:"",imageRatio:1.5,isReversed:!1,showImage:!1}},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(2)),o=n(r(10)),i=n(r(11)),l=n(r(12)),u=n(r(13)),f=n(r(14)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(1)),c=r(15),d=n(r(16)),p=n(r(17)),y=r(4),m=n(r(18)),g=n(r(6));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}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 h(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){(0,a.default)(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}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,f.default)(e);if(t){var a=(0,f.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}var P=function(e){(0,l.default)(r,e);var t=v(r);function r(){return(0,o.default)(this,r),t.apply(this,arguments)}return(0,i.default)(r,[{key:"shouldComponentUpdate",value:function(e){var t=this.props,r=t.imageUri,n=t.lowResQuality,a=t.lowResSize,o=t.highResSize,i=t.isLoading;return r!==e.imageUri||n!==e.lowResQuality||a!==e.lowResSize||o!==e.highResSize||i!==e.isLoading}},{key:"render",value:function(){var e=this.props,t=e.children,r=e.contentContainerClass,n=e.fadeImageIn,a=e.highResSize,o=e.imageAccessibilityLabel,i=e.imageContainerClass,l=e.imageRatio,u=e.imageStyle,f=e.imageUri,y=e.isLoading,b=e.isReversed,O=e.lowResQuality,v=e.lowResSize,P=e.relatedArticle,j=e.showImage,w=(0,d.default)(c.TcView).withConfig({displayName:"card-content__TcCardContainer",componentId:"sc-1w0wvq8-0"})(["",";"],(function(e){return e.styles&&e.styles})),C=function(){if(!j)return null;var e=P?g.default.imageContainer:g.default.imageContainerTablet;return s.default.createElement(c.TcView,{className:i,style:(0,c.checkStylesForUnits)(h(h(h({},e),u),b?g.default.reversedImageContainer:""))},s.default.createElement(p.default,{accessibilityLabel:o,aspectRatio:l,fadeImageIn:n,highResSize:a,lowResQuality:O,lowResSize:v,uri:f}))},x=P?h(h({},g.default.cardContainer),{},{display:"block"}):g.default.cardContainer;return s.default.createElement(c.TcView,{style:(0,c.checkStylesForUnits)(h(h({},x),b?g.default.reversedCardContainer:""))},b?null:C(),s.default.createElement(w,{className:r,styles:(0,c.checkStylesForUnits)(h(h(h({},g.default.contentContainer),b?g.default.reversedContentContainer:""),y?g.default.loadingContentContainer:""))},y?s.default.createElement(m.default,null):t),b?C():null)}}]),r}(s.Component);P.defaultProps=y.cardDefaultProps;var j=P;t.default=j},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},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,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(2)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=u(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(1)),i=n(r(19)),l=n(r(6));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(u=function(e){return e?r:t})(e)}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 s(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,a.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}t.default=function(){return o.default.createElement(o.Fragment,null,o.default.createElement(i.default,{degrees:264,style:l.default.headerContainer}),o.default.createElement(i.default,{degrees:267,style:l.default.textContainer}),o.default.createElement(i.default,{degrees:267,style:l.default.textContainer}),o.default.createElement(i.default,{degrees:267,style:s(s({},l.default.textContainer),l.default.lastBar)}))}},function(e,t){e.exports=require("@times-components/gradient/rnw")}]);
|
|
1
|
+
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=7)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/gradient/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=n(2),a=n(1),c=n.n(a);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 s(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){u(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 u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}s(s({},{contentContainerClass:c.a.string,imageContainerClass:c.a.string,imageRatio:c.a.number,isReversed:c.a.bool,showImage:c.a.bool}),{},{children:c.a.node,fadeImageIn:c.a.bool,highResSize:c.a.number,imageAccessibilityLabel:c.a.string,imageStyle:c.a.object,imageUri:c.a.string,isLoading:c.a.bool,lowResQuality:c.a.number,lowResSize:c.a.number});var f=s(s({},{contentContainerClass:"",imageContainerClass:"",imageRatio:1.5,isReversed:!1,showImage:!1}),{},{children:null,fadeImageIn:!1,highResSize:null,imageRatio:1,imageStyle:{},imageUri:null,isLoading:!1,lowResQuality:null,lowResSize:null}),p=n(3),m=n(5),b=n.n(m),y=n(6),g=n.n(y),d=n(4),O=n.n(d),h={cardContainer:{alignItems:"flex-start",display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-end"},cardContainerTablet:{alignItems:"flex-start",flexDirection:"row",flexWrap:"wrap"},contentContainer:{flex:1,marginBottom:0,minWidth:"100%"},contentContainerTablet:{flex:1,marginBottom:0},headerContainer:{height:24,marginBottom:Object(i.spacing)(2),maxWidth:300},imageContainer:{flex:1,marginBottom:Object(i.spacing)(2),minWidth:"100%"},imageContainerTablet:{flex:1,maxWidth:320},lastBar:{marginBottom:0,maxWidth:240},loadingContentContainer:{minHeight:84},reversedCardContainer:{height:"auto"},reversedContentContainer:{marginBottom:Object(i.spacing)(2)},reversedImageContainer:{marginBottom:0},textContainer:{height:10,marginBottom:Object(i.spacing)(2)}};function j(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(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 C=function(){return o.a.createElement(r.Fragment,null,o.a.createElement(O.a,{degrees:264,style:h.headerContainer}),o.a.createElement(O.a,{degrees:267,style:h.textContainer}),o.a.createElement(O.a,{degrees:267,style:h.textContainer}),o.a.createElement(O.a,{degrees:267,style:w(w({},h.textContainer),h.lastBar)}))};function P(e){return(P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function S(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 x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function I(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _(e,t){return(_=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function D(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=B(e);if(t){var o=B(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return z(this,n)}}function z(e,t){return!t||"object"!==P(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function B(e){return(B=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var T=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_(e,t)}(a,e);var t,n,r,i=D(a);function a(){return E(this,a),i.apply(this,arguments)}return t=a,(n=[{key:"shouldComponentUpdate",value:function(e){var t=this.props,n=t.imageUri,r=t.lowResQuality,o=t.lowResSize,i=t.highResSize,a=t.isLoading;return n!==e.imageUri||r!==e.lowResQuality||o!==e.lowResSize||i!==e.highResSize||a!==e.isLoading}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.contentContainerClass,r=e.fadeImageIn,i=e.highResSize,a=e.imageAccessibilityLabel,c=e.imageContainerClass,l=e.imageRatio,s=e.imageStyle,u=e.imageUri,f=e.isLoading,m=e.isReversed,y=e.lowResQuality,d=e.lowResSize,O=e.relatedArticle,j=e.showImage,w=b()(p.TcView).withConfig({displayName:"card-content__TcCardContainer",componentId:"sc-1w0wvq8-0"})(["",";"],(function(e){return e.styles&&e.styles})),v=function(){if(!j)return null;var e=O?h.imageContainer:h.imageContainerTablet;return o.a.createElement(p.TcView,{className:c,style:Object(p.checkStylesForUnits)(x(x(x({},e),s),m?h.reversedImageContainer:""))},o.a.createElement(g.a,{accessibilityLabel:a,aspectRatio:l,fadeImageIn:r,highResSize:i,lowResQuality:y,lowResSize:d,uri:u}))},P=O?x(x({},h.cardContainer),{},{display:"block"}):h.cardContainer;return o.a.createElement(p.TcView,{style:Object(p.checkStylesForUnits)(x(x({},P),m?h.reversedCardContainer:""))},m?null:v(),o.a.createElement(w,{className:n,styles:Object(p.checkStylesForUnits)(x(x(x({},h.contentContainer),m?h.reversedContentContainer:""),f?h.loadingContentContainer:""))},f?o.a.createElement(C,null):t),m?v():null)}}])&&I(t.prototype,n),r&&I(t,r),a}(r.Component);T.defaultProps=f;var k=T,L=function(e){return e.isLoading?o.a.createElement(i.Animations.FadeIn,null,o.a.createElement(k,e)):o.a.createElement(k,e)};L.defaultProps=f;t.default=L}]);
|