@times-components/pull-quote 3.9.10 → 3.10.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 +11 -0
- package/babel.config.js +13 -5
- package/dist/pull-quote-content.js +13 -1
- package/dist/pull-quote-prop-types.js +33 -1
- package/dist/pull-quote-twitter-link-prop-types.js +20 -1
- package/dist/pull-quote-twitter-link.js +54 -1
- package/dist/pull-quote.base.js +61 -1
- package/dist/pull-quote.js +35 -1
- package/dist/styles/index.js +27 -1
- package/dist/styles/quotes.js +36 -1
- package/dist/styles/responsive.js +21 -1
- package/dist/styles/shared.js +68 -1
- package/dist/utils.js +10 -1
- package/package.json +12 -19
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [3.10.0](https://github.com/newsuk/times-components/compare/@times-components/pull-quote@3.9.10...@times-components/pull-quote@3.10.0) (2022-08-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **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)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [3.9.10](https://github.com/newsuk/times-components/compare/@times-components/pull-quote@3.9.9...@times-components/pull-quote@3.9.10) (2022-08-05)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/pull-quote
|
package/babel.config.js
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
module.exports = api => {
|
|
2
2
|
api.cache(true);
|
|
3
3
|
return {
|
|
4
|
-
plugins: [
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
plugins: ["babel-plugin-styled-components"],
|
|
5
|
+
presets: [
|
|
6
|
+
[
|
|
7
|
+
"@babel/preset-env",
|
|
8
|
+
{
|
|
9
|
+
targets: {
|
|
10
|
+
esmodules: true
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
],
|
|
14
|
+
"@babel/preset-react",
|
|
15
|
+
"@babel/preset-typescript"
|
|
16
|
+
]
|
|
9
17
|
};
|
|
10
18
|
};
|
|
@@ -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 _responsive = _interopRequireDefault(require("./styles/responsive"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = _responsive.default;
|
|
13
|
+
exports.default = _default;
|
|
@@ -1 +1,33 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultProps = exports.propTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
11
|
+
|
|
12
|
+
var _pullQuoteTwitterLinkPropTypes = require("./pull-quote-twitter-link-prop-types");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
const propTypes = {
|
|
17
|
+
caption: _propTypes.default.string,
|
|
18
|
+
children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]).isRequired,
|
|
19
|
+
font: _propTypes.default.string,
|
|
20
|
+
onTwitterLinkPress: _pullQuoteTwitterLinkPropTypes.propTypes.onTwitterLinkPress,
|
|
21
|
+
quoteColour: _propTypes.default.string,
|
|
22
|
+
text: _propTypes.default.string,
|
|
23
|
+
twitter: _pullQuoteTwitterLinkPropTypes.propTypes.twitter
|
|
24
|
+
};
|
|
25
|
+
exports.propTypes = propTypes;
|
|
26
|
+
const defaultProps = {
|
|
27
|
+
caption: "",
|
|
28
|
+
font: null,
|
|
29
|
+
quoteColour: _tsStyleguide.colours.functional.secondary,
|
|
30
|
+
text: "",
|
|
31
|
+
twitter: _pullQuoteTwitterLinkPropTypes.defaultProps.twitter
|
|
32
|
+
};
|
|
33
|
+
exports.defaultProps = defaultProps;
|
|
@@ -1 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultProps = 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
|
+
const propTypes = {
|
|
13
|
+
onTwitterLinkPress: _propTypes.default.func,
|
|
14
|
+
twitter: _propTypes.default.string
|
|
15
|
+
};
|
|
16
|
+
exports.propTypes = propTypes;
|
|
17
|
+
const defaultProps = {
|
|
18
|
+
twitter: ""
|
|
19
|
+
};
|
|
20
|
+
exports.defaultProps = defaultProps;
|
|
@@ -1 +1,54 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
11
|
+
|
|
12
|
+
var _link = require("@times-components/link");
|
|
13
|
+
|
|
14
|
+
var _icons = require("@times-components/icons");
|
|
15
|
+
|
|
16
|
+
var _pullQuoteTwitterLinkPropTypes = require("./pull-quote-twitter-link-prop-types");
|
|
17
|
+
|
|
18
|
+
var _utils2 = _interopRequireDefault(require("./utils"));
|
|
19
|
+
|
|
20
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
const PullQuoteTwitterLink = _ref => {
|
|
25
|
+
let onTwitterLinkPress = _ref.onTwitterLinkPress,
|
|
26
|
+
twitter = _ref.twitter;
|
|
27
|
+
|
|
28
|
+
if (!twitter) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
const url = (0, _utils2.default)(twitter);
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_utils.TcView, {
|
|
34
|
+
style: _styles.default.twitterContainer
|
|
35
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.IconTwitter, {
|
|
36
|
+
height: 10,
|
|
37
|
+
width: 11
|
|
38
|
+
}), /*#__PURE__*/_react.default.createElement(_link.TextLink, {
|
|
39
|
+
className: "pullQuoteTwitterLink",
|
|
40
|
+
key: url,
|
|
41
|
+
onPress: e => onTwitterLinkPress(e, {
|
|
42
|
+
twitter,
|
|
43
|
+
url
|
|
44
|
+
}),
|
|
45
|
+
style: _styles.default.link,
|
|
46
|
+
target: "_blank",
|
|
47
|
+
url: url
|
|
48
|
+
}, twitter));
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
PullQuoteTwitterLink.propTypes = _pullQuoteTwitterLinkPropTypes.propTypes;
|
|
52
|
+
PullQuoteTwitterLink.defaultProps = _pullQuoteTwitterLinkPropTypes.defaultProps;
|
|
53
|
+
var _default = PullQuoteTwitterLink;
|
|
54
|
+
exports.default = _default;
|
package/dist/pull-quote.base.js
CHANGED
|
@@ -1 +1,61 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
11
|
+
|
|
12
|
+
var _pullQuoteContent = _interopRequireDefault(require("./pull-quote-content"));
|
|
13
|
+
|
|
14
|
+
var _pullQuoteTwitterLink = _interopRequireDefault(require("./pull-quote-twitter-link"));
|
|
15
|
+
|
|
16
|
+
var _pullQuotePropTypes = require("./pull-quote-prop-types");
|
|
17
|
+
|
|
18
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
19
|
+
|
|
20
|
+
var _quotes = _interopRequireDefault(require("./styles/quotes"));
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
+
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
27
|
+
|
|
28
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
+
|
|
30
|
+
const quoteStyle = (font, quoteColour) => _objectSpread(_objectSpread({}, (0, _quotes.default)(font)), {}, {
|
|
31
|
+
color: quoteColour
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
const PullQuotes = _ref => {
|
|
35
|
+
let caption = _ref.caption,
|
|
36
|
+
children = _ref.children,
|
|
37
|
+
font = _ref.font,
|
|
38
|
+
onTwitterLinkPress = _ref.onTwitterLinkPress,
|
|
39
|
+
quoteColour = _ref.quoteColour,
|
|
40
|
+
text = _ref.text,
|
|
41
|
+
twitter = _ref.twitter;
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_utils.TcView, {
|
|
43
|
+
style: _styles.default.container
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement(_utils.TcText, {
|
|
45
|
+
style: quoteStyle(font, quoteColour)
|
|
46
|
+
}, "\u201C"), /*#__PURE__*/_react.default.createElement(_pullQuoteContent.default, null, children), /*#__PURE__*/_react.default.createElement(_utils.TcView, {
|
|
47
|
+
style: _styles.default.captionContainer
|
|
48
|
+
}, /*#__PURE__*/_react.default.createElement(_utils.TcText, {
|
|
49
|
+
style: (0, _utils.checkStylesForUnits)(_styles.default.caption)
|
|
50
|
+
}, caption), /*#__PURE__*/_react.default.createElement(_utils.TcText, {
|
|
51
|
+
style: (0, _utils.checkStylesForUnits)(_styles.default.text)
|
|
52
|
+
}, caption && text ? ", ".concat(text) : text), /*#__PURE__*/_react.default.createElement(_pullQuoteTwitterLink.default, {
|
|
53
|
+
onTwitterLinkPress: onTwitterLinkPress,
|
|
54
|
+
twitter: twitter
|
|
55
|
+
})));
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
PullQuotes.propTypes = _pullQuotePropTypes.propTypes;
|
|
59
|
+
PullQuotes.defaultProps = _pullQuotePropTypes.defaultProps;
|
|
60
|
+
var _default = PullQuotes;
|
|
61
|
+
exports.default = _default;
|
package/dist/pull-quote.js
CHANGED
|
@@ -1 +1,35 @@
|
|
|
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 _pullQuote = _interopRequireDefault(require("./pull-quote.base"));
|
|
11
|
+
|
|
12
|
+
var _utils = _interopRequireDefault(require("./utils"));
|
|
13
|
+
|
|
14
|
+
var _pullQuotePropTypes = require("./pull-quote-prop-types");
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
18
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
19
|
+
|
|
20
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
21
|
+
|
|
22
|
+
const PullQuote = _ref => {
|
|
23
|
+
let children = _ref.children,
|
|
24
|
+
props = _objectWithoutProperties(_ref, ["children"]);
|
|
25
|
+
|
|
26
|
+
const twitter = props.twitter;
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("blockquote", {
|
|
28
|
+
url: twitter ? (0, _utils.default)(twitter) : ""
|
|
29
|
+
}, /*#__PURE__*/_react.default.createElement(_pullQuote.default, props, /*#__PURE__*/_react.default.createElement("cite", null, children)));
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
PullQuote.propTypes = _pullQuotePropTypes.propTypes;
|
|
33
|
+
PullQuote.defaultProps = _pullQuotePropTypes.defaultProps;
|
|
34
|
+
var _default = PullQuote;
|
|
35
|
+
exports.default = _default;
|
package/dist/styles/index.js
CHANGED
|
@@ -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 _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
var _shared = _interopRequireDefault(require("./shared"));
|
|
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
|
+
const styles = _objectSpread(_objectSpread({}, _shared.default), {}, {
|
|
21
|
+
container: _objectSpread(_objectSpread({}, _shared.default.container), {}, {
|
|
22
|
+
marginBottom: (0, _tsStyleguide.spacing)(3)
|
|
23
|
+
})
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
var _default = styles;
|
|
27
|
+
exports.default = _default;
|
package/dist/styles/quotes.js
CHANGED
|
@@ -1 +1,36 @@
|
|
|
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
|
+
const quoteMargins = {
|
|
17
|
+
cultureMagazine: {
|
|
18
|
+
marginLeft: -3
|
|
19
|
+
},
|
|
20
|
+
stMagazine: {
|
|
21
|
+
marginLeft: -2
|
|
22
|
+
},
|
|
23
|
+
styleMagazine: {
|
|
24
|
+
marginLeft: -5
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
const quoteStyleFactory = fontName => _objectSpread(_objectSpread({}, quoteMargins[fontName] || {}), {}, {
|
|
29
|
+
fontFamily: _tsStyleguide.fonts[fontName] || _tsStyleguide.fonts.headlineRegular,
|
|
30
|
+
fontSize: 75,
|
|
31
|
+
marginBottom: (0, _tsStyleguide.spacing)(-8),
|
|
32
|
+
marginTop: 0
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
var _default = quoteStyleFactory;
|
|
36
|
+
exports.default = _default;
|
|
@@ -1 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = 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
|
+
const PullQuoteContent = (0, _styledComponents.default)(_utils.TcText).withConfig({
|
|
17
|
+
displayName: "responsive__PullQuoteContent",
|
|
18
|
+
componentId: "sc-25h5bn-0"
|
|
19
|
+
})(["color:", ";font-family:\"", "\";font-size:", "px;line-height:30px;cite{font-style:normal;}@media (min-width:", "px){font-size:", "px;line-height:35px;}"], _tsStyleguide.colours.functional.primary, _tsStyleguide.fonts.headlineRegular, _tsStyleguide.fontSizes.pageComponentHeadline, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.headline);
|
|
20
|
+
var _default = PullQuoteContent;
|
|
21
|
+
exports.default = _default;
|
package/dist/styles/shared.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
|
+
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
|
+
const sharedStyles = {
|
|
17
|
+
caption: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
18
|
+
font: "supporting",
|
|
19
|
+
fontSize: "caption"
|
|
20
|
+
})), {}, {
|
|
21
|
+
color: "#696969",
|
|
22
|
+
marginBottom: 0
|
|
23
|
+
}),
|
|
24
|
+
captionContainer: {
|
|
25
|
+
alignItems: "center",
|
|
26
|
+
display: "flex",
|
|
27
|
+
flexDirection: "row",
|
|
28
|
+
height: 20,
|
|
29
|
+
marginTop: (0, _tsStyleguide.spacing)(2)
|
|
30
|
+
},
|
|
31
|
+
container: {
|
|
32
|
+
marginBottom: (0, _tsStyleguide.spacing)(6),
|
|
33
|
+
marginTop: 0
|
|
34
|
+
},
|
|
35
|
+
content: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
36
|
+
font: "headlineRegular",
|
|
37
|
+
fontSize: "pageComponentHeadline"
|
|
38
|
+
})), {}, {
|
|
39
|
+
color: _tsStyleguide.colours.functional.primary
|
|
40
|
+
}),
|
|
41
|
+
link: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
42
|
+
font: "supporting",
|
|
43
|
+
fontSize: "link"
|
|
44
|
+
})), {}, {
|
|
45
|
+
color: _tsStyleguide.colours.functional.action,
|
|
46
|
+
marginLeft: 4,
|
|
47
|
+
textDecorationLine: "none"
|
|
48
|
+
}),
|
|
49
|
+
text: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
50
|
+
font: "supporting",
|
|
51
|
+
fontSize: "caption"
|
|
52
|
+
})), {}, {
|
|
53
|
+
color: _tsStyleguide.colours.functional.secondary,
|
|
54
|
+
marginBottom: 0
|
|
55
|
+
}),
|
|
56
|
+
twitterContainer: {
|
|
57
|
+
alignItems: "center",
|
|
58
|
+
borderLeftColor: _tsStyleguide.colours.functional.keyline,
|
|
59
|
+
borderLeftWidth: 1,
|
|
60
|
+
display: "flex",
|
|
61
|
+
flexDirection: "row",
|
|
62
|
+
height: 13,
|
|
63
|
+
marginLeft: 7,
|
|
64
|
+
paddingLeft: 7
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
var _default = sharedStyles;
|
|
68
|
+
exports.default = _default;
|
package/dist/utils.js
CHANGED
|
@@ -1 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _default = twitter => twitter ? "https://twitter.com/".concat(twitter) : "";
|
|
9
|
+
|
|
10
|
+
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/pull-quote",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.10.0",
|
|
4
4
|
"description": "Pull Quote for Times Components Articles",
|
|
5
5
|
"main": "dist/pull-quote",
|
|
6
6
|
"dev": "src/pull-quote",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"prettier:diff": "prettier --list-different '**/*.*'",
|
|
10
10
|
"depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,react-art,stylelint*,webpack*' --ignore-bin-package=false --skip-missing",
|
|
11
11
|
"lint": "eslint . && stylelint . && yarn prettier:diff && yarn depcheck",
|
|
12
|
-
"test:web": "jest --config='./__tests__/
|
|
12
|
+
"test:web": "jest --config='./__tests__/jest.config.js'",
|
|
13
13
|
"prepublishOnly": "yarn transpile && yarn bundle",
|
|
14
14
|
"watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
|
|
15
15
|
"cleanup-dist": "rm -rf dist",
|
|
@@ -33,14 +33,12 @@
|
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/core": "7.4.4",
|
|
35
35
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
36
|
-
"@times-components/jest-configurator": "
|
|
37
|
-
"@times-components/jest-serializer": "3.
|
|
38
|
-
"@times-components/storybook": "4.
|
|
39
|
-
"@times-components/test-utils": "2.
|
|
36
|
+
"@times-components/jest-configurator-web": "0.8.0",
|
|
37
|
+
"@times-components/jest-serializer": "3.4.0",
|
|
38
|
+
"@times-components/storybook": "4.5.0",
|
|
39
|
+
"@times-components/test-utils": "2.4.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,21 +46,16 @@
|
|
|
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/icons": "2.
|
|
63
|
-
"@times-components/link": "3.
|
|
64
|
-
"@times-components/ts-styleguide": "1.
|
|
65
|
-
"@times-components/utils": "6.
|
|
55
|
+
"@times-components/icons": "2.19.0",
|
|
56
|
+
"@times-components/link": "3.11.0",
|
|
57
|
+
"@times-components/ts-styleguide": "1.37.0",
|
|
58
|
+
"@times-components/utils": "6.15.0",
|
|
66
59
|
"prop-types": "15.7.2",
|
|
67
60
|
"styled-components": "4.3.2"
|
|
68
61
|
},
|
|
@@ -77,5 +70,5 @@
|
|
|
77
70
|
"publishConfig": {
|
|
78
71
|
"access": "public"
|
|
79
72
|
},
|
|
80
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "fe2f12b7448a88662c53f840772282cd97756c5c"
|
|
81
74
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=
|
|
1
|
+
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=7)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),i=r(2),c=r(4),a=r.n(c),l=r(0);var u=a()(i.TcText).withConfig({displayName:"responsive__PullQuoteContent",componentId:"sc-25h5bn-0"})(["color:",';font-family:"','";font-size:',"px;line-height:30px;cite{font-style:normal;}@media (min-width:","px){font-size:","px;line-height:35px;}"],l.colours.functional.primary,l.fonts.headlineRegular,l.fontSizes.pageComponentHeadline,l.breakpoints.medium,l.fontSizes.headline),s=r(5),f=r(6),p=r(3),b=r.n(p);b.a.func,b.a.string;const O={twitter:""};var y=e=>e?"https://twitter.com/".concat(e):"";function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){j(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var d={caption:m(m({},Object(l.fontFactory)({font:"supporting",fontSize:"caption"})),{},{color:"#696969",marginBottom:0}),captionContainer:{alignItems:"center",display:"flex",flexDirection:"row",height:20,marginTop:Object(l.spacing)(2)},container:{marginBottom:Object(l.spacing)(6),marginTop:0},content:m(m({},Object(l.fontFactory)({font:"headlineRegular",fontSize:"pageComponentHeadline"})),{},{color:l.colours.functional.primary}),link:m(m({},Object(l.fontFactory)({font:"supporting",fontSize:"link"})),{},{color:l.colours.functional.action,marginLeft:4,textDecorationLine:"none"}),text:m(m({},Object(l.fontFactory)({font:"supporting",fontSize:"caption"})),{},{color:l.colours.functional.secondary,marginBottom:0}),twitterContainer:{alignItems:"center",borderLeftColor:l.colours.functional.keyline,borderLeftWidth:1,display:"flex",flexDirection:"row",height:13,marginLeft:7,paddingLeft:7}};function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var v=P(P({},d),{},{container:P(P({},d.container),{},{marginBottom:Object(l.spacing)(3)})});const x=e=>{let t=e.onTwitterLinkPress,r=e.twitter;if(!r)return null;const n=y(r);return o.a.createElement(i.TcView,{style:v.twitterContainer},o.a.createElement(f.IconTwitter,{height:10,width:11}),o.a.createElement(s.TextLink,{className:"pullQuoteTwitterLink",key:n,onPress:e=>t(e,{twitter:r,url:n}),style:v.link,target:"_blank",url:n},r))};x.defaultProps=O;var S=x;b.a.string,b.a.oneOfType([b.a.node,b.a.string]).isRequired,b.a.string,b.a.string,b.a.string;const T={caption:"",font:null,quoteColour:l.colours.functional.secondary,text:"",twitter:O.twitter};function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const L={cultureMagazine:{marginLeft:-3},stMagazine:{marginLeft:-2},styleMagazine:{marginLeft:-5}};var z=e=>k(k({},L[e]||{}),{},{fontFamily:l.fonts[e]||l.fonts.headlineRegular,fontSize:75,marginBottom:Object(l.spacing)(-8),marginTop:0});function q(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?q(Object(r),!0).forEach((function(t){_(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const F=(e,t)=>C(C({},z(e)),{},{color:t}),M=e=>{let t=e.caption,r=e.children,n=e.font,c=e.onTwitterLinkPress,a=e.quoteColour,l=e.text,s=e.twitter;return o.a.createElement(i.TcView,{style:v.container},o.a.createElement(i.TcText,{style:F(n,a)},"“"),o.a.createElement(u,null,r),o.a.createElement(i.TcView,{style:v.captionContainer},o.a.createElement(i.TcText,{style:Object(i.checkStylesForUnits)(v.caption)},t),o.a.createElement(i.TcText,{style:Object(i.checkStylesForUnits)(v.text)},t&&l?", ".concat(l):l),o.a.createElement(S,{onTwitterLinkPress:c,twitter:s})))};M.defaultProps=T;var B=M;function I(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const R=e=>{let t=e.children,r=I(e,["children"]);const n=r.twitter;return o.a.createElement("blockquote",{url:n?y(n):""},o.a.createElement(B,r,o.a.createElement("cite",null,t)))};R.defaultProps=T;t.default=R}]);
|