@micromag/screen-urbania-article 0.3.651 → 0.3.659
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/es/index.js +42 -42
- package/package.json +17 -17
package/es/index.js
CHANGED
|
@@ -177,7 +177,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
177
177
|
isCapture = _useScreenRenderConte.isCapture;
|
|
178
178
|
var _ref2 = background || {},
|
|
179
179
|
_ref2$color = _ref2.color,
|
|
180
|
-
backgroundColor = _ref2$color ===
|
|
180
|
+
backgroundColor = _ref2$color === void 0 ? null : _ref2$color;
|
|
181
181
|
var _useViewerWebView = useViewerWebView(),
|
|
182
182
|
openedWebView = _useViewerWebView.opened,
|
|
183
183
|
openWebView = _useViewerWebView.open;
|
|
@@ -205,7 +205,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
205
205
|
};
|
|
206
206
|
}, [contentTop, contentHeight, width, height]),
|
|
207
207
|
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
208
|
-
minContentHeight = _useMemo$minContentHe ===
|
|
208
|
+
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe;
|
|
209
209
|
var isVideo = type === 'video';
|
|
210
210
|
var hasOverTitle = isTextFilled(overTitle);
|
|
211
211
|
var hasTitle = isTextFilled(title);
|
|
@@ -216,9 +216,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
216
216
|
var hasAuthor = isTextFilled(authorFullName);
|
|
217
217
|
var _ref5 = image || {},
|
|
218
218
|
_ref5$url = _ref5.url,
|
|
219
|
-
url = _ref5$url ===
|
|
219
|
+
url = _ref5$url === void 0 ? null : _ref5$url,
|
|
220
220
|
_ref5$type = _ref5.type,
|
|
221
|
-
imageType = _ref5$type ===
|
|
221
|
+
imageType = _ref5$type === void 0 ? null : _ref5$type;
|
|
222
222
|
var hasImage = url !== null;
|
|
223
223
|
var hasHeader = isHeaderFilled(header);
|
|
224
224
|
var hasFooter = isFooterFilled(footer) || hasArticle;
|
|
@@ -233,7 +233,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
233
233
|
};
|
|
234
234
|
var _ref6 = footer || {},
|
|
235
235
|
_ref6$callToAction = _ref6.callToAction,
|
|
236
|
-
callToAction = _ref6$callToAction ===
|
|
236
|
+
callToAction = _ref6$callToAction === void 0 ? null : _ref6$callToAction,
|
|
237
237
|
otherFooterProps = _objectWithoutProperties(_ref6, _excluded$1);
|
|
238
238
|
var footerProps = getFooterProps(_objectSpread(_objectSpread({}, otherFooterProps), {}, {
|
|
239
239
|
callToAction: _objectSpread(_objectSpread({}, callToAction), footerCta)
|
|
@@ -249,7 +249,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
249
249
|
});
|
|
250
250
|
var _ref7 = background || {},
|
|
251
251
|
_ref7$video = _ref7.video,
|
|
252
|
-
backgroundVideo = _ref7$video ===
|
|
252
|
+
backgroundVideo = _ref7$video === void 0 ? null : _ref7$video;
|
|
253
253
|
var hasVideoBackground = backgroundVideo !== null;
|
|
254
254
|
var mediaShouldLoad = current || preload;
|
|
255
255
|
var finalPlaying = playing && current;
|
|
@@ -350,7 +350,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
350
350
|
var sponsor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
351
351
|
var _ref9 = sponsor || {},
|
|
352
352
|
_ref9$body = _ref9.body,
|
|
353
|
-
body = _ref9$body ===
|
|
353
|
+
body = _ref9$body === void 0 ? '' : _ref9$body;
|
|
354
354
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
355
355
|
key: body
|
|
356
356
|
}, sponsorPrefix !== null ? /*#__PURE__*/React.createElement("span", {
|
|
@@ -501,74 +501,74 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
501
501
|
var values = useMemo(function () {
|
|
502
502
|
var _ref2 = props || {},
|
|
503
503
|
_ref2$articleType = _ref2.articleType,
|
|
504
|
-
articleType = _ref2$articleType ===
|
|
504
|
+
articleType = _ref2$articleType === void 0 ? null : _ref2$articleType,
|
|
505
505
|
_ref2$title = _ref2.title,
|
|
506
|
-
title = _ref2$title ===
|
|
506
|
+
title = _ref2$title === void 0 ? {} : _ref2$title,
|
|
507
507
|
_ref2$overTitle = _ref2.overTitle,
|
|
508
|
-
overTitle = _ref2$overTitle ===
|
|
508
|
+
overTitle = _ref2$overTitle === void 0 ? {} : _ref2$overTitle,
|
|
509
509
|
_ref2$sponsorLabel = _ref2.sponsorLabel,
|
|
510
|
-
sponsorLabel = _ref2$sponsorLabel ===
|
|
510
|
+
sponsorLabel = _ref2$sponsorLabel === void 0 ? {} : _ref2$sponsorLabel,
|
|
511
511
|
_ref2$author = _ref2.author,
|
|
512
|
-
author = _ref2$author ===
|
|
512
|
+
author = _ref2$author === void 0 ? null : _ref2$author,
|
|
513
513
|
_ref2$image = _ref2.image,
|
|
514
|
-
image = _ref2$image ===
|
|
514
|
+
image = _ref2$image === void 0 ? {} : _ref2$image,
|
|
515
515
|
_ref2$header = _ref2.header,
|
|
516
|
-
header = _ref2$header ===
|
|
516
|
+
header = _ref2$header === void 0 ? {} : _ref2$header,
|
|
517
517
|
_ref2$footer = _ref2.footer,
|
|
518
|
-
footer = _ref2$footer ===
|
|
518
|
+
footer = _ref2$footer === void 0 ? {} : _ref2$footer;
|
|
519
519
|
var _ref3 = image || {},
|
|
520
520
|
_ref3$url = _ref3.url,
|
|
521
|
-
imageUrl = _ref3$url ===
|
|
521
|
+
imageUrl = _ref3$url === void 0 ? null : _ref3$url;
|
|
522
522
|
var _ref4 = footer || {},
|
|
523
523
|
_ref4$callToAction = _ref4.callToAction,
|
|
524
|
-
callToAction = _ref4$callToAction ===
|
|
524
|
+
callToAction = _ref4$callToAction === void 0 ? null : _ref4$callToAction;
|
|
525
525
|
var _ref5 = callToAction || {},
|
|
526
526
|
_ref5$url = _ref5.url,
|
|
527
|
-
ctaUrl = _ref5$url ===
|
|
527
|
+
ctaUrl = _ref5$url === void 0 ? null : _ref5$url;
|
|
528
528
|
|
|
529
529
|
// Straight from article
|
|
530
530
|
var _ref6 = article || {},
|
|
531
531
|
_ref6$type = _ref6.type,
|
|
532
|
-
type = _ref6$type ===
|
|
532
|
+
type = _ref6$type === void 0 ? null : _ref6$type,
|
|
533
533
|
_ref6$title = _ref6.title,
|
|
534
|
-
articleTitle = _ref6$title ===
|
|
534
|
+
articleTitle = _ref6$title === void 0 ? null : _ref6$title,
|
|
535
535
|
_ref6$image = _ref6.image,
|
|
536
|
-
articleImage = _ref6$image ===
|
|
536
|
+
articleImage = _ref6$image === void 0 ? null : _ref6$image,
|
|
537
537
|
_ref6$metadata = _ref6.metadata,
|
|
538
|
-
metadata = _ref6$metadata ===
|
|
538
|
+
metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
|
|
539
539
|
var hasArticle = article !== null;
|
|
540
540
|
var _ref7 = metadata || {},
|
|
541
541
|
_ref7$credits = _ref7.credits,
|
|
542
|
-
credits = _ref7$credits ===
|
|
542
|
+
credits = _ref7$credits === void 0 ? [] : _ref7$credits,
|
|
543
543
|
_ref7$sponsors = _ref7.sponsors,
|
|
544
|
-
sponsors = _ref7$sponsors ===
|
|
544
|
+
sponsors = _ref7$sponsors === void 0 ? [] : _ref7$sponsors,
|
|
545
545
|
_ref7$brands = _ref7.brands,
|
|
546
|
-
brands = _ref7$brands ===
|
|
546
|
+
brands = _ref7$brands === void 0 ? [] : _ref7$brands;
|
|
547
547
|
var _ref8 = credits || [],
|
|
548
548
|
_ref9 = _slicedToArray(_ref8, 1),
|
|
549
549
|
_ref9$ = _ref9[0],
|
|
550
|
-
_ref9$2 = _ref9$ ===
|
|
550
|
+
_ref9$2 = _ref9$ === void 0 ? {} : _ref9$,
|
|
551
551
|
_ref9$2$author = _ref9$2.author,
|
|
552
|
-
creditAuthor = _ref9$2$author ===
|
|
552
|
+
creditAuthor = _ref9$2$author === void 0 ? null : _ref9$2$author;
|
|
553
553
|
var _ref10 = brands || [],
|
|
554
554
|
_ref11 = _slicedToArray(_ref10, 1),
|
|
555
555
|
_ref11$ = _ref11[0],
|
|
556
|
-
_ref11$2 = _ref11$ ===
|
|
556
|
+
_ref11$2 = _ref11$ === void 0 ? {} : _ref11$,
|
|
557
557
|
_ref11$2$handle = _ref11$2.handle,
|
|
558
|
-
site = _ref11$2$handle ===
|
|
558
|
+
site = _ref11$2$handle === void 0 ? null : _ref11$2$handle;
|
|
559
559
|
var _ref12 = articleImage || {},
|
|
560
560
|
_ref12$sizes = _ref12.sizes,
|
|
561
|
-
sizes = _ref12$sizes ===
|
|
561
|
+
sizes = _ref12$sizes === void 0 ? {} : _ref12$sizes;
|
|
562
562
|
var _ref13 = sizes || {},
|
|
563
563
|
_ref13$medium = _ref13.medium,
|
|
564
|
-
medium = _ref13$medium ===
|
|
564
|
+
medium = _ref13$medium === void 0 ? {} : _ref13$medium,
|
|
565
565
|
_ref13$large = _ref13.large,
|
|
566
|
-
large = _ref13$large ===
|
|
566
|
+
large = _ref13$large === void 0 ? {} : _ref13$large;
|
|
567
567
|
var _ref14 = creditAuthor || {},
|
|
568
568
|
_ref14$name = _ref14.name,
|
|
569
|
-
authorName = _ref14$name ===
|
|
569
|
+
authorName = _ref14$name === void 0 ? null : _ref14$name,
|
|
570
570
|
_ref14$image = _ref14.image,
|
|
571
|
-
authorImage = _ref14$image ===
|
|
571
|
+
authorImage = _ref14$image === void 0 ? null : _ref14$image;
|
|
572
572
|
var finalArticleAuthor = _objectSpread(_objectSpread({}, authorName !== null ? {
|
|
573
573
|
name: {
|
|
574
574
|
body: "<p>".concat(authorName, "</p>")
|
|
@@ -583,9 +583,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
583
583
|
// Sponsors
|
|
584
584
|
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref15) {
|
|
585
585
|
var _ref15$organisation = _ref15.organisation,
|
|
586
|
-
_ref15$organisation2 = _ref15$organisation ===
|
|
586
|
+
_ref15$organisation2 = _ref15$organisation === void 0 ? {} : _ref15$organisation,
|
|
587
587
|
_ref15$organisation2$ = _ref15$organisation2.name,
|
|
588
|
-
name = _ref15$organisation2$ ===
|
|
588
|
+
name = _ref15$organisation2$ === void 0 ? null : _ref15$organisation2$;
|
|
589
589
|
return name;
|
|
590
590
|
}).filter(function (name) {
|
|
591
591
|
return name !== null;
|
|
@@ -888,7 +888,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
|
|
|
888
888
|
};
|
|
889
889
|
var _ref2 = finalBackground || {},
|
|
890
890
|
_ref2$video = _ref2.video,
|
|
891
|
-
backgroundVideo = _ref2$video ===
|
|
891
|
+
backgroundVideo = _ref2$video === void 0 ? null : _ref2$video;
|
|
892
892
|
var isBackgroundVideo = backgroundVideo !== null;
|
|
893
893
|
var _useScreenSize = useScreenSize(),
|
|
894
894
|
width = _useScreenSize.width,
|
|
@@ -904,7 +904,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
|
|
|
904
904
|
var _useViewerWebView = useViewerWebView(),
|
|
905
905
|
openWebView = _useViewerWebView.open,
|
|
906
906
|
_useViewerWebView$ope = _useViewerWebView.opened,
|
|
907
|
-
webviewOpened = _useViewerWebView$ope ===
|
|
907
|
+
webviewOpened = _useViewerWebView$ope === void 0 ? false : _useViewerWebView$ope;
|
|
908
908
|
var _useViewerContext = useViewerContext(),
|
|
909
909
|
viewerTopHeight = _useViewerContext.topHeight,
|
|
910
910
|
viewerBottomHeight = _useViewerContext.bottomHeight;
|
|
@@ -920,7 +920,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
|
|
|
920
920
|
setPlaying = _usePlaybackContext.setPlaying;
|
|
921
921
|
var _ref3 = author || {},
|
|
922
922
|
_ref3$name = _ref3.name,
|
|
923
|
-
authorName = _ref3$name ===
|
|
923
|
+
authorName = _ref3$name === void 0 ? null : _ref3$name;
|
|
924
924
|
var hasUrl = url !== null && isString(url) && url.length > 0;
|
|
925
925
|
var hasHeader = isHeaderFilled(header);
|
|
926
926
|
var hasText = isTextFilled(text);
|
|
@@ -1045,10 +1045,10 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
|
|
|
1045
1045
|
}),
|
|
1046
1046
|
articlePreviewRef = _useResizeObserver.ref,
|
|
1047
1047
|
_useResizeObserver$en = _useResizeObserver.entry.contentRect,
|
|
1048
|
-
articlePreviewContentRect = _useResizeObserver$en ===
|
|
1048
|
+
articlePreviewContentRect = _useResizeObserver$en === void 0 ? null : _useResizeObserver$en;
|
|
1049
1049
|
var _ref6 = articlePreviewContentRect || {},
|
|
1050
1050
|
_ref6$height = _ref6.height,
|
|
1051
|
-
articlePreviewHeight = _ref6$height ===
|
|
1051
|
+
articlePreviewHeight = _ref6$height === void 0 ? 0 : _ref6$height;
|
|
1052
1052
|
var minimumVisibility = 20;
|
|
1053
1053
|
var y = 100;
|
|
1054
1054
|
if (current && articleOpened) {
|
|
@@ -1220,7 +1220,7 @@ UrbaniaArticleCard.propTypes = propTypes;
|
|
|
1220
1220
|
function UrbaniaCardLoader(props) {
|
|
1221
1221
|
var _ref = props || {},
|
|
1222
1222
|
_ref$cardCallToAction = _ref.cardCallToAction,
|
|
1223
|
-
cardCallToAction = _ref$cardCallToAction ===
|
|
1223
|
+
cardCallToAction = _ref$cardCallToAction === void 0 ? {} : _ref$cardCallToAction;
|
|
1224
1224
|
return /*#__PURE__*/React.createElement(UrbaniaLoader, Object.assign({
|
|
1225
1225
|
component: UrbaniaArticleCard,
|
|
1226
1226
|
callToAction: cardCallToAction
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-article",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.659",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -62,21 +62,21 @@
|
|
|
62
62
|
"@babel/runtime": "^7.13.10",
|
|
63
63
|
"@folklore/fetch": "^0.1.17",
|
|
64
64
|
"@folklore/size": "^0.1.20",
|
|
65
|
-
"@micromag/core": "^0.3.
|
|
66
|
-
"@micromag/element-background": "^0.3.
|
|
67
|
-
"@micromag/element-button": "^0.3.
|
|
68
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
69
|
-
"@micromag/element-container": "^0.3.
|
|
70
|
-
"@micromag/element-footer": "^0.3.
|
|
71
|
-
"@micromag/element-header": "^0.3.
|
|
72
|
-
"@micromag/element-heading": "^0.3.
|
|
73
|
-
"@micromag/element-image": "^0.3.
|
|
74
|
-
"@micromag/element-layout": "^0.3.
|
|
75
|
-
"@micromag/element-text": "^0.3.
|
|
76
|
-
"@micromag/element-urbania-author": "^0.3.
|
|
77
|
-
"@micromag/element-video": "^0.3.
|
|
78
|
-
"@micromag/element-visual": "^0.3.
|
|
79
|
-
"@micromag/transforms": "^0.3.
|
|
65
|
+
"@micromag/core": "^0.3.659",
|
|
66
|
+
"@micromag/element-background": "^0.3.659",
|
|
67
|
+
"@micromag/element-button": "^0.3.659",
|
|
68
|
+
"@micromag/element-closed-captions": "^0.3.659",
|
|
69
|
+
"@micromag/element-container": "^0.3.659",
|
|
70
|
+
"@micromag/element-footer": "^0.3.659",
|
|
71
|
+
"@micromag/element-header": "^0.3.659",
|
|
72
|
+
"@micromag/element-heading": "^0.3.659",
|
|
73
|
+
"@micromag/element-image": "^0.3.659",
|
|
74
|
+
"@micromag/element-layout": "^0.3.659",
|
|
75
|
+
"@micromag/element-text": "^0.3.659",
|
|
76
|
+
"@micromag/element-urbania-author": "^0.3.659",
|
|
77
|
+
"@micromag/element-video": "^0.3.659",
|
|
78
|
+
"@micromag/element-visual": "^0.3.659",
|
|
79
|
+
"@micromag/transforms": "^0.3.659",
|
|
80
80
|
"@react-spring/web": "^9.6.1",
|
|
81
81
|
"@use-gesture/react": "^10.3.0",
|
|
82
82
|
"classnames": "^2.2.6",
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
"access": "public",
|
|
91
91
|
"registry": "https://registry.npmjs.org/"
|
|
92
92
|
},
|
|
93
|
-
"gitHead": "
|
|
93
|
+
"gitHead": "7c13dad69a7e377cd2f900d95cb95694a3a8fcbb"
|
|
94
94
|
}
|