@micromag/screen-urbania-article 0.3.310 → 0.3.318
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/assets/css/styles.css +1 -1
- package/es/index.js +118 -154
- package/lib/index.js +118 -154
- package/package.json +16 -16
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-article-callToActionContainer,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-content,.micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-video{position:absolute;top:0;
|
|
1
|
+
.micromag-screen-urbania-article-callToActionContainer,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-content,.micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;position:relative;width:80%}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent{-ms-flex-positive:1;-ms-flex-pack:end;background-color:transparent;flex-grow:1;justify-content:flex-end;margin-bottom:70px;position:relative}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:absolute}.micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-background{z-index:1}.micromag-screen-urbania-article-content{height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2}.micromag-screen-urbania-article-articleContent,.micromag-screen-urbania-article-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-articleContent{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#222;justify-content:center;text-align:center;z-index:3}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{padding:3px 20px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-overTitle{border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-lede p{margin:0}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors.micromag-screen-urbania-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors p,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-visual{height:100%;z-index:2}.micromag-screen-urbania-article-callToActionContainer{z-index:3}.micromag-screen-urbania-article-callToAction{bottom:0;left:0;padding-bottom:5px;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle;z-index:10}.micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:1px}.micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-bottom{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-image{height:100%!important;position:relative!important;width:100%!important}.micromag-screen-urbania-article-isCurrent .micromag-screen-urbania-article-image{-webkit-animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-img{height:100%!important;left:auto!important;-o-object-fit:cover;object-fit:cover;position:relative!important;top:auto!important;width:100%!important}@-webkit-keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
|
package/es/index.js
CHANGED
|
@@ -28,10 +28,9 @@ var defaultProps$3 = {
|
|
|
28
28
|
color: 'currentColor',
|
|
29
29
|
className: null
|
|
30
30
|
};
|
|
31
|
-
|
|
32
31
|
var Arrow = function Arrow(_ref) {
|
|
33
32
|
var color = _ref.color,
|
|
34
|
-
|
|
33
|
+
className = _ref.className;
|
|
35
34
|
return /*#__PURE__*/React.createElement("svg", {
|
|
36
35
|
version: "1.1",
|
|
37
36
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -55,7 +54,6 @@ var Arrow = function Arrow(_ref) {
|
|
|
55
54
|
d: "M1.5,10.88L24.26,1.5l22.77,9.38"
|
|
56
55
|
})));
|
|
57
56
|
};
|
|
58
|
-
|
|
59
57
|
Arrow.propTypes = propTypes$3;
|
|
60
58
|
Arrow.defaultProps = defaultProps$3;
|
|
61
59
|
|
|
@@ -67,10 +65,9 @@ var defaultProps$2 = {
|
|
|
67
65
|
color: '#222',
|
|
68
66
|
className: null
|
|
69
67
|
};
|
|
70
|
-
|
|
71
68
|
var WatchIcon = function WatchIcon(_ref) {
|
|
72
69
|
var color = _ref.color,
|
|
73
|
-
|
|
70
|
+
className = _ref.className;
|
|
74
71
|
return /*#__PURE__*/React.createElement("svg", {
|
|
75
72
|
version: "1.1",
|
|
76
73
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -92,11 +89,10 @@ var WatchIcon = function WatchIcon(_ref) {
|
|
|
92
89
|
d: "M7.42,8.89v-2.61c-.02-.2,.09-.4,.28-.48,.15-.06,.32-.04,.44,.06,.39,.28,.78,.56,1.17,.85,.82,.59,1.63,1.19,2.45,1.78,.22,.11,.3,.38,.19,.59-.04,.08-.11,.15-.19,.19-.6,.45-1.21,.89-1.82,1.33-.59,.43-1.18,.86-1.78,1.29-.16,.17-.43,.17-.6,0-.02-.02-.03-.03-.04-.05-.07-.11-.1-.24-.1-.37,0-.86,0-1.72,0-2.58h0Z"
|
|
93
90
|
})));
|
|
94
91
|
};
|
|
95
|
-
|
|
96
92
|
WatchIcon.propTypes = propTypes$2;
|
|
97
93
|
WatchIcon.defaultProps = defaultProps$2;
|
|
98
94
|
|
|
99
|
-
var styles = {"callToActionContainer":"micromag-screen-urbania-article-callToActionContainer","
|
|
95
|
+
var styles = {"callToActionContainer":"micromag-screen-urbania-article-callToActionContainer","content":"micromag-screen-urbania-article-content","video":"micromag-screen-urbania-article-video","empty":"micromag-screen-urbania-article-empty","container":"micromag-screen-urbania-article-container","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-articleContent","title":"micromag-screen-urbania-article-title","description":"micromag-screen-urbania-article-description","sponsors":"micromag-screen-urbania-article-sponsors","emptyContainer":"micromag-screen-urbania-article-emptyContainer","callToAction":"micromag-screen-urbania-article-callToAction","small":"micromag-screen-urbania-article-small","background":"micromag-screen-urbania-article-background","overTitle":"micromag-screen-urbania-article-overTitle","authors":"micromag-screen-urbania-article-authors","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
|
|
100
96
|
|
|
101
97
|
var propTypes$1 = {
|
|
102
98
|
hasArticle: PropTypes.bool,
|
|
@@ -138,107 +134,86 @@ var defaultProps$1 = {
|
|
|
138
134
|
spacing: 20,
|
|
139
135
|
className: null
|
|
140
136
|
};
|
|
141
|
-
|
|
142
137
|
var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
143
138
|
var _ref8;
|
|
144
|
-
|
|
145
139
|
var hasArticle = _ref.hasArticle,
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
140
|
+
type = _ref.type,
|
|
141
|
+
image = _ref.image,
|
|
142
|
+
title = _ref.title,
|
|
143
|
+
description = _ref.description,
|
|
144
|
+
overTitle = _ref.overTitle,
|
|
145
|
+
author = _ref.author,
|
|
146
|
+
sponsors = _ref.sponsors,
|
|
147
|
+
sponsorPrefix = _ref.sponsorPrefix,
|
|
148
|
+
sponsorColor = _ref.sponsorColor,
|
|
149
|
+
site = _ref.site,
|
|
150
|
+
background = _ref.background,
|
|
151
|
+
callToAction = _ref.callToAction,
|
|
152
|
+
current = _ref.current,
|
|
153
|
+
active = _ref.active,
|
|
154
|
+
spacing = _ref.spacing,
|
|
155
|
+
className = _ref.className;
|
|
163
156
|
var _useScreenSize = useScreenSize(),
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
157
|
+
width = _useScreenSize.width,
|
|
158
|
+
height = _useScreenSize.height,
|
|
159
|
+
resolution = _useScreenSize.resolution;
|
|
168
160
|
var _useScreenRenderConte = useScreenRenderContext(),
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
161
|
+
isView = _useScreenRenderConte.isView,
|
|
162
|
+
isPreview = _useScreenRenderConte.isPreview,
|
|
163
|
+
isPlaceholder = _useScreenRenderConte.isPlaceholder,
|
|
164
|
+
isEdit = _useScreenRenderConte.isEdit,
|
|
165
|
+
isStatic = _useScreenRenderConte.isStatic,
|
|
166
|
+
isCapture = _useScreenRenderConte.isCapture;
|
|
176
167
|
var _ref2 = background || {},
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
168
|
+
_ref2$color = _ref2.color,
|
|
169
|
+
backgroundColor = _ref2$color === void 0 ? null : _ref2$color;
|
|
180
170
|
var _useViewerWebView = useViewerWebView(),
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
171
|
+
openedWebView = _useViewerWebView.opened,
|
|
172
|
+
openWebView = _useViewerWebView.open;
|
|
184
173
|
var _useViewerContext = useViewerContext(),
|
|
185
|
-
|
|
186
|
-
|
|
174
|
+
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
|
|
187
175
|
var _usePlaybackContext = usePlaybackContext(),
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
176
|
+
muted = _usePlaybackContext.muted,
|
|
177
|
+
playing = _usePlaybackContext.playing;
|
|
191
178
|
var mediaRef = usePlaybackMediaRef(current);
|
|
192
|
-
|
|
193
179
|
var _useDimensionObserver = useDimensionObserver(),
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
180
|
+
contentRef = _useDimensionObserver.ref,
|
|
181
|
+
contentRect = _useDimensionObserver.entry.contentRect,
|
|
182
|
+
contentHeight = _useDimensionObserver.height;
|
|
198
183
|
var _ref3 = contentRect || {},
|
|
199
|
-
|
|
200
|
-
|
|
184
|
+
contentTop = _ref3.top;
|
|
201
185
|
var _useMemo = useMemo(function () {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
186
|
+
var defaultImageHeight = width * 0.8;
|
|
187
|
+
var difference = height - contentHeight - contentTop + 1;
|
|
188
|
+
if (difference > defaultImageHeight) {
|
|
189
|
+
return {
|
|
190
|
+
imageHeight: difference
|
|
191
|
+
};
|
|
192
|
+
}
|
|
206
193
|
return {
|
|
207
194
|
imageHeight: difference
|
|
208
195
|
};
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
imageHeight: difference
|
|
213
|
-
};
|
|
214
|
-
}, [contentTop, contentHeight, width, height]),
|
|
215
|
-
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
216
|
-
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe;
|
|
217
|
-
|
|
196
|
+
}, [contentTop, contentHeight, width, height]),
|
|
197
|
+
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
198
|
+
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe;
|
|
218
199
|
var isVideo = type === 'video';
|
|
219
200
|
var hasOverTitle = isTextFilled(overTitle);
|
|
220
201
|
var hasTitle = isTextFilled(title);
|
|
221
202
|
var hasDescription = isTextFilled(description);
|
|
222
203
|
var hasSponsor = (sponsors || []).length > 0 && isTextFilled(sponsors[0]);
|
|
223
|
-
|
|
224
204
|
var _ref4 = author || {},
|
|
225
|
-
|
|
226
|
-
|
|
205
|
+
authorFullName = _ref4.name;
|
|
227
206
|
var hasAuthor = isTextFilled(authorFullName);
|
|
228
|
-
|
|
229
207
|
var _ref5 = image || {},
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
208
|
+
_ref5$url = _ref5.url,
|
|
209
|
+
url = _ref5$url === void 0 ? null : _ref5$url,
|
|
210
|
+
_ref5$type = _ref5.type,
|
|
211
|
+
imageType = _ref5$type === void 0 ? null : _ref5$type;
|
|
235
212
|
var hasImage = url !== null;
|
|
236
213
|
var hasCallToAction = callToAction !== null && callToAction.active === true;
|
|
237
|
-
|
|
238
214
|
var _ref6 = background || {},
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
215
|
+
_ref6$video = _ref6.video,
|
|
216
|
+
backgroundVideo = _ref6$video === void 0 ? null : _ref6$video;
|
|
242
217
|
var hasVideoBackground = backgroundVideo !== null;
|
|
243
218
|
var mediaShouldLoad = current || active;
|
|
244
219
|
var finalPlaying = playing && current;
|
|
@@ -338,7 +313,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
338
313
|
}, sponsors.map(function () {
|
|
339
314
|
var sponsor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
340
315
|
var _sponsor$body = sponsor.body,
|
|
341
|
-
|
|
316
|
+
body = _sponsor$body === void 0 ? '' : _sponsor$body;
|
|
342
317
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
343
318
|
key: body
|
|
344
319
|
}, sponsorPrefix !== null ? /*#__PURE__*/React.createElement("span", {
|
|
@@ -443,7 +418,6 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
443
418
|
openWebView: openWebView
|
|
444
419
|
}))) : null)));
|
|
445
420
|
};
|
|
446
|
-
|
|
447
421
|
UrbaniaArticle.propTypes = propTypes$1;
|
|
448
422
|
UrbaniaArticle.defaultProps = defaultProps$1;
|
|
449
423
|
var UrbaniaArticle$1 = /*#__PURE__*/React.memo(UrbaniaArticle);
|
|
@@ -459,22 +433,18 @@ var defaultProps = {
|
|
|
459
433
|
url: null,
|
|
460
434
|
article: null
|
|
461
435
|
};
|
|
462
|
-
|
|
463
436
|
var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
464
437
|
var url = _ref.url,
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
438
|
+
initialArticle = _ref.article,
|
|
439
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
468
440
|
var _useState = useState(initialArticle),
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
441
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
442
|
+
article = _useState2[0],
|
|
443
|
+
setArticle = _useState2[1];
|
|
473
444
|
var hostname = useMemo(function () {
|
|
474
445
|
var _ref2 = url !== null && isValidUrl(url) ? new URL(url) : {},
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
446
|
+
_ref2$hostname = _ref2.hostname,
|
|
447
|
+
urlHostname = _ref2$hostname === void 0 ? null : _ref2$hostname;
|
|
478
448
|
return urlHostname;
|
|
479
449
|
}, [url]);
|
|
480
450
|
useEffect(function () {
|
|
@@ -488,89 +458,82 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
488
458
|
}, [url, setArticle]);
|
|
489
459
|
var values = useMemo(function () {
|
|
490
460
|
var _ref3 = props || {},
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
461
|
+
_ref3$articleType = _ref3.articleType,
|
|
462
|
+
articleType = _ref3$articleType === void 0 ? null : _ref3$articleType,
|
|
463
|
+
_ref3$title = _ref3.title,
|
|
464
|
+
title = _ref3$title === void 0 ? {} : _ref3$title,
|
|
465
|
+
_ref3$overTitle = _ref3.overTitle,
|
|
466
|
+
overTitle = _ref3$overTitle === void 0 ? {} : _ref3$overTitle,
|
|
467
|
+
_ref3$sponsor = _ref3.sponsor,
|
|
468
|
+
sponsor = _ref3$sponsor === void 0 ? {} : _ref3$sponsor,
|
|
469
|
+
_ref3$author = _ref3.author,
|
|
470
|
+
author = _ref3$author === void 0 ? null : _ref3$author,
|
|
471
|
+
_ref3$image = _ref3.image,
|
|
472
|
+
image = _ref3$image === void 0 ? {} : _ref3$image,
|
|
473
|
+
_ref3$callToAction = _ref3.callToAction,
|
|
474
|
+
callToAction = _ref3$callToAction === void 0 ? null : _ref3$callToAction;
|
|
506
475
|
var _ref4 = image || {},
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
476
|
+
_ref4$url = _ref4.url,
|
|
477
|
+
imageUrl = _ref4$url === void 0 ? null : _ref4$url;
|
|
510
478
|
var _ref5 = callToAction || {},
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
479
|
+
_ref5$url = _ref5.url,
|
|
480
|
+
ctaUrl = _ref5$url === void 0 ? null : _ref5$url;
|
|
514
481
|
|
|
482
|
+
// Straight from article
|
|
515
483
|
var _ref6 = article || {},
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
484
|
+
_ref6$type = _ref6.type,
|
|
485
|
+
type = _ref6$type === void 0 ? null : _ref6$type,
|
|
486
|
+
_ref6$title = _ref6.title,
|
|
487
|
+
articleTitle = _ref6$title === void 0 ? null : _ref6$title,
|
|
488
|
+
_ref6$image = _ref6.image,
|
|
489
|
+
articleImage = _ref6$image === void 0 ? null : _ref6$image,
|
|
490
|
+
_ref6$metadata = _ref6.metadata,
|
|
491
|
+
metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
|
|
525
492
|
var hasArticle = article !== null;
|
|
526
|
-
|
|
527
493
|
var _ref7 = metadata || {},
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
494
|
+
_ref7$authors = _ref7.authors,
|
|
495
|
+
authors = _ref7$authors === void 0 ? [] : _ref7$authors,
|
|
496
|
+
_ref7$sponsors = _ref7.sponsors,
|
|
497
|
+
sponsors = _ref7$sponsors === void 0 ? [] : _ref7$sponsors,
|
|
498
|
+
_ref7$site = _ref7.site,
|
|
499
|
+
site = _ref7$site === void 0 ? null : _ref7$site,
|
|
500
|
+
_ref7$canonical = _ref7.canonical,
|
|
501
|
+
canonical = _ref7$canonical === void 0 ? null : _ref7$canonical,
|
|
502
|
+
_ref7$readerUrl = _ref7.readerUrl,
|
|
503
|
+
readerUrl = _ref7$readerUrl === void 0 ? null : _ref7$readerUrl;
|
|
539
504
|
var _ref8 = articleImage || {},
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
505
|
+
_ref8$sizes = _ref8.sizes,
|
|
506
|
+
sizes = _ref8$sizes === void 0 ? {} : _ref8$sizes;
|
|
543
507
|
var _ref9 = sizes || {},
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
508
|
+
medium = _ref9.medium,
|
|
509
|
+
large = _ref9.large;
|
|
547
510
|
var articleAuthor = (authors || []).length > 0 ? authors[0] : null;
|
|
548
|
-
|
|
549
511
|
var _ref10 = articleAuthor || {},
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
512
|
+
_ref10$name = _ref10.name,
|
|
513
|
+
authorName = _ref10$name === void 0 ? null : _ref10$name,
|
|
514
|
+
_ref10$avatar = _ref10.avatar,
|
|
515
|
+
authorImage = _ref10$avatar === void 0 ? null : _ref10$avatar;
|
|
555
516
|
var finalArticleAuthor = _objectSpread(_objectSpread({}, authorName !== null ? {
|
|
556
517
|
name: {
|
|
557
518
|
body: "<p>".concat(authorName, "</p>")
|
|
558
519
|
}
|
|
559
520
|
} : null), authorImage !== null ? {
|
|
560
521
|
image: authorImage
|
|
561
|
-
} : null);
|
|
522
|
+
} : null);
|
|
562
523
|
|
|
524
|
+
// Type
|
|
525
|
+
var defaultType = articleType || type;
|
|
563
526
|
|
|
564
|
-
|
|
565
|
-
|
|
527
|
+
// Sponsors
|
|
566
528
|
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref11) {
|
|
567
529
|
var _ref11$name = _ref11.name,
|
|
568
|
-
|
|
530
|
+
name = _ref11$name === void 0 ? null : _ref11$name;
|
|
569
531
|
return name;
|
|
570
532
|
}).filter(function (name) {
|
|
571
533
|
return name !== null;
|
|
572
|
-
}).join(', ').trim() : null;
|
|
534
|
+
}).join(', ').trim() : null;
|
|
573
535
|
|
|
536
|
+
// Content
|
|
574
537
|
var hasTitle = isTextFilled(title);
|
|
575
538
|
var hasOverTitle = isTextFilled(overTitle);
|
|
576
539
|
var hasSponsorProps = isTextFilled(sponsor);
|
|
@@ -625,11 +588,12 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
625
588
|
hasArticle: url !== null
|
|
626
589
|
}));
|
|
627
590
|
};
|
|
628
|
-
|
|
629
591
|
UrbaniaLoader.propTypes = propTypes;
|
|
630
592
|
UrbaniaLoader.defaultProps = defaultProps;
|
|
631
593
|
var UrbaniaLoaderScreen = /*#__PURE__*/React.memo(UrbaniaLoader);
|
|
632
594
|
|
|
595
|
+
// import * as transforms from './transforms/index';
|
|
596
|
+
|
|
633
597
|
var definition = {
|
|
634
598
|
id: 'urbania-article',
|
|
635
599
|
type: 'screen',
|
package/lib/index.js
CHANGED
|
@@ -49,10 +49,9 @@ var defaultProps$3 = {
|
|
|
49
49
|
color: 'currentColor',
|
|
50
50
|
className: null
|
|
51
51
|
};
|
|
52
|
-
|
|
53
52
|
var Arrow = function Arrow(_ref) {
|
|
54
53
|
var color = _ref.color,
|
|
55
|
-
|
|
54
|
+
className = _ref.className;
|
|
56
55
|
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
57
56
|
version: "1.1",
|
|
58
57
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -76,7 +75,6 @@ var Arrow = function Arrow(_ref) {
|
|
|
76
75
|
d: "M1.5,10.88L24.26,1.5l22.77,9.38"
|
|
77
76
|
})));
|
|
78
77
|
};
|
|
79
|
-
|
|
80
78
|
Arrow.propTypes = propTypes$3;
|
|
81
79
|
Arrow.defaultProps = defaultProps$3;
|
|
82
80
|
|
|
@@ -88,10 +86,9 @@ var defaultProps$2 = {
|
|
|
88
86
|
color: '#222',
|
|
89
87
|
className: null
|
|
90
88
|
};
|
|
91
|
-
|
|
92
89
|
var WatchIcon = function WatchIcon(_ref) {
|
|
93
90
|
var color = _ref.color,
|
|
94
|
-
|
|
91
|
+
className = _ref.className;
|
|
95
92
|
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
96
93
|
version: "1.1",
|
|
97
94
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -113,11 +110,10 @@ var WatchIcon = function WatchIcon(_ref) {
|
|
|
113
110
|
d: "M7.42,8.89v-2.61c-.02-.2,.09-.4,.28-.48,.15-.06,.32-.04,.44,.06,.39,.28,.78,.56,1.17,.85,.82,.59,1.63,1.19,2.45,1.78,.22,.11,.3,.38,.19,.59-.04,.08-.11,.15-.19,.19-.6,.45-1.21,.89-1.82,1.33-.59,.43-1.18,.86-1.78,1.29-.16,.17-.43,.17-.6,0-.02-.02-.03-.03-.04-.05-.07-.11-.1-.24-.1-.37,0-.86,0-1.72,0-2.58h0Z"
|
|
114
111
|
})));
|
|
115
112
|
};
|
|
116
|
-
|
|
117
113
|
WatchIcon.propTypes = propTypes$2;
|
|
118
114
|
WatchIcon.defaultProps = defaultProps$2;
|
|
119
115
|
|
|
120
|
-
var styles = {"callToActionContainer":"micromag-screen-urbania-article-callToActionContainer","
|
|
116
|
+
var styles = {"callToActionContainer":"micromag-screen-urbania-article-callToActionContainer","content":"micromag-screen-urbania-article-content","video":"micromag-screen-urbania-article-video","empty":"micromag-screen-urbania-article-empty","container":"micromag-screen-urbania-article-container","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-articleContent","title":"micromag-screen-urbania-article-title","description":"micromag-screen-urbania-article-description","sponsors":"micromag-screen-urbania-article-sponsors","emptyContainer":"micromag-screen-urbania-article-emptyContainer","callToAction":"micromag-screen-urbania-article-callToAction","small":"micromag-screen-urbania-article-small","background":"micromag-screen-urbania-article-background","overTitle":"micromag-screen-urbania-article-overTitle","authors":"micromag-screen-urbania-article-authors","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
|
|
121
117
|
|
|
122
118
|
var propTypes$1 = {
|
|
123
119
|
hasArticle: PropTypes__default["default"].bool,
|
|
@@ -159,107 +155,86 @@ var defaultProps$1 = {
|
|
|
159
155
|
spacing: 20,
|
|
160
156
|
className: null
|
|
161
157
|
};
|
|
162
|
-
|
|
163
158
|
var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
164
159
|
var _ref8;
|
|
165
|
-
|
|
166
160
|
var hasArticle = _ref.hasArticle,
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
161
|
+
type = _ref.type,
|
|
162
|
+
image = _ref.image,
|
|
163
|
+
title = _ref.title,
|
|
164
|
+
description = _ref.description,
|
|
165
|
+
overTitle = _ref.overTitle,
|
|
166
|
+
author = _ref.author,
|
|
167
|
+
sponsors = _ref.sponsors,
|
|
168
|
+
sponsorPrefix = _ref.sponsorPrefix,
|
|
169
|
+
sponsorColor = _ref.sponsorColor,
|
|
170
|
+
site = _ref.site,
|
|
171
|
+
background = _ref.background,
|
|
172
|
+
callToAction = _ref.callToAction,
|
|
173
|
+
current = _ref.current,
|
|
174
|
+
active = _ref.active,
|
|
175
|
+
spacing = _ref.spacing,
|
|
176
|
+
className = _ref.className;
|
|
184
177
|
var _useScreenSize = contexts.useScreenSize(),
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
178
|
+
width = _useScreenSize.width,
|
|
179
|
+
height = _useScreenSize.height,
|
|
180
|
+
resolution = _useScreenSize.resolution;
|
|
189
181
|
var _useScreenRenderConte = contexts.useScreenRenderContext(),
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
182
|
+
isView = _useScreenRenderConte.isView,
|
|
183
|
+
isPreview = _useScreenRenderConte.isPreview,
|
|
184
|
+
isPlaceholder = _useScreenRenderConte.isPlaceholder,
|
|
185
|
+
isEdit = _useScreenRenderConte.isEdit,
|
|
186
|
+
isStatic = _useScreenRenderConte.isStatic,
|
|
187
|
+
isCapture = _useScreenRenderConte.isCapture;
|
|
197
188
|
var _ref2 = background || {},
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
189
|
+
_ref2$color = _ref2.color,
|
|
190
|
+
backgroundColor = _ref2$color === void 0 ? null : _ref2$color;
|
|
201
191
|
var _useViewerWebView = contexts.useViewerWebView(),
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
192
|
+
openedWebView = _useViewerWebView.opened,
|
|
193
|
+
openWebView = _useViewerWebView.open;
|
|
205
194
|
var _useViewerContext = contexts.useViewerContext(),
|
|
206
|
-
|
|
207
|
-
|
|
195
|
+
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
|
|
208
196
|
var _usePlaybackContext = contexts.usePlaybackContext(),
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
197
|
+
muted = _usePlaybackContext.muted,
|
|
198
|
+
playing = _usePlaybackContext.playing;
|
|
212
199
|
var mediaRef = contexts.usePlaybackMediaRef(current);
|
|
213
|
-
|
|
214
200
|
var _useDimensionObserver = hooks.useDimensionObserver(),
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
201
|
+
contentRef = _useDimensionObserver.ref,
|
|
202
|
+
contentRect = _useDimensionObserver.entry.contentRect,
|
|
203
|
+
contentHeight = _useDimensionObserver.height;
|
|
219
204
|
var _ref3 = contentRect || {},
|
|
220
|
-
|
|
221
|
-
|
|
205
|
+
contentTop = _ref3.top;
|
|
222
206
|
var _useMemo = React.useMemo(function () {
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
207
|
+
var defaultImageHeight = width * 0.8;
|
|
208
|
+
var difference = height - contentHeight - contentTop + 1;
|
|
209
|
+
if (difference > defaultImageHeight) {
|
|
210
|
+
return {
|
|
211
|
+
imageHeight: difference
|
|
212
|
+
};
|
|
213
|
+
}
|
|
227
214
|
return {
|
|
228
215
|
imageHeight: difference
|
|
229
216
|
};
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
imageHeight: difference
|
|
234
|
-
};
|
|
235
|
-
}, [contentTop, contentHeight, width, height]),
|
|
236
|
-
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
237
|
-
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe;
|
|
238
|
-
|
|
217
|
+
}, [contentTop, contentHeight, width, height]),
|
|
218
|
+
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
219
|
+
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe;
|
|
239
220
|
var isVideo = type === 'video';
|
|
240
221
|
var hasOverTitle = utils.isTextFilled(overTitle);
|
|
241
222
|
var hasTitle = utils.isTextFilled(title);
|
|
242
223
|
var hasDescription = utils.isTextFilled(description);
|
|
243
224
|
var hasSponsor = (sponsors || []).length > 0 && utils.isTextFilled(sponsors[0]);
|
|
244
|
-
|
|
245
225
|
var _ref4 = author || {},
|
|
246
|
-
|
|
247
|
-
|
|
226
|
+
authorFullName = _ref4.name;
|
|
248
227
|
var hasAuthor = utils.isTextFilled(authorFullName);
|
|
249
|
-
|
|
250
228
|
var _ref5 = image || {},
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
229
|
+
_ref5$url = _ref5.url,
|
|
230
|
+
url = _ref5$url === void 0 ? null : _ref5$url,
|
|
231
|
+
_ref5$type = _ref5.type,
|
|
232
|
+
imageType = _ref5$type === void 0 ? null : _ref5$type;
|
|
256
233
|
var hasImage = url !== null;
|
|
257
234
|
var hasCallToAction = callToAction !== null && callToAction.active === true;
|
|
258
|
-
|
|
259
235
|
var _ref6 = background || {},
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
236
|
+
_ref6$video = _ref6.video,
|
|
237
|
+
backgroundVideo = _ref6$video === void 0 ? null : _ref6$video;
|
|
263
238
|
var hasVideoBackground = backgroundVideo !== null;
|
|
264
239
|
var mediaShouldLoad = current || active;
|
|
265
240
|
var finalPlaying = playing && current;
|
|
@@ -359,7 +334,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
359
334
|
}, sponsors.map(function () {
|
|
360
335
|
var sponsor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
361
336
|
var _sponsor$body = sponsor.body,
|
|
362
|
-
|
|
337
|
+
body = _sponsor$body === void 0 ? '' : _sponsor$body;
|
|
363
338
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
|
|
364
339
|
key: body
|
|
365
340
|
}, sponsorPrefix !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
@@ -464,7 +439,6 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
464
439
|
openWebView: openWebView
|
|
465
440
|
}))) : null)));
|
|
466
441
|
};
|
|
467
|
-
|
|
468
442
|
UrbaniaArticle.propTypes = propTypes$1;
|
|
469
443
|
UrbaniaArticle.defaultProps = defaultProps$1;
|
|
470
444
|
var UrbaniaArticle$1 = /*#__PURE__*/React__default["default"].memo(UrbaniaArticle);
|
|
@@ -480,22 +454,18 @@ var defaultProps = {
|
|
|
480
454
|
url: null,
|
|
481
455
|
article: null
|
|
482
456
|
};
|
|
483
|
-
|
|
484
457
|
var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
485
458
|
var url = _ref.url,
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
459
|
+
initialArticle = _ref.article,
|
|
460
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
489
461
|
var _useState = React.useState(initialArticle),
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
462
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
463
|
+
article = _useState2[0],
|
|
464
|
+
setArticle = _useState2[1];
|
|
494
465
|
var hostname = React.useMemo(function () {
|
|
495
466
|
var _ref2 = url !== null && utils.isValidUrl(url) ? new URL(url) : {},
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
467
|
+
_ref2$hostname = _ref2.hostname,
|
|
468
|
+
urlHostname = _ref2$hostname === void 0 ? null : _ref2$hostname;
|
|
499
469
|
return urlHostname;
|
|
500
470
|
}, [url]);
|
|
501
471
|
React.useEffect(function () {
|
|
@@ -509,89 +479,82 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
509
479
|
}, [url, setArticle]);
|
|
510
480
|
var values = React.useMemo(function () {
|
|
511
481
|
var _ref3 = props || {},
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
482
|
+
_ref3$articleType = _ref3.articleType,
|
|
483
|
+
articleType = _ref3$articleType === void 0 ? null : _ref3$articleType,
|
|
484
|
+
_ref3$title = _ref3.title,
|
|
485
|
+
title = _ref3$title === void 0 ? {} : _ref3$title,
|
|
486
|
+
_ref3$overTitle = _ref3.overTitle,
|
|
487
|
+
overTitle = _ref3$overTitle === void 0 ? {} : _ref3$overTitle,
|
|
488
|
+
_ref3$sponsor = _ref3.sponsor,
|
|
489
|
+
sponsor = _ref3$sponsor === void 0 ? {} : _ref3$sponsor,
|
|
490
|
+
_ref3$author = _ref3.author,
|
|
491
|
+
author = _ref3$author === void 0 ? null : _ref3$author,
|
|
492
|
+
_ref3$image = _ref3.image,
|
|
493
|
+
image = _ref3$image === void 0 ? {} : _ref3$image,
|
|
494
|
+
_ref3$callToAction = _ref3.callToAction,
|
|
495
|
+
callToAction = _ref3$callToAction === void 0 ? null : _ref3$callToAction;
|
|
527
496
|
var _ref4 = image || {},
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
497
|
+
_ref4$url = _ref4.url,
|
|
498
|
+
imageUrl = _ref4$url === void 0 ? null : _ref4$url;
|
|
531
499
|
var _ref5 = callToAction || {},
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
500
|
+
_ref5$url = _ref5.url,
|
|
501
|
+
ctaUrl = _ref5$url === void 0 ? null : _ref5$url;
|
|
535
502
|
|
|
503
|
+
// Straight from article
|
|
536
504
|
var _ref6 = article || {},
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
505
|
+
_ref6$type = _ref6.type,
|
|
506
|
+
type = _ref6$type === void 0 ? null : _ref6$type,
|
|
507
|
+
_ref6$title = _ref6.title,
|
|
508
|
+
articleTitle = _ref6$title === void 0 ? null : _ref6$title,
|
|
509
|
+
_ref6$image = _ref6.image,
|
|
510
|
+
articleImage = _ref6$image === void 0 ? null : _ref6$image,
|
|
511
|
+
_ref6$metadata = _ref6.metadata,
|
|
512
|
+
metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
|
|
546
513
|
var hasArticle = article !== null;
|
|
547
|
-
|
|
548
514
|
var _ref7 = metadata || {},
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
515
|
+
_ref7$authors = _ref7.authors,
|
|
516
|
+
authors = _ref7$authors === void 0 ? [] : _ref7$authors,
|
|
517
|
+
_ref7$sponsors = _ref7.sponsors,
|
|
518
|
+
sponsors = _ref7$sponsors === void 0 ? [] : _ref7$sponsors,
|
|
519
|
+
_ref7$site = _ref7.site,
|
|
520
|
+
site = _ref7$site === void 0 ? null : _ref7$site,
|
|
521
|
+
_ref7$canonical = _ref7.canonical,
|
|
522
|
+
canonical = _ref7$canonical === void 0 ? null : _ref7$canonical,
|
|
523
|
+
_ref7$readerUrl = _ref7.readerUrl,
|
|
524
|
+
readerUrl = _ref7$readerUrl === void 0 ? null : _ref7$readerUrl;
|
|
560
525
|
var _ref8 = articleImage || {},
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
526
|
+
_ref8$sizes = _ref8.sizes,
|
|
527
|
+
sizes = _ref8$sizes === void 0 ? {} : _ref8$sizes;
|
|
564
528
|
var _ref9 = sizes || {},
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
529
|
+
medium = _ref9.medium,
|
|
530
|
+
large = _ref9.large;
|
|
568
531
|
var articleAuthor = (authors || []).length > 0 ? authors[0] : null;
|
|
569
|
-
|
|
570
532
|
var _ref10 = articleAuthor || {},
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
533
|
+
_ref10$name = _ref10.name,
|
|
534
|
+
authorName = _ref10$name === void 0 ? null : _ref10$name,
|
|
535
|
+
_ref10$avatar = _ref10.avatar,
|
|
536
|
+
authorImage = _ref10$avatar === void 0 ? null : _ref10$avatar;
|
|
576
537
|
var finalArticleAuthor = _objectSpread__default["default"](_objectSpread__default["default"]({}, authorName !== null ? {
|
|
577
538
|
name: {
|
|
578
539
|
body: "<p>".concat(authorName, "</p>")
|
|
579
540
|
}
|
|
580
541
|
} : null), authorImage !== null ? {
|
|
581
542
|
image: authorImage
|
|
582
|
-
} : null);
|
|
543
|
+
} : null);
|
|
583
544
|
|
|
545
|
+
// Type
|
|
546
|
+
var defaultType = articleType || type;
|
|
584
547
|
|
|
585
|
-
|
|
586
|
-
|
|
548
|
+
// Sponsors
|
|
587
549
|
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref11) {
|
|
588
550
|
var _ref11$name = _ref11.name,
|
|
589
|
-
|
|
551
|
+
name = _ref11$name === void 0 ? null : _ref11$name;
|
|
590
552
|
return name;
|
|
591
553
|
}).filter(function (name) {
|
|
592
554
|
return name !== null;
|
|
593
|
-
}).join(', ').trim() : null;
|
|
555
|
+
}).join(', ').trim() : null;
|
|
594
556
|
|
|
557
|
+
// Content
|
|
595
558
|
var hasTitle = utils.isTextFilled(title);
|
|
596
559
|
var hasOverTitle = utils.isTextFilled(overTitle);
|
|
597
560
|
var hasSponsorProps = utils.isTextFilled(sponsor);
|
|
@@ -646,11 +609,12 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
646
609
|
hasArticle: url !== null
|
|
647
610
|
}));
|
|
648
611
|
};
|
|
649
|
-
|
|
650
612
|
UrbaniaLoader.propTypes = propTypes;
|
|
651
613
|
UrbaniaLoader.defaultProps = defaultProps;
|
|
652
614
|
var UrbaniaLoaderScreen = /*#__PURE__*/React__default["default"].memo(UrbaniaLoader);
|
|
653
615
|
|
|
616
|
+
// import * as transforms from './transforms/index';
|
|
617
|
+
|
|
654
618
|
var definition = {
|
|
655
619
|
id: 'urbania-article',
|
|
656
620
|
type: 'screen',
|
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.318",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -51,27 +51,27 @@
|
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
52
|
"@folklore/fetch": "^0.1.15",
|
|
53
53
|
"@folklore/size": "^0.1.20",
|
|
54
|
-
"@micromag/core": "^0.3.
|
|
55
|
-
"@micromag/element-background": "^0.3.
|
|
56
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
57
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
58
|
-
"@micromag/element-container": "^0.3.
|
|
59
|
-
"@micromag/element-heading": "^0.3.
|
|
60
|
-
"@micromag/element-image": "^0.3.
|
|
61
|
-
"@micromag/element-media-controls": "^0.3.
|
|
62
|
-
"@micromag/element-text": "^0.3.
|
|
63
|
-
"@micromag/element-urbania-author": "^0.3.
|
|
64
|
-
"@micromag/element-video": "^0.3.
|
|
65
|
-
"@micromag/element-visual": "^0.3.
|
|
66
|
-
"@micromag/transforms": "^0.3.
|
|
54
|
+
"@micromag/core": "^0.3.318",
|
|
55
|
+
"@micromag/element-background": "^0.3.318",
|
|
56
|
+
"@micromag/element-call-to-action": "^0.3.318",
|
|
57
|
+
"@micromag/element-closed-captions": "^0.3.318",
|
|
58
|
+
"@micromag/element-container": "^0.3.318",
|
|
59
|
+
"@micromag/element-heading": "^0.3.318",
|
|
60
|
+
"@micromag/element-image": "^0.3.318",
|
|
61
|
+
"@micromag/element-media-controls": "^0.3.318",
|
|
62
|
+
"@micromag/element-text": "^0.3.318",
|
|
63
|
+
"@micromag/element-urbania-author": "^0.3.318",
|
|
64
|
+
"@micromag/element-video": "^0.3.318",
|
|
65
|
+
"@micromag/element-visual": "^0.3.318",
|
|
66
|
+
"@micromag/transforms": "^0.3.318",
|
|
67
67
|
"classnames": "^2.2.6",
|
|
68
68
|
"lodash": "^4.17.21",
|
|
69
69
|
"prop-types": "^15.7.2",
|
|
70
70
|
"react-intl": "^5.12.1",
|
|
71
|
-
"uuid": "^
|
|
71
|
+
"uuid": "^9.0.0"
|
|
72
72
|
},
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "7d1a296e0c0d410e1225279e1f19e3a7715bfa96"
|
|
77
77
|
}
|