@micromag/screen-urbania-article 0.3.607 → 0.3.608
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
|
@@ -176,7 +176,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
176
176
|
isCapture = _useScreenRenderConte.isCapture;
|
|
177
177
|
var _ref2 = background || {},
|
|
178
178
|
_ref2$color = _ref2.color,
|
|
179
|
-
backgroundColor = _ref2$color ===
|
|
179
|
+
backgroundColor = _ref2$color === undefined ? null : _ref2$color;
|
|
180
180
|
var _useViewerWebView = useViewerWebView(),
|
|
181
181
|
openedWebView = _useViewerWebView.opened,
|
|
182
182
|
openWebView = _useViewerWebView.open;
|
|
@@ -204,7 +204,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
204
204
|
};
|
|
205
205
|
}, [contentTop, contentHeight, width, height]),
|
|
206
206
|
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
207
|
-
minContentHeight = _useMemo$minContentHe ===
|
|
207
|
+
minContentHeight = _useMemo$minContentHe === undefined ? null : _useMemo$minContentHe;
|
|
208
208
|
var isVideo = type === 'video';
|
|
209
209
|
var hasOverTitle = isTextFilled(overTitle);
|
|
210
210
|
var hasTitle = isTextFilled(title);
|
|
@@ -215,9 +215,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
215
215
|
var hasAuthor = isTextFilled(authorFullName);
|
|
216
216
|
var _ref5 = image || {},
|
|
217
217
|
_ref5$url = _ref5.url,
|
|
218
|
-
url = _ref5$url ===
|
|
218
|
+
url = _ref5$url === undefined ? null : _ref5$url,
|
|
219
219
|
_ref5$type = _ref5.type,
|
|
220
|
-
imageType = _ref5$type ===
|
|
220
|
+
imageType = _ref5$type === undefined ? null : _ref5$type;
|
|
221
221
|
var hasImage = url !== null;
|
|
222
222
|
var hasHeader = isHeaderFilled(header);
|
|
223
223
|
var hasFooter = isFooterFilled(footer) || hasArticle;
|
|
@@ -232,7 +232,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
232
232
|
};
|
|
233
233
|
var _ref6 = footer || {},
|
|
234
234
|
_ref6$callToAction = _ref6.callToAction,
|
|
235
|
-
callToAction = _ref6$callToAction ===
|
|
235
|
+
callToAction = _ref6$callToAction === undefined ? null : _ref6$callToAction,
|
|
236
236
|
otherFooterProps = _objectWithoutProperties(_ref6, _excluded$1);
|
|
237
237
|
var footerProps = getFooterProps(_objectSpread(_objectSpread({}, otherFooterProps), {}, {
|
|
238
238
|
callToAction: _objectSpread(_objectSpread({}, callToAction), footerCta)
|
|
@@ -248,7 +248,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
248
248
|
});
|
|
249
249
|
var _ref7 = background || {},
|
|
250
250
|
_ref7$video = _ref7.video,
|
|
251
|
-
backgroundVideo = _ref7$video ===
|
|
251
|
+
backgroundVideo = _ref7$video === undefined ? null : _ref7$video;
|
|
252
252
|
var hasVideoBackground = backgroundVideo !== null;
|
|
253
253
|
var mediaShouldLoad = current || preload;
|
|
254
254
|
var finalPlaying = playing && current;
|
|
@@ -349,7 +349,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
349
349
|
var sponsor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
350
350
|
var _ref9 = sponsor || {},
|
|
351
351
|
_ref9$body = _ref9.body,
|
|
352
|
-
body = _ref9$body ===
|
|
352
|
+
body = _ref9$body === undefined ? '' : _ref9$body;
|
|
353
353
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
354
354
|
key: body
|
|
355
355
|
}, sponsorPrefix !== null ? /*#__PURE__*/React.createElement("span", {
|
|
@@ -500,74 +500,74 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
500
500
|
var values = useMemo(function () {
|
|
501
501
|
var _ref2 = props || {},
|
|
502
502
|
_ref2$articleType = _ref2.articleType,
|
|
503
|
-
articleType = _ref2$articleType ===
|
|
503
|
+
articleType = _ref2$articleType === undefined ? null : _ref2$articleType,
|
|
504
504
|
_ref2$title = _ref2.title,
|
|
505
|
-
title = _ref2$title ===
|
|
505
|
+
title = _ref2$title === undefined ? {} : _ref2$title,
|
|
506
506
|
_ref2$overTitle = _ref2.overTitle,
|
|
507
|
-
overTitle = _ref2$overTitle ===
|
|
507
|
+
overTitle = _ref2$overTitle === undefined ? {} : _ref2$overTitle,
|
|
508
508
|
_ref2$sponsorLabel = _ref2.sponsorLabel,
|
|
509
|
-
sponsorLabel = _ref2$sponsorLabel ===
|
|
509
|
+
sponsorLabel = _ref2$sponsorLabel === undefined ? {} : _ref2$sponsorLabel,
|
|
510
510
|
_ref2$author = _ref2.author,
|
|
511
|
-
author = _ref2$author ===
|
|
511
|
+
author = _ref2$author === undefined ? null : _ref2$author,
|
|
512
512
|
_ref2$image = _ref2.image,
|
|
513
|
-
image = _ref2$image ===
|
|
513
|
+
image = _ref2$image === undefined ? {} : _ref2$image,
|
|
514
514
|
_ref2$header = _ref2.header,
|
|
515
|
-
header = _ref2$header ===
|
|
515
|
+
header = _ref2$header === undefined ? {} : _ref2$header,
|
|
516
516
|
_ref2$footer = _ref2.footer,
|
|
517
|
-
footer = _ref2$footer ===
|
|
517
|
+
footer = _ref2$footer === undefined ? {} : _ref2$footer;
|
|
518
518
|
var _ref3 = image || {},
|
|
519
519
|
_ref3$url = _ref3.url,
|
|
520
|
-
imageUrl = _ref3$url ===
|
|
520
|
+
imageUrl = _ref3$url === undefined ? null : _ref3$url;
|
|
521
521
|
var _ref4 = footer || {},
|
|
522
522
|
_ref4$callToAction = _ref4.callToAction,
|
|
523
|
-
callToAction = _ref4$callToAction ===
|
|
523
|
+
callToAction = _ref4$callToAction === undefined ? null : _ref4$callToAction;
|
|
524
524
|
var _ref5 = callToAction || {},
|
|
525
525
|
_ref5$url = _ref5.url,
|
|
526
|
-
ctaUrl = _ref5$url ===
|
|
526
|
+
ctaUrl = _ref5$url === undefined ? null : _ref5$url;
|
|
527
527
|
|
|
528
528
|
// Straight from article
|
|
529
529
|
var _ref6 = article || {},
|
|
530
530
|
_ref6$type = _ref6.type,
|
|
531
|
-
type = _ref6$type ===
|
|
531
|
+
type = _ref6$type === undefined ? null : _ref6$type,
|
|
532
532
|
_ref6$title = _ref6.title,
|
|
533
|
-
articleTitle = _ref6$title ===
|
|
533
|
+
articleTitle = _ref6$title === undefined ? null : _ref6$title,
|
|
534
534
|
_ref6$image = _ref6.image,
|
|
535
|
-
articleImage = _ref6$image ===
|
|
535
|
+
articleImage = _ref6$image === undefined ? null : _ref6$image,
|
|
536
536
|
_ref6$metadata = _ref6.metadata,
|
|
537
|
-
metadata = _ref6$metadata ===
|
|
537
|
+
metadata = _ref6$metadata === undefined ? {} : _ref6$metadata;
|
|
538
538
|
var hasArticle = article !== null;
|
|
539
539
|
var _ref7 = metadata || {},
|
|
540
540
|
_ref7$credits = _ref7.credits,
|
|
541
|
-
credits = _ref7$credits ===
|
|
541
|
+
credits = _ref7$credits === undefined ? [] : _ref7$credits,
|
|
542
542
|
_ref7$sponsors = _ref7.sponsors,
|
|
543
|
-
sponsors = _ref7$sponsors ===
|
|
543
|
+
sponsors = _ref7$sponsors === undefined ? [] : _ref7$sponsors,
|
|
544
544
|
_ref7$brands = _ref7.brands,
|
|
545
|
-
brands = _ref7$brands ===
|
|
545
|
+
brands = _ref7$brands === undefined ? [] : _ref7$brands;
|
|
546
546
|
var _ref8 = credits || [],
|
|
547
547
|
_ref9 = _slicedToArray(_ref8, 1),
|
|
548
548
|
_ref9$ = _ref9[0],
|
|
549
|
-
_ref9$2 = _ref9$ ===
|
|
549
|
+
_ref9$2 = _ref9$ === undefined ? {} : _ref9$,
|
|
550
550
|
_ref9$2$author = _ref9$2.author,
|
|
551
|
-
creditAuthor = _ref9$2$author ===
|
|
551
|
+
creditAuthor = _ref9$2$author === undefined ? null : _ref9$2$author;
|
|
552
552
|
var _ref10 = brands || [],
|
|
553
553
|
_ref11 = _slicedToArray(_ref10, 1),
|
|
554
554
|
_ref11$ = _ref11[0],
|
|
555
|
-
_ref11$2 = _ref11$ ===
|
|
555
|
+
_ref11$2 = _ref11$ === undefined ? {} : _ref11$,
|
|
556
556
|
_ref11$2$handle = _ref11$2.handle,
|
|
557
|
-
site = _ref11$2$handle ===
|
|
557
|
+
site = _ref11$2$handle === undefined ? null : _ref11$2$handle;
|
|
558
558
|
var _ref12 = articleImage || {},
|
|
559
559
|
_ref12$sizes = _ref12.sizes,
|
|
560
|
-
sizes = _ref12$sizes ===
|
|
560
|
+
sizes = _ref12$sizes === undefined ? {} : _ref12$sizes;
|
|
561
561
|
var _ref13 = sizes || {},
|
|
562
562
|
_ref13$medium = _ref13.medium,
|
|
563
|
-
medium = _ref13$medium ===
|
|
563
|
+
medium = _ref13$medium === undefined ? {} : _ref13$medium,
|
|
564
564
|
_ref13$large = _ref13.large,
|
|
565
|
-
large = _ref13$large ===
|
|
565
|
+
large = _ref13$large === undefined ? {} : _ref13$large;
|
|
566
566
|
var _ref14 = creditAuthor || {},
|
|
567
567
|
_ref14$name = _ref14.name,
|
|
568
|
-
authorName = _ref14$name ===
|
|
568
|
+
authorName = _ref14$name === undefined ? null : _ref14$name,
|
|
569
569
|
_ref14$image = _ref14.image,
|
|
570
|
-
authorImage = _ref14$image ===
|
|
570
|
+
authorImage = _ref14$image === undefined ? null : _ref14$image;
|
|
571
571
|
var finalArticleAuthor = _objectSpread(_objectSpread({}, authorName !== null ? {
|
|
572
572
|
name: {
|
|
573
573
|
body: "<p>".concat(authorName, "</p>")
|
|
@@ -582,9 +582,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
582
582
|
// Sponsors
|
|
583
583
|
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref15) {
|
|
584
584
|
var _ref15$organisation = _ref15.organisation,
|
|
585
|
-
_ref15$organisation2 = _ref15$organisation ===
|
|
585
|
+
_ref15$organisation2 = _ref15$organisation === undefined ? {} : _ref15$organisation,
|
|
586
586
|
_ref15$organisation2$ = _ref15$organisation2.name,
|
|
587
|
-
name = _ref15$organisation2$ ===
|
|
587
|
+
name = _ref15$organisation2$ === undefined ? null : _ref15$organisation2$;
|
|
588
588
|
return name;
|
|
589
589
|
}).filter(function (name) {
|
|
590
590
|
return name !== null;
|
|
@@ -887,7 +887,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
|
|
|
887
887
|
};
|
|
888
888
|
var _ref2 = finalBackground || {},
|
|
889
889
|
_ref2$video = _ref2.video,
|
|
890
|
-
backgroundVideo = _ref2$video ===
|
|
890
|
+
backgroundVideo = _ref2$video === undefined ? null : _ref2$video;
|
|
891
891
|
var isBackgroundVideo = backgroundVideo !== null;
|
|
892
892
|
var _useScreenSize = useScreenSize(),
|
|
893
893
|
width = _useScreenSize.width,
|
|
@@ -904,7 +904,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
|
|
|
904
904
|
openWebView = _useViewerWebView.open,
|
|
905
905
|
closeWebWiew = _useViewerWebView.close,
|
|
906
906
|
_useViewerWebView$ope = _useViewerWebView.opened,
|
|
907
|
-
articleOpened = _useViewerWebView$ope ===
|
|
907
|
+
articleOpened = _useViewerWebView$ope === undefined ? 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 === undefined ? 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);
|
|
@@ -1037,10 +1037,10 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
|
|
|
1037
1037
|
}),
|
|
1038
1038
|
articlePreviewRef = _useResizeObserver.ref,
|
|
1039
1039
|
_useResizeObserver$en = _useResizeObserver.entry.contentRect,
|
|
1040
|
-
articlePreviewContentRect = _useResizeObserver$en ===
|
|
1040
|
+
articlePreviewContentRect = _useResizeObserver$en === undefined ? null : _useResizeObserver$en;
|
|
1041
1041
|
var _ref6 = articlePreviewContentRect || {},
|
|
1042
1042
|
_ref6$height = _ref6.height,
|
|
1043
|
-
articlePreviewHeight = _ref6$height ===
|
|
1043
|
+
articlePreviewHeight = _ref6$height === undefined ? 0 : _ref6$height;
|
|
1044
1044
|
var minimumVisibility = 20;
|
|
1045
1045
|
var y = 100;
|
|
1046
1046
|
if (current && articleOpened) {
|
|
@@ -1212,7 +1212,7 @@ UrbaniaArticleCard.propTypes = propTypes;
|
|
|
1212
1212
|
function UrbaniaCardLoader(props) {
|
|
1213
1213
|
var _ref = props || {},
|
|
1214
1214
|
_ref$cardCallToAction = _ref.cardCallToAction,
|
|
1215
|
-
cardCallToAction = _ref$cardCallToAction ===
|
|
1215
|
+
cardCallToAction = _ref$cardCallToAction === undefined ? {} : _ref$cardCallToAction;
|
|
1216
1216
|
return /*#__PURE__*/React.createElement(UrbaniaLoader, Object.assign({
|
|
1217
1217
|
component: UrbaniaArticleCard,
|
|
1218
1218
|
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.608",
|
|
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.608",
|
|
66
|
+
"@micromag/element-background": "^0.3.608",
|
|
67
|
+
"@micromag/element-button": "^0.3.608",
|
|
68
|
+
"@micromag/element-closed-captions": "^0.3.608",
|
|
69
|
+
"@micromag/element-container": "^0.3.608",
|
|
70
|
+
"@micromag/element-footer": "^0.3.608",
|
|
71
|
+
"@micromag/element-header": "^0.3.608",
|
|
72
|
+
"@micromag/element-heading": "^0.3.608",
|
|
73
|
+
"@micromag/element-image": "^0.3.608",
|
|
74
|
+
"@micromag/element-layout": "^0.3.608",
|
|
75
|
+
"@micromag/element-text": "^0.3.608",
|
|
76
|
+
"@micromag/element-urbania-author": "^0.3.608",
|
|
77
|
+
"@micromag/element-video": "^0.3.608",
|
|
78
|
+
"@micromag/element-visual": "^0.3.608",
|
|
79
|
+
"@micromag/transforms": "^0.3.608",
|
|
80
80
|
"@react-spring/web": "^9.6.1",
|
|
81
81
|
"@use-gesture/react": "^10.3.0",
|
|
82
82
|
"classnames": "^2.2.6",
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"access": "public",
|
|
90
90
|
"registry": "https://registry.npmjs.org/"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "02f8cfe4dde0c33bec9ed7c3bdb671cd8acf78bc"
|
|
93
93
|
}
|