@micromag/screen-urbania-article 0.3.82 → 0.3.88
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 +68 -54
- package/lib/index.js +67 -53
- package/package.json +14 -14
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-video,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.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{position:relative;padding:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{z-index:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;text-align:center}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{padding:10px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:10px;padding:30px 0 2px;border-bottom:1px solid;font-family:Agrandir Grand;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:10px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{display:inline-block;width:100%;margin-top:auto;padding:0 10px 4px;background-color:#
|
|
1
|
+
.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-video,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.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{position:relative;padding:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{z-index:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;text-align:center}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{padding:10px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:10px;padding:30px 0 2px;border-bottom:1px solid;font-family:Agrandir Grand;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:10px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{display:inline-block;width:100%;margin-top:auto;padding:0 10px 4px;background-color:#ff0;color:#222;letter-spacing:.04em}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:1;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction{position:absolute;z-index:10;right:0;bottom:0;left:0;padding-bottom:5px;vertical-align:middle}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-icon{display:inline-block;margin-top:-3px;margin-right:3px;padding:1px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-videoContainer{position:absolute}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottomContent{position:absolute;bottom:0;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-container .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-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-content{width:80%;height:35%;margin:5px auto;background-color:rgba(0,0,0,0);background-color:#2b2b2b}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:80%;height:50%;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:10px;background-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{color:#fff;text-shadow:2px 2px 0 #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{top:0;height:100%;padding-bottom: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:relative}
|
package/es/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
|
|
|
5
5
|
import { getJSON } from '@folklore/fetch';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import React, { useMemo, useState, useEffect } from 'react';
|
|
8
|
-
import { isTextFilled } from '@micromag/core/utils';
|
|
8
|
+
import { isTextFilled, getStyleFromColor } from '@micromag/core/utils';
|
|
9
9
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
10
10
|
import classNames from 'classnames';
|
|
11
11
|
import { PropTypes as PropTypes$1 } from '@micromag/core';
|
|
@@ -95,7 +95,7 @@ var WatchIcon = function WatchIcon(_ref) {
|
|
|
95
95
|
WatchIcon.propTypes = propTypes$2;
|
|
96
96
|
WatchIcon.defaultProps = defaultProps$2;
|
|
97
97
|
|
|
98
|
-
var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","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","callToAction":"micromag-screen-urbania-article-callToAction","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottomContent":"micromag-screen-urbania-article-bottomContent","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","visual":"micromag-screen-urbania-article-visual"};
|
|
98
|
+
var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","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","callToAction":"micromag-screen-urbania-article-callToAction","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottomContent":"micromag-screen-urbania-article-bottomContent","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","visual":"micromag-screen-urbania-article-visual"};
|
|
99
99
|
|
|
100
100
|
var propTypes$1 = {
|
|
101
101
|
hasArticle: PropTypes.bool,
|
|
@@ -106,6 +106,7 @@ var propTypes$1 = {
|
|
|
106
106
|
author: PropTypes$1.authorElement,
|
|
107
107
|
sponsor: PropTypes.arrayOf(PropTypes.shape({})),
|
|
108
108
|
sponsorPrefix: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
|
109
|
+
sponsorColor: PropTypes$1.color,
|
|
109
110
|
site: PropTypes.string,
|
|
110
111
|
background: PropTypes$1.backgroundElement,
|
|
111
112
|
callToAction: PropTypes$1.callToAction,
|
|
@@ -124,6 +125,7 @@ var defaultProps$1 = {
|
|
|
124
125
|
author: null,
|
|
125
126
|
sponsor: null,
|
|
126
127
|
sponsorPrefix: null,
|
|
128
|
+
sponsorColor: null,
|
|
127
129
|
site: null,
|
|
128
130
|
background: null,
|
|
129
131
|
callToAction: null,
|
|
@@ -145,6 +147,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
145
147
|
author = _ref.author,
|
|
146
148
|
sponsor = _ref.sponsor,
|
|
147
149
|
sponsorPrefix = _ref.sponsorPrefix,
|
|
150
|
+
sponsorColor = _ref.sponsorColor,
|
|
148
151
|
site = _ref.site,
|
|
149
152
|
background = _ref.background,
|
|
150
153
|
callToAction = _ref.callToAction,
|
|
@@ -284,7 +287,8 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
284
287
|
}))),
|
|
285
288
|
isEmpty: !hasSponsor && !hasArticle
|
|
286
289
|
}, hasSponsor ? /*#__PURE__*/React.createElement("div", {
|
|
287
|
-
className: styles.sponsors
|
|
290
|
+
className: styles.sponsors,
|
|
291
|
+
style: _objectSpread({}, getStyleFromColor(sponsorColor))
|
|
288
292
|
}, sponsorPrefix !== null ? /*#__PURE__*/React.createElement("span", {
|
|
289
293
|
className: styles.sponsor
|
|
290
294
|
}, sponsorPrefix) : null, "\xA0", /*#__PURE__*/React.createElement(Heading, Object.assign({
|
|
@@ -437,57 +441,57 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
437
441
|
|
|
438
442
|
var _ref4 = image || {},
|
|
439
443
|
_ref4$url = _ref4.url,
|
|
440
|
-
imageUrl = _ref4$url === void 0 ? null : _ref4$url;
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
_ref5$
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
var
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
_ref7$
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
var _ref8 =
|
|
472
|
-
|
|
473
|
-
|
|
444
|
+
imageUrl = _ref4$url === void 0 ? null : _ref4$url;
|
|
445
|
+
|
|
446
|
+
var _ref5 = callToAction || {},
|
|
447
|
+
_ref5$url = _ref5.url,
|
|
448
|
+
ctaUrl = _ref5$url === void 0 ? null : _ref5$url; // Straight from article
|
|
449
|
+
|
|
450
|
+
|
|
451
|
+
var _ref6 = article || {},
|
|
452
|
+
_ref6$type = _ref6.type,
|
|
453
|
+
type = _ref6$type === void 0 ? null : _ref6$type,
|
|
454
|
+
_ref6$title = _ref6.title,
|
|
455
|
+
articleTitle = _ref6$title === void 0 ? null : _ref6$title,
|
|
456
|
+
_ref6$image = _ref6.image,
|
|
457
|
+
articleImage = _ref6$image === void 0 ? null : _ref6$image,
|
|
458
|
+
_ref6$metadata = _ref6.metadata,
|
|
459
|
+
metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
|
|
460
|
+
|
|
461
|
+
var hasArticle = article !== null;
|
|
462
|
+
|
|
463
|
+
var _ref7 = metadata || {},
|
|
464
|
+
_ref7$authors = _ref7.authors,
|
|
465
|
+
authors = _ref7$authors === void 0 ? [] : _ref7$authors,
|
|
466
|
+
_ref7$sponsors = _ref7.sponsors,
|
|
467
|
+
sponsors = _ref7$sponsors === void 0 ? [] : _ref7$sponsors,
|
|
468
|
+
_ref7$site = _ref7.site,
|
|
469
|
+
site = _ref7$site === void 0 ? null : _ref7$site,
|
|
470
|
+
_ref7$canonical = _ref7.canonical,
|
|
471
|
+
canonical = _ref7$canonical === void 0 ? null : _ref7$canonical,
|
|
472
|
+
_ref7$readerUrl = _ref7.readerUrl,
|
|
473
|
+
readerUrl = _ref7$readerUrl === void 0 ? null : _ref7$readerUrl;
|
|
474
|
+
|
|
475
|
+
var _ref8 = articleImage || {},
|
|
476
|
+
_ref8$sizes = _ref8.sizes,
|
|
477
|
+
sizes = _ref8$sizes === void 0 ? {} : _ref8$sizes;
|
|
478
|
+
|
|
479
|
+
var _ref9 = sizes || {},
|
|
480
|
+
medium = _ref9.medium,
|
|
481
|
+
large = _ref9.large;
|
|
474
482
|
|
|
475
483
|
var articleAuthor = (authors || []).length > 0 ? authors[0] : null;
|
|
476
484
|
|
|
477
|
-
var
|
|
478
|
-
|
|
479
|
-
authorName =
|
|
480
|
-
|
|
481
|
-
authorImage =
|
|
482
|
-
_ref9$url = _ref9.url,
|
|
483
|
-
authorUrl = _ref9$url === void 0 ? null : _ref9$url;
|
|
485
|
+
var _ref10 = articleAuthor || {},
|
|
486
|
+
_ref10$name = _ref10.name,
|
|
487
|
+
authorName = _ref10$name === void 0 ? null : _ref10$name,
|
|
488
|
+
_ref10$avatar = _ref10.avatar,
|
|
489
|
+
authorImage = _ref10$avatar === void 0 ? null : _ref10$avatar;
|
|
484
490
|
|
|
485
|
-
var finalArticleAuthor = _objectSpread(_objectSpread(
|
|
491
|
+
var finalArticleAuthor = _objectSpread(_objectSpread({}, authorName !== null ? {
|
|
486
492
|
name: {
|
|
487
493
|
body: "<p>".concat(authorName, "</p>")
|
|
488
494
|
}
|
|
489
|
-
} : null), authorUrl !== null ? {
|
|
490
|
-
url: "".concat(hostname).concat(authorUrl)
|
|
491
495
|
} : null), authorImage !== null ? {
|
|
492
496
|
image: authorImage
|
|
493
497
|
} : null); // Type
|
|
@@ -495,9 +499,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
495
499
|
|
|
496
500
|
var defaultType = articleType || type; // Sponsors
|
|
497
501
|
|
|
498
|
-
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (
|
|
499
|
-
var
|
|
500
|
-
name =
|
|
502
|
+
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref11) {
|
|
503
|
+
var _ref11$name = _ref11.name,
|
|
504
|
+
name = _ref11$name === void 0 ? null : _ref11$name;
|
|
501
505
|
return name;
|
|
502
506
|
}).filter(function (name) {
|
|
503
507
|
return name !== null;
|
|
@@ -535,10 +539,8 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
535
539
|
large: large
|
|
536
540
|
}
|
|
537
541
|
}),
|
|
538
|
-
callToAction: _objectSpread(_objectSpread({
|
|
539
|
-
active: true,
|
|
542
|
+
callToAction: _objectSpread(_objectSpread(_objectSpread({
|
|
540
543
|
type: 'swipe-up',
|
|
541
|
-
url: readerUrl || canonical,
|
|
542
544
|
label: defaultType === 'video' ? {
|
|
543
545
|
body: 'Regarder'
|
|
544
546
|
} : {
|
|
@@ -550,7 +552,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
550
552
|
inWebView: true
|
|
551
553
|
}, callToAction), hasArticle ? {
|
|
552
554
|
active: true
|
|
553
|
-
} : null)
|
|
555
|
+
} : null), {}, {
|
|
556
|
+
url: ctaUrl || readerUrl || canonical
|
|
557
|
+
})
|
|
554
558
|
};
|
|
555
559
|
}, [article, url, hostname, props]);
|
|
556
560
|
return /*#__PURE__*/React.createElement(UrbaniaArticle$1, Object.assign({}, props, values, {
|
|
@@ -666,6 +670,16 @@ var definition = {
|
|
|
666
670
|
"value": "Sponsor"
|
|
667
671
|
}]
|
|
668
672
|
})
|
|
673
|
+
}, {
|
|
674
|
+
name: 'sponsorColor',
|
|
675
|
+
type: 'color',
|
|
676
|
+
label: defineMessage({
|
|
677
|
+
id: "Qw8cb5",
|
|
678
|
+
defaultMessage: [{
|
|
679
|
+
"type": 0,
|
|
680
|
+
"value": "Sponsor color"
|
|
681
|
+
}]
|
|
682
|
+
})
|
|
669
683
|
}, {
|
|
670
684
|
name: 'image',
|
|
671
685
|
type: 'visual',
|
package/lib/index.js
CHANGED
|
@@ -115,7 +115,7 @@ var WatchIcon = function WatchIcon(_ref) {
|
|
|
115
115
|
WatchIcon.propTypes = propTypes$2;
|
|
116
116
|
WatchIcon.defaultProps = defaultProps$2;
|
|
117
117
|
|
|
118
|
-
var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","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","callToAction":"micromag-screen-urbania-article-callToAction","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottomContent":"micromag-screen-urbania-article-bottomContent","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","visual":"micromag-screen-urbania-article-visual"};
|
|
118
|
+
var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","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","callToAction":"micromag-screen-urbania-article-callToAction","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottomContent":"micromag-screen-urbania-article-bottomContent","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","visual":"micromag-screen-urbania-article-visual"};
|
|
119
119
|
|
|
120
120
|
var propTypes$1 = {
|
|
121
121
|
hasArticle: PropTypes__default["default"].bool,
|
|
@@ -126,6 +126,7 @@ var propTypes$1 = {
|
|
|
126
126
|
author: core.PropTypes.authorElement,
|
|
127
127
|
sponsor: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({})),
|
|
128
128
|
sponsorPrefix: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].func]),
|
|
129
|
+
sponsorColor: core.PropTypes.color,
|
|
129
130
|
site: PropTypes__default["default"].string,
|
|
130
131
|
background: core.PropTypes.backgroundElement,
|
|
131
132
|
callToAction: core.PropTypes.callToAction,
|
|
@@ -144,6 +145,7 @@ var defaultProps$1 = {
|
|
|
144
145
|
author: null,
|
|
145
146
|
sponsor: null,
|
|
146
147
|
sponsorPrefix: null,
|
|
148
|
+
sponsorColor: null,
|
|
147
149
|
site: null,
|
|
148
150
|
background: null,
|
|
149
151
|
callToAction: null,
|
|
@@ -165,6 +167,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
165
167
|
author = _ref.author,
|
|
166
168
|
sponsor = _ref.sponsor,
|
|
167
169
|
sponsorPrefix = _ref.sponsorPrefix,
|
|
170
|
+
sponsorColor = _ref.sponsorColor,
|
|
168
171
|
site = _ref.site,
|
|
169
172
|
background = _ref.background,
|
|
170
173
|
callToAction = _ref.callToAction,
|
|
@@ -304,7 +307,8 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
304
307
|
}))),
|
|
305
308
|
isEmpty: !hasSponsor && !hasArticle
|
|
306
309
|
}, hasSponsor ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
307
|
-
className: styles.sponsors
|
|
310
|
+
className: styles.sponsors,
|
|
311
|
+
style: _objectSpread__default["default"]({}, utils.getStyleFromColor(sponsorColor))
|
|
308
312
|
}, sponsorPrefix !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
309
313
|
className: styles.sponsor
|
|
310
314
|
}, sponsorPrefix) : null, "\xA0", /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
|
|
@@ -457,57 +461,57 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
457
461
|
|
|
458
462
|
var _ref4 = image || {},
|
|
459
463
|
_ref4$url = _ref4.url,
|
|
460
|
-
imageUrl = _ref4$url === void 0 ? null : _ref4$url;
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
_ref5$
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
var
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
_ref7$
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
var _ref8 =
|
|
492
|
-
|
|
493
|
-
|
|
464
|
+
imageUrl = _ref4$url === void 0 ? null : _ref4$url;
|
|
465
|
+
|
|
466
|
+
var _ref5 = callToAction || {},
|
|
467
|
+
_ref5$url = _ref5.url,
|
|
468
|
+
ctaUrl = _ref5$url === void 0 ? null : _ref5$url; // Straight from article
|
|
469
|
+
|
|
470
|
+
|
|
471
|
+
var _ref6 = article || {},
|
|
472
|
+
_ref6$type = _ref6.type,
|
|
473
|
+
type = _ref6$type === void 0 ? null : _ref6$type,
|
|
474
|
+
_ref6$title = _ref6.title,
|
|
475
|
+
articleTitle = _ref6$title === void 0 ? null : _ref6$title,
|
|
476
|
+
_ref6$image = _ref6.image,
|
|
477
|
+
articleImage = _ref6$image === void 0 ? null : _ref6$image,
|
|
478
|
+
_ref6$metadata = _ref6.metadata,
|
|
479
|
+
metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
|
|
480
|
+
|
|
481
|
+
var hasArticle = article !== null;
|
|
482
|
+
|
|
483
|
+
var _ref7 = metadata || {},
|
|
484
|
+
_ref7$authors = _ref7.authors,
|
|
485
|
+
authors = _ref7$authors === void 0 ? [] : _ref7$authors,
|
|
486
|
+
_ref7$sponsors = _ref7.sponsors,
|
|
487
|
+
sponsors = _ref7$sponsors === void 0 ? [] : _ref7$sponsors,
|
|
488
|
+
_ref7$site = _ref7.site,
|
|
489
|
+
site = _ref7$site === void 0 ? null : _ref7$site,
|
|
490
|
+
_ref7$canonical = _ref7.canonical,
|
|
491
|
+
canonical = _ref7$canonical === void 0 ? null : _ref7$canonical,
|
|
492
|
+
_ref7$readerUrl = _ref7.readerUrl,
|
|
493
|
+
readerUrl = _ref7$readerUrl === void 0 ? null : _ref7$readerUrl;
|
|
494
|
+
|
|
495
|
+
var _ref8 = articleImage || {},
|
|
496
|
+
_ref8$sizes = _ref8.sizes,
|
|
497
|
+
sizes = _ref8$sizes === void 0 ? {} : _ref8$sizes;
|
|
498
|
+
|
|
499
|
+
var _ref9 = sizes || {},
|
|
500
|
+
medium = _ref9.medium,
|
|
501
|
+
large = _ref9.large;
|
|
494
502
|
|
|
495
503
|
var articleAuthor = (authors || []).length > 0 ? authors[0] : null;
|
|
496
504
|
|
|
497
|
-
var
|
|
498
|
-
|
|
499
|
-
authorName =
|
|
500
|
-
|
|
501
|
-
authorImage =
|
|
502
|
-
_ref9$url = _ref9.url,
|
|
503
|
-
authorUrl = _ref9$url === void 0 ? null : _ref9$url;
|
|
505
|
+
var _ref10 = articleAuthor || {},
|
|
506
|
+
_ref10$name = _ref10.name,
|
|
507
|
+
authorName = _ref10$name === void 0 ? null : _ref10$name,
|
|
508
|
+
_ref10$avatar = _ref10.avatar,
|
|
509
|
+
authorImage = _ref10$avatar === void 0 ? null : _ref10$avatar;
|
|
504
510
|
|
|
505
|
-
var finalArticleAuthor = _objectSpread__default["default"](_objectSpread__default["default"](
|
|
511
|
+
var finalArticleAuthor = _objectSpread__default["default"](_objectSpread__default["default"]({}, authorName !== null ? {
|
|
506
512
|
name: {
|
|
507
513
|
body: "<p>".concat(authorName, "</p>")
|
|
508
514
|
}
|
|
509
|
-
} : null), authorUrl !== null ? {
|
|
510
|
-
url: "".concat(hostname).concat(authorUrl)
|
|
511
515
|
} : null), authorImage !== null ? {
|
|
512
516
|
image: authorImage
|
|
513
517
|
} : null); // Type
|
|
@@ -515,9 +519,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
515
519
|
|
|
516
520
|
var defaultType = articleType || type; // Sponsors
|
|
517
521
|
|
|
518
|
-
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (
|
|
519
|
-
var
|
|
520
|
-
name =
|
|
522
|
+
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref11) {
|
|
523
|
+
var _ref11$name = _ref11.name,
|
|
524
|
+
name = _ref11$name === void 0 ? null : _ref11$name;
|
|
521
525
|
return name;
|
|
522
526
|
}).filter(function (name) {
|
|
523
527
|
return name !== null;
|
|
@@ -555,10 +559,8 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
555
559
|
large: large
|
|
556
560
|
}
|
|
557
561
|
}),
|
|
558
|
-
callToAction: _objectSpread__default["default"](_objectSpread__default["default"]({
|
|
559
|
-
active: true,
|
|
562
|
+
callToAction: _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({
|
|
560
563
|
type: 'swipe-up',
|
|
561
|
-
url: readerUrl || canonical,
|
|
562
564
|
label: defaultType === 'video' ? {
|
|
563
565
|
body: 'Regarder'
|
|
564
566
|
} : {
|
|
@@ -570,7 +572,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
570
572
|
inWebView: true
|
|
571
573
|
}, callToAction), hasArticle ? {
|
|
572
574
|
active: true
|
|
573
|
-
} : null)
|
|
575
|
+
} : null), {}, {
|
|
576
|
+
url: ctaUrl || readerUrl || canonical
|
|
577
|
+
})
|
|
574
578
|
};
|
|
575
579
|
}, [article, url, hostname, props]);
|
|
576
580
|
return /*#__PURE__*/React__default["default"].createElement(UrbaniaArticle$1, Object.assign({}, props, values, {
|
|
@@ -686,6 +690,16 @@ var definition = {
|
|
|
686
690
|
"value": "Sponsor"
|
|
687
691
|
}]
|
|
688
692
|
})
|
|
693
|
+
}, {
|
|
694
|
+
name: 'sponsorColor',
|
|
695
|
+
type: 'color',
|
|
696
|
+
label: reactIntl.defineMessage({
|
|
697
|
+
id: "Qw8cb5",
|
|
698
|
+
defaultMessage: [{
|
|
699
|
+
"type": 0,
|
|
700
|
+
"value": "Sponsor color"
|
|
701
|
+
}]
|
|
702
|
+
})
|
|
689
703
|
}, {
|
|
690
704
|
name: 'image',
|
|
691
705
|
type: 'visual',
|
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.88",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -51,18 +51,18 @@
|
|
|
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-urbania-author": "^0.3.
|
|
63
|
-
"@micromag/element-video": "^0.3.
|
|
64
|
-
"@micromag/element-visual": "^0.3.
|
|
65
|
-
"@micromag/transforms": "^0.3.
|
|
54
|
+
"@micromag/core": "^0.3.88",
|
|
55
|
+
"@micromag/element-background": "^0.3.88",
|
|
56
|
+
"@micromag/element-call-to-action": "^0.3.88",
|
|
57
|
+
"@micromag/element-closed-captions": "^0.3.88",
|
|
58
|
+
"@micromag/element-container": "^0.3.88",
|
|
59
|
+
"@micromag/element-heading": "^0.3.88",
|
|
60
|
+
"@micromag/element-image": "^0.3.88",
|
|
61
|
+
"@micromag/element-media-controls": "^0.3.88",
|
|
62
|
+
"@micromag/element-urbania-author": "^0.3.88",
|
|
63
|
+
"@micromag/element-video": "^0.3.88",
|
|
64
|
+
"@micromag/element-visual": "^0.3.88",
|
|
65
|
+
"@micromag/transforms": "^0.3.88",
|
|
66
66
|
"classnames": "^2.2.6",
|
|
67
67
|
"lodash": "^4.17.21",
|
|
68
68
|
"prop-types": "^15.7.2",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "d0fb1f7d4ae6bfa1fd07dc856307c1c4225ab889"
|
|
76
76
|
}
|