@twreporter/react-article-components 1.13.3-rc.0 → 1.14.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/lib/components/body/slideshow/index.js +20 -53
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
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
|
+
# [1.14.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.14.0-rc.0...@twreporter/react-article-components@1.14.0-rc.1) (2024-05-07)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @twreporter/react-article-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [1.14.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.13.3-rc.0...@twreporter/react-article-components@1.14.0-rc.0) (2024-05-07)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* set aspect-ratio for slideshow ([10bc3a9](https://github.com/twreporter/twreporter-npm-packages/commit/10bc3a955873b0d0bf7589e38670d387b70a2b97))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [1.13.3-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.13.2...@twreporter/react-article-components@1.13.3-rc.0) (2024-05-07)
|
|
7
26
|
|
|
8
27
|
**Note:** Version bump only for package @twreporter/react-article-components
|
|
@@ -31,7 +31,7 @@ var _typography = _interopRequireDefault(require("../../../constants/typography"
|
|
|
31
31
|
|
|
32
32
|
var _color = require("@twreporter/core/lib/constants/color");
|
|
33
33
|
|
|
34
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24
|
|
34
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
|
|
35
35
|
|
|
36
36
|
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); }
|
|
37
37
|
|
|
@@ -188,17 +188,17 @@ var defaultCurIndex = 0;
|
|
|
188
188
|
var SlidesSection = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
189
189
|
displayName: "slideshow__SlidesSection",
|
|
190
190
|
componentId: "sc-1skir21-0"
|
|
191
|
-
})(["flex-shrink:0;flex-basis:100%;overflow:hidden;position:relative;
|
|
191
|
+
})(["flex-shrink:0;flex-basis:100%;overflow:hidden;position:relative;width:100%;aspect-ratio:3 / 2;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n order: 2;\n "]))));
|
|
192
192
|
|
|
193
193
|
var PrevNextSection = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
194
194
|
displayName: "slideshow__PrevNextSection",
|
|
195
195
|
componentId: "sc-1skir21-1"
|
|
196
|
-
})(["margin-top:20px;", " ", " ", ""], _mediaQuery["default"].tabletAndBelow(
|
|
196
|
+
})(["margin-top:20px;", " ", " ", ""], _mediaQuery["default"].tabletAndBelow(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n order: 3;\n "]))), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: 25px;\n "]))), _mediaQuery["default"].tabletOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-left: 47px;\n "]))));
|
|
197
197
|
|
|
198
198
|
var PrevButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
199
199
|
displayName: "slideshow__PrevButton",
|
|
200
200
|
componentId: "sc-1skir21-2"
|
|
201
|
-
})(["cursor:pointer;width:59px;height:59px;display:inline-flex;border:solid 1px;> svg{margin:auto;width:21px;}", " &:hover{> svg{transform:translateX(-5px);transition:transform 0.3s ease;}}"], _mediaQuery["default"].hdOnly(
|
|
201
|
+
})(["cursor:pointer;width:59px;height:59px;display:inline-flex;border:solid 1px;> svg{margin:auto;width:21px;}", " &:hover{> svg{transform:translateX(-5px);transition:transform 0.3s ease;}}"], _mediaQuery["default"].hdOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n width: 83px;\n height: 83px;\n\n > svg {\n width: 31px;\n }\n "]))));
|
|
202
202
|
|
|
203
203
|
var NextButton = /*#__PURE__*/(0, _styledComponents["default"])(PrevButton).withConfig({
|
|
204
204
|
displayName: "slideshow__NextButton",
|
|
@@ -208,21 +208,21 @@ var NextButton = /*#__PURE__*/(0, _styledComponents["default"])(PrevButton).with
|
|
|
208
208
|
var ImageNumberCircle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
209
209
|
displayName: "slideshow__ImageNumberCircle",
|
|
210
210
|
componentId: "sc-1skir21-4"
|
|
211
|
-
})(["display:inline-block;width:80px;height:80px;border-radius:50%;vertical-align:top;position:relative;&::after{content:'';position:absolute;width:62px;border-top:solid 1px;transform:rotate(-45deg);transform-origin:bottom left;top:67px;left:7px;}", " ", " ", ""], _mediaQuery["default"].tabletAndBelow(
|
|
211
|
+
})(["display:inline-block;width:80px;height:80px;border-radius:50%;vertical-align:top;position:relative;&::after{content:'';position:absolute;width:62px;border-top:solid 1px;transform:rotate(-45deg);transform-origin:bottom left;top:67px;left:7px;}", " ", " ", ""], _mediaQuery["default"].tabletAndBelow(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n order: 1;\n\n /* align right */\n margin-left: auto;\n /* 10px is the border-right width of body */\n margin-right: 10px;\n "]))), _mediaQuery["default"].desktopAndAbove(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-top: 6px;\n\n /* align right */\n margin-left: auto;\n "]))), _mediaQuery["default"].hdOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin-right: -18px;\n width: 110px;\n height: 110px;\n\n &::after {\n width: 89px;\n top: 93px;\n left: 10px;\n }\n "]))));
|
|
212
212
|
|
|
213
213
|
var ImageNumber = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
|
214
214
|
displayName: "slideshow__ImageNumber",
|
|
215
215
|
componentId: "sc-1skir21-5"
|
|
216
|
-
})(["position:absolute;top:25px;left:9px;font-size:24px;font-weight:", ";line-height:0.79;", ""], _typography["default"].font.weight.bold, _mediaQuery["default"].hdOnly(
|
|
216
|
+
})(["position:absolute;top:25px;left:9px;font-size:24px;font-weight:", ";line-height:0.79;", ""], _typography["default"].font.weight.bold, _mediaQuery["default"].hdOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n top: 35px;\n left: 10px;\n "]))));
|
|
217
217
|
|
|
218
218
|
var ImageTotal = /*#__PURE__*/(0, _styledComponents["default"])(ImageNumber).withConfig({
|
|
219
219
|
displayName: "slideshow__ImageTotal",
|
|
220
220
|
componentId: "sc-1skir21-6"
|
|
221
|
-
})(["top:46px;left:36px;", ""], _mediaQuery["default"].hdOnly(
|
|
221
|
+
})(["top:46px;left:36px;", ""], _mediaQuery["default"].hdOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n top: 71px;\n left: 50px;\n "]))));
|
|
222
222
|
var Desc = /*#__PURE__*/(0, _styledComponents["default"])(_multimedia["default"].Caption).withConfig({
|
|
223
223
|
displayName: "slideshow__Desc",
|
|
224
224
|
componentId: "sc-1skir21-7"
|
|
225
|
-
})(["align-self:flex-start;display:inline-block;margin-bottom:0;", " ", " ", ""], _mediaQuery["default"].tabletAndBelow(
|
|
225
|
+
})(["align-self:flex-start;display:inline-block;margin-bottom:0;", " ", " ", ""], _mediaQuery["default"].tabletAndBelow(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n order: 4;\n padding-top: 15px;\n "]))), _mediaQuery["default"].mobileOnly(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: calc(180/355*100%);\n "]))), _mediaQuery["default"].desktopAndAbove(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n padding-top: 30px;\n\n /* overwrite Multimedia.Caption styles */\n float: none;\n "]))));
|
|
226
226
|
var EmptyDesc = /*#__PURE__*/(0, _styledComponents["default"])(Desc).withConfig({
|
|
227
227
|
displayName: "slideshow__EmptyDesc",
|
|
228
228
|
componentId: "sc-1skir21-8"
|
|
@@ -235,53 +235,39 @@ var SlidesFlexBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
|
235
235
|
if (props.isSliding) {
|
|
236
236
|
return "transition: transform ".concat(props.duration, "ms ease-in-out;");
|
|
237
237
|
}
|
|
238
|
-
}, _mediaQuery["default"].mobileOnly(
|
|
238
|
+
}, _mediaQuery["default"].mobileOnly(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n transform: translateX(", "%);\n "])), function (props) {
|
|
239
239
|
return getTranslateX(mockup.mobile, props.translateXUint) / getContainerWidth(mockup.mobile) * 100;
|
|
240
|
-
}), _mediaQuery["default"].tabletOnly(
|
|
240
|
+
}), _mediaQuery["default"].tabletOnly(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n transform: translateX(", "%);\n "])), function (props) {
|
|
241
241
|
return getTranslateX(mockup.tablet, props.translateXUint) / getContainerWidth(mockup.tablet) * 100;
|
|
242
|
-
}), _mediaQuery["default"].desktopOnly(
|
|
242
|
+
}), _mediaQuery["default"].desktopOnly(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n transform: translateX(", "px);\n "])), function (props) {
|
|
243
243
|
return getTranslateX(mockup.desktop, props.translateXUint);
|
|
244
|
-
}), _mediaQuery["default"].hdOnly(
|
|
244
|
+
}), _mediaQuery["default"].hdOnly(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n transform: translateX(", "px);\n "])), function (props) {
|
|
245
245
|
return getTranslateX(mockup.hd, props.translateXUint);
|
|
246
246
|
}));
|
|
247
247
|
|
|
248
248
|
var SlideFlexItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
249
249
|
displayName: "slideshow__SlideFlexItem",
|
|
250
250
|
componentId: "sc-1skir21-10"
|
|
251
|
-
})(["height:100%;flex-shrink:0;", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(
|
|
252
|
-
|
|
253
|
-
var SlideMask = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
254
|
-
displayName: "slideshow__SlideMask",
|
|
255
|
-
componentId: "sc-1skir21-11"
|
|
256
|
-
})(["position:absolute;top:0;height:100%;opacity:0.55;"]);
|
|
257
|
-
|
|
258
|
-
var LeftSlideMask = /*#__PURE__*/(0, _styledComponents["default"])(SlideMask).withConfig({
|
|
259
|
-
displayName: "slideshow__LeftSlideMask",
|
|
260
|
-
componentId: "sc-1skir21-12"
|
|
261
|
-
})(["left:0;", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n width: ", "%;\n "])), getLeftMaskWidth(mockup.mobile) / getContainerWidth(mockup.mobile) * 100), _mediaQuery["default"].tabletOnly(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n width: ", "%;\n "])), getLeftMaskWidth(mockup.tablet) / getContainerWidth(mockup.tablet) * 100), _mediaQuery["default"].desktopOnly(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), getLeftMaskWidth(mockup.desktop)), _mediaQuery["default"].hdOnly(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), getLeftMaskWidth(mockup.hd)));
|
|
262
|
-
var RightSlideMask = /*#__PURE__*/(0, _styledComponents["default"])(SlideMask).withConfig({
|
|
263
|
-
displayName: "slideshow__RightSlideMask",
|
|
264
|
-
componentId: "sc-1skir21-13"
|
|
265
|
-
})(["right:0;", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n width: ", "%;\n "])), getRightMaskWidth(mockup.mobile) / getContainerWidth(mockup.mobile) * 100), _mediaQuery["default"].tabletOnly(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n width: ", "%;\n "])), getRightMaskWidth(mockup.tablet) / getContainerWidth(mockup.tablet) * 100), _mediaQuery["default"].desktopOnly(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), getRightMaskWidth(mockup.desktop)), _mediaQuery["default"].hdOnly(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), getRightMaskWidth(mockup.hd)));
|
|
251
|
+
})(["height:100%;flex-shrink:0;", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n flex-basis: calc(", "/", "*100%);\n padding-right: calc(", "/", "*100%);\n "])), getSlideWidth(mockup.mobile), getContainerWidth(mockup.mobile), mockup.mobile.slide.paddingRight, getContainerWidth(mockup.mobile)), _mediaQuery["default"].tabletOnly(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n flex-basis: calc(", "/", "*100%);\n padding-right: calc(", "/", "*100%);\n "])), getSlideWidth(mockup.tablet), getContainerWidth(mockup.tablet), mockup.tablet.slide.paddingRight, getContainerWidth(mockup.tablet)), _mediaQuery["default"].desktopOnly(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n flex-basis: ", "px;\n padding-right: ", "px;\n "])), getSlideWidth(mockup.desktop), mockup.desktop.slide.paddingRight), _mediaQuery["default"].hdOnly(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n flex-basis: ", "px;\n padding-right: ", "px;\n "])), getSlideWidth(mockup.hd), mockup.hd.slide.paddingRight));
|
|
266
252
|
|
|
267
253
|
var SlideshowFlexBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
268
254
|
displayName: "slideshow__SlideshowFlexBox",
|
|
269
|
-
componentId: "sc-1skir21-
|
|
255
|
+
componentId: "sc-1skir21-11"
|
|
270
256
|
})(["", " width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;", " ", " ", ""], function (props) {
|
|
271
257
|
return getSlideshowFlexBoxStyles(props.theme.name);
|
|
272
|
-
}, _mediaQuery["default"].tabletAndBelow(
|
|
258
|
+
}, _mediaQuery["default"].tabletAndBelow(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n width: 100%;\n "]))), _mediaQuery["default"].desktopOnly(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), mockup.desktop.container.width), _mediaQuery["default"].hdOnly(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), mockup.hd.container.width));
|
|
273
259
|
|
|
274
260
|
function getSlideshowFlexBoxStyles(themeName) {
|
|
275
261
|
switch (themeName) {
|
|
276
262
|
case _theme["default"].article.v2.photo:
|
|
277
|
-
return (0, _styledComponents.css)(["", "{border-color:", ";}", "{background-color:", ";&::after{border-color:", ";}}", "{color:", ";}"
|
|
263
|
+
return (0, _styledComponents.css)(["", "{border-color:", ";}", "{background-color:", ";&::after{border-color:", ";}}", "{color:", ";}"], PrevButton, _color.colorGrayscale.gray400, ImageNumberCircle, _color.colorSupportive.main, _color.COLOR_PINK_ARTICLE.darkBlue, ImageNumber, _color.COLOR_PINK_ARTICLE.darkBlue);
|
|
278
264
|
|
|
279
265
|
case _theme["default"].article.v2.pink:
|
|
280
|
-
return (0, _styledComponents.css)(["", "{border-color:", ";}", "{background-color:", ";&::after{border-color:", ";}}", "{color:", ";}"
|
|
266
|
+
return (0, _styledComponents.css)(["", "{border-color:", ";}", "{background-color:", ";&::after{border-color:", ";}}", "{color:", ";}"], PrevButton, _color.colorGrayscale.gray300, ImageNumberCircle, _color.COLOR_PINK_ARTICLE.pink, _color.colorGrayscale.white, ImageNumber, _color.colorGrayscale.white);
|
|
281
267
|
|
|
282
268
|
case _theme["default"].article.v2["default"]:
|
|
283
269
|
default:
|
|
284
|
-
return (0, _styledComponents.css)(["", "{border-color:", ";}", "{background-color:", ";&::after{border-color:", ";}}", "{color:", ";}"
|
|
270
|
+
return (0, _styledComponents.css)(["", "{border-color:", ";}", "{background-color:", ";&::after{border-color:", ";}}", "{color:", ";}"], PrevButton, _color.colorGrayscale.gray300, ImageNumberCircle, _color.colorSupportive.main, _color.colorGrayscale.white, ImageNumber, _color.colorGrayscale.white);
|
|
285
271
|
}
|
|
286
272
|
}
|
|
287
273
|
/**
|
|
@@ -341,24 +327,6 @@ function getContainerWidth(deviceMockup) {
|
|
|
341
327
|
function getSlideWidth(deviceMockup) {
|
|
342
328
|
return deviceMockup.slide.width + deviceMockup.slide.paddingRight;
|
|
343
329
|
}
|
|
344
|
-
/**
|
|
345
|
-
* @param {DeviceMockup} deviceMockup
|
|
346
|
-
* @return {number}
|
|
347
|
-
*/
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
function getLeftMaskWidth(deviceMockup) {
|
|
351
|
-
return deviceMockup.offset.left - deviceMockup.slide.paddingRight; // px
|
|
352
|
-
}
|
|
353
|
-
/**
|
|
354
|
-
* @param {DeviceMockup} deviceMockup
|
|
355
|
-
* @return {number}
|
|
356
|
-
*/
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
function getRightMaskWidth(deviceMockup) {
|
|
360
|
-
return deviceMockup.container.width - deviceMockup.offset.left - getSlideWidth(deviceMockup); // px
|
|
361
|
-
}
|
|
362
330
|
|
|
363
331
|
var imageProp = _propTypes["default"].shape({
|
|
364
332
|
url: _propTypes["default"].string.isRequired
|
|
@@ -393,7 +361,6 @@ var Slideshow = /*#__PURE__*/function (_PureComponent) {
|
|
|
393
361
|
var _images = [].concat(images.slice(-slidesOffset), images, images.slice(defaultCurIndex, slidesOffset));
|
|
394
362
|
|
|
395
363
|
return _.map(_images, function (img, index) {
|
|
396
|
-
var objectFit = _.get(img, 'mobile.width', 0) > _.get(img, 'mobile.height', 0) ? 'cover' : 'contain';
|
|
397
364
|
return (
|
|
398
365
|
/*#__PURE__*/
|
|
399
366
|
// since the items of _images would have the same id,
|
|
@@ -403,7 +370,7 @@ var Slideshow = /*#__PURE__*/function (_PureComponent) {
|
|
|
403
370
|
}, /*#__PURE__*/_react["default"].createElement(_imgWithPlaceholder["default"], {
|
|
404
371
|
imageSet: [img.mobile, img.tablet, img.desktop],
|
|
405
372
|
defaultImage: img.mobile,
|
|
406
|
-
objectFit:
|
|
373
|
+
objectFit: 'contain',
|
|
407
374
|
sizes: "(max-width: 800px) 800px, (max-width: 1200px) 1200px, 2000px"
|
|
408
375
|
}))
|
|
409
376
|
);
|
|
@@ -498,7 +465,7 @@ var Slideshow = /*#__PURE__*/function (_PureComponent) {
|
|
|
498
465
|
translateXUint: translateXUint,
|
|
499
466
|
duration: duration,
|
|
500
467
|
isSliding: isSliding
|
|
501
|
-
}, slides)
|
|
468
|
+
}, slides)), /*#__PURE__*/_react["default"].createElement(PrevNextSection, null, /*#__PURE__*/_react["default"].createElement(PrevButton, {
|
|
502
469
|
onClick: isSliding ? undefined : this.slideToPrev
|
|
503
470
|
}, /*#__PURE__*/_react["default"].createElement(PreArrowSvg, null)), /*#__PURE__*/_react["default"].createElement(NextButton, {
|
|
504
471
|
onClick: isSliding ? undefined : this.slideToNext
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@twreporter/react-article-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.14.0-rc.1",
|
|
4
4
|
"description": "The Reporter react article components, which are used in article page",
|
|
5
5
|
"main": "lib/components/article-page.js",
|
|
6
6
|
"repository": "https://github.com/twreporter/twreporter-npm-packages.git",
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
"webpack-dev-server": "^3.7.2"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@twreporter/core": "^1.21.0-rc.
|
|
28
|
-
"@twreporter/react-components": "^8.27.2-rc.
|
|
29
|
-
"@twreporter/redux": "^7.12.1-rc.
|
|
30
|
-
"@twreporter/universal-header": "^2.12.3-rc.
|
|
27
|
+
"@twreporter/core": "^1.21.0-rc.1",
|
|
28
|
+
"@twreporter/react-components": "^8.27.2-rc.1",
|
|
29
|
+
"@twreporter/redux": "^7.12.1-rc.1",
|
|
30
|
+
"@twreporter/universal-header": "^2.12.3-rc.1",
|
|
31
31
|
"howler": "^2.2.3",
|
|
32
32
|
"lodash": "^4.17.11",
|
|
33
33
|
"memoize-one": "^5.0.5",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"files": [
|
|
41
41
|
"lib"
|
|
42
42
|
],
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "00a17a8a9955eb15def6fee6f0481c868e4b32b0"
|
|
44
44
|
}
|