@micromag/screen-urbania-article 0.3.103 → 0.3.107

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.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +44 -7
  3. package/lib/index.js +45 -7
  4. package/package.json +19 -18
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:8px 20px}.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:8px}.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;line-height:1}.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;-webkit-transform:translateZ(0);transform:translateZ(0);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-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}
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-description,.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:8px 20px}.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-description{font-family:Agrandir}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:8px}.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;line-height:1}.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;-webkit-transform:translateZ(0);transform:translateZ(0);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-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
@@ -16,6 +16,7 @@ import Background from '@micromag/element-background';
16
16
  import CallToAction from '@micromag/element-call-to-action';
17
17
  import Container from '@micromag/element-container';
18
18
  import Heading from '@micromag/element-heading';
19
+ import Text from '@micromag/element-text';
19
20
  import UrbaniaAuthor from '@micromag/element-urbania-author';
20
21
  import Visual from '@micromag/element-visual';
21
22
 
@@ -95,13 +96,14 @@ var WatchIcon = function WatchIcon(_ref) {
95
96
  WatchIcon.propTypes = propTypes$2;
96
97
  WatchIcon.defaultProps = defaultProps$2;
97
98
 
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","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
+ 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","description":"micromag-screen-urbania-article-description","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","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
100
 
100
101
  var propTypes$1 = {
101
102
  hasArticle: PropTypes.bool,
102
103
  type: PropTypes.oneOf(['article', 'video']),
103
104
  image: PropTypes$1.visualElement,
104
105
  title: PropTypes$1.headingElement,
106
+ description: PropTypes$1.textElement,
105
107
  overTitle: PropTypes$1.headingElement,
106
108
  author: PropTypes$1.authorElement,
107
109
  sponsor: PropTypes.arrayOf(PropTypes.shape({})),
@@ -123,6 +125,7 @@ var defaultProps$1 = {
123
125
  type: null,
124
126
  image: null,
125
127
  title: null,
128
+ description: null,
126
129
  overTitle: null,
127
130
  author: null,
128
131
  sponsor: null,
@@ -147,6 +150,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
147
150
  type = _ref.type,
148
151
  image = _ref.image,
149
152
  title = _ref.title,
153
+ description = _ref.description,
150
154
  overTitle = _ref.overTitle,
151
155
  author = _ref.author,
152
156
  sponsor = _ref.sponsor,
@@ -216,6 +220,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
216
220
  var _ref4 = author || {},
217
221
  authorFullName = _ref4.name;
218
222
 
223
+ var hasDescription = isTextFilled(description);
219
224
  var hasAuthor = isTextFilled(authorFullName);
220
225
 
221
226
  var _ref5 = image || {},
@@ -224,7 +229,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
224
229
 
225
230
  var hasImage = url !== null;
226
231
  var backgroundPlaying = current && (isView || isEdit);
227
- var backgroundShouldLoad = current || active || !isView;
232
+ var mediaShouldLoad = current || active;
228
233
  var transitionPlaying = current;
229
234
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
230
235
  var hasCallToAction = callToAction !== null && callToAction.active === true;
@@ -266,7 +271,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
266
271
  isEmpty: !hasTitle
267
272
  }, hasTitle ? /*#__PURE__*/React.createElement(Heading, Object.assign({
268
273
  className: classNames([styles.title])
269
- }, title)) : null), !isVideo ? /*#__PURE__*/React.createElement(ScreenElement, {
274
+ }, title)) : null), !isVideo && !hasDescription ? /*#__PURE__*/React.createElement(ScreenElement, {
270
275
  key: "authors",
271
276
  empty: /*#__PURE__*/React.createElement("div", {
272
277
  className: styles.emptyContainer
@@ -284,7 +289,25 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
284
289
  className: classNames([styles.authors])
285
290
  }, /*#__PURE__*/React.createElement(UrbaniaAuthor, {
286
291
  author: author
287
- })) : null) : null, /*#__PURE__*/React.createElement(ScreenElement, {
292
+ })) : null) : null, !isVideo && hasDescription ? /*#__PURE__*/React.createElement(ScreenElement, {
293
+ key: "description",
294
+ empty: /*#__PURE__*/React.createElement("div", {
295
+ className: styles.emptyContainer
296
+ }, /*#__PURE__*/React.createElement(Empty, {
297
+ className: styles.empty
298
+ }, /*#__PURE__*/React.createElement(FormattedMessage, {
299
+ id: "zl6zsZ",
300
+ defaultMessage: [{
301
+ "type": 0,
302
+ "value": "Lede"
303
+ }]
304
+ }))),
305
+ isEmpty: !hasDescription
306
+ }, hasDescription ? /*#__PURE__*/React.createElement("div", {
307
+ className: classNames([styles.authors])
308
+ }, /*#__PURE__*/React.createElement(Text, Object.assign({
309
+ className: classNames([styles.description])
310
+ }, description))) : null) : null, /*#__PURE__*/React.createElement(ScreenElement, {
288
311
  key: "sponsors",
289
312
  empty: /*#__PURE__*/React.createElement("div", {
290
313
  className: classNames([styles.emptyContainer, styles.small])
@@ -318,7 +341,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
318
341
  height: height,
319
342
  resolution: resolution,
320
343
  playing: backgroundPlaying,
321
- shouldLoad: backgroundShouldLoad
344
+ shouldLoad: mediaShouldLoad
322
345
  }), /*#__PURE__*/React.createElement(Container, {
323
346
  className: styles.inner,
324
347
  width: width,
@@ -361,7 +384,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
361
384
  resolution: resolution,
362
385
  objectFit: {
363
386
  fit: 'cover'
364
- }
387
+ },
388
+ shouldLoad: mediaShouldLoad,
389
+ playing: backgroundPlaying
365
390
  }) : null, hasImage && isVideo ? /*#__PURE__*/React.createElement(Visual, {
366
391
  className: styles.video,
367
392
  media: image,
@@ -370,7 +395,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
370
395
  resolution: resolution,
371
396
  objectFit: {
372
397
  fit: 'cover'
373
- }
398
+ },
399
+ shouldLoad: mediaShouldLoad,
400
+ playing: backgroundPlaying
374
401
  }) : null), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
375
402
  key: "call-to-action"
376
403
  }, /*#__PURE__*/React.createElement(CallToAction, {
@@ -664,6 +691,16 @@ var definition = {
664
691
  "value": "Title"
665
692
  }]
666
693
  })
694
+ }, {
695
+ name: 'description',
696
+ type: 'text-element',
697
+ label: defineMessage({
698
+ id: "cuKSQz",
699
+ defaultMessage: [{
700
+ "type": 0,
701
+ "value": "Lede"
702
+ }]
703
+ })
667
704
  }, {
668
705
  name: 'author',
669
706
  type: 'author-element',
package/lib/index.js CHANGED
@@ -20,6 +20,7 @@ var Background = require('@micromag/element-background');
20
20
  var CallToAction = require('@micromag/element-call-to-action');
21
21
  var Container = require('@micromag/element-container');
22
22
  var Heading = require('@micromag/element-heading');
23
+ var Text = require('@micromag/element-text');
23
24
  var UrbaniaAuthor = require('@micromag/element-urbania-author');
24
25
  var Visual = require('@micromag/element-visual');
25
26
 
@@ -36,6 +37,7 @@ var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
36
37
  var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
37
38
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
38
39
  var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
40
+ var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
39
41
  var UrbaniaAuthor__default = /*#__PURE__*/_interopDefaultLegacy(UrbaniaAuthor);
40
42
  var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
41
43
 
@@ -115,13 +117,14 @@ var WatchIcon = function WatchIcon(_ref) {
115
117
  WatchIcon.propTypes = propTypes$2;
116
118
  WatchIcon.defaultProps = defaultProps$2;
117
119
 
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","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"};
120
+ 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","description":"micromag-screen-urbania-article-description","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","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
121
 
120
122
  var propTypes$1 = {
121
123
  hasArticle: PropTypes__default["default"].bool,
122
124
  type: PropTypes__default["default"].oneOf(['article', 'video']),
123
125
  image: core.PropTypes.visualElement,
124
126
  title: core.PropTypes.headingElement,
127
+ description: core.PropTypes.textElement,
125
128
  overTitle: core.PropTypes.headingElement,
126
129
  author: core.PropTypes.authorElement,
127
130
  sponsor: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({})),
@@ -143,6 +146,7 @@ var defaultProps$1 = {
143
146
  type: null,
144
147
  image: null,
145
148
  title: null,
149
+ description: null,
146
150
  overTitle: null,
147
151
  author: null,
148
152
  sponsor: null,
@@ -167,6 +171,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
167
171
  type = _ref.type,
168
172
  image = _ref.image,
169
173
  title = _ref.title,
174
+ description = _ref.description,
170
175
  overTitle = _ref.overTitle,
171
176
  author = _ref.author,
172
177
  sponsor = _ref.sponsor,
@@ -236,6 +241,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
236
241
  var _ref4 = author || {},
237
242
  authorFullName = _ref4.name;
238
243
 
244
+ var hasDescription = utils.isTextFilled(description);
239
245
  var hasAuthor = utils.isTextFilled(authorFullName);
240
246
 
241
247
  var _ref5 = image || {},
@@ -244,7 +250,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
244
250
 
245
251
  var hasImage = url !== null;
246
252
  var backgroundPlaying = current && (isView || isEdit);
247
- var backgroundShouldLoad = current || active || !isView;
253
+ var mediaShouldLoad = current || active;
248
254
  var transitionPlaying = current;
249
255
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
250
256
  var hasCallToAction = callToAction !== null && callToAction.active === true;
@@ -286,7 +292,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
286
292
  isEmpty: !hasTitle
287
293
  }, hasTitle ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
288
294
  className: classNames__default["default"]([styles.title])
289
- }, title)) : null), !isVideo ? /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
295
+ }, title)) : null), !isVideo && !hasDescription ? /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
290
296
  key: "authors",
291
297
  empty: /*#__PURE__*/React__default["default"].createElement("div", {
292
298
  className: styles.emptyContainer
@@ -304,7 +310,25 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
304
310
  className: classNames__default["default"]([styles.authors])
305
311
  }, /*#__PURE__*/React__default["default"].createElement(UrbaniaAuthor__default["default"], {
306
312
  author: author
307
- })) : null) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
313
+ })) : null) : null, !isVideo && hasDescription ? /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
314
+ key: "description",
315
+ empty: /*#__PURE__*/React__default["default"].createElement("div", {
316
+ className: styles.emptyContainer
317
+ }, /*#__PURE__*/React__default["default"].createElement(components.Empty, {
318
+ className: styles.empty
319
+ }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
320
+ id: "zl6zsZ",
321
+ defaultMessage: [{
322
+ "type": 0,
323
+ "value": "Lede"
324
+ }]
325
+ }))),
326
+ isEmpty: !hasDescription
327
+ }, hasDescription ? /*#__PURE__*/React__default["default"].createElement("div", {
328
+ className: classNames__default["default"]([styles.authors])
329
+ }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
330
+ className: classNames__default["default"]([styles.description])
331
+ }, description))) : null) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
308
332
  key: "sponsors",
309
333
  empty: /*#__PURE__*/React__default["default"].createElement("div", {
310
334
  className: classNames__default["default"]([styles.emptyContainer, styles.small])
@@ -338,7 +362,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
338
362
  height: height,
339
363
  resolution: resolution,
340
364
  playing: backgroundPlaying,
341
- shouldLoad: backgroundShouldLoad
365
+ shouldLoad: mediaShouldLoad
342
366
  }), /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
343
367
  className: styles.inner,
344
368
  width: width,
@@ -381,7 +405,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
381
405
  resolution: resolution,
382
406
  objectFit: {
383
407
  fit: 'cover'
384
- }
408
+ },
409
+ shouldLoad: mediaShouldLoad,
410
+ playing: backgroundPlaying
385
411
  }) : null, hasImage && isVideo ? /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], {
386
412
  className: styles.video,
387
413
  media: image,
@@ -390,7 +416,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
390
416
  resolution: resolution,
391
417
  objectFit: {
392
418
  fit: 'cover'
393
- }
419
+ },
420
+ shouldLoad: mediaShouldLoad,
421
+ playing: backgroundPlaying
394
422
  }) : null), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
395
423
  key: "call-to-action"
396
424
  }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
@@ -684,6 +712,16 @@ var definition = {
684
712
  "value": "Title"
685
713
  }]
686
714
  })
715
+ }, {
716
+ name: 'description',
717
+ type: 'text-element',
718
+ label: reactIntl.defineMessage({
719
+ id: "cuKSQz",
720
+ defaultMessage: [{
721
+ "type": 0,
722
+ "value": "Lede"
723
+ }]
724
+ })
687
725
  }, {
688
726
  name: 'author',
689
727
  type: 'author-element',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-article",
3
- "version": "0.3.103",
3
+ "version": "0.3.107",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -40,29 +40,30 @@
40
40
  "prepare": "../../scripts/prepare-package.sh"
41
41
  },
42
42
  "devDependencies": {
43
- "react": "^16.8.0 || ^17.0.0",
44
- "react-dom": "^16.8.0 || ^17.0.0"
43
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
44
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
45
45
  },
46
46
  "peerDependencies": {
47
- "react": "^16.8.0 || ^17.0.0",
48
- "react-dom": "^16.8.0 || ^17.0.0"
47
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
48
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
49
49
  },
50
50
  "dependencies": {
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.91",
55
- "@micromag/element-background": "^0.3.91",
56
- "@micromag/element-call-to-action": "^0.3.103",
57
- "@micromag/element-closed-captions": "^0.3.91",
58
- "@micromag/element-container": "^0.3.91",
59
- "@micromag/element-heading": "^0.3.91",
60
- "@micromag/element-image": "^0.3.91",
61
- "@micromag/element-media-controls": "^0.3.91",
62
- "@micromag/element-urbania-author": "^0.3.91",
63
- "@micromag/element-video": "^0.3.91",
64
- "@micromag/element-visual": "^0.3.91",
65
- "@micromag/transforms": "^0.3.91",
54
+ "@micromag/core": "^0.3.107",
55
+ "@micromag/element-background": "^0.3.107",
56
+ "@micromag/element-call-to-action": "^0.3.107",
57
+ "@micromag/element-closed-captions": "^0.3.107",
58
+ "@micromag/element-container": "^0.3.107",
59
+ "@micromag/element-heading": "^0.3.107",
60
+ "@micromag/element-image": "^0.3.107",
61
+ "@micromag/element-media-controls": "^0.3.107",
62
+ "@micromag/element-text": "^0.3.107",
63
+ "@micromag/element-urbania-author": "^0.3.107",
64
+ "@micromag/element-video": "^0.3.107",
65
+ "@micromag/element-visual": "^0.3.107",
66
+ "@micromag/transforms": "^0.3.107",
66
67
  "classnames": "^2.2.6",
67
68
  "lodash": "^4.17.21",
68
69
  "prop-types": "^15.7.2",
@@ -72,5 +73,5 @@
72
73
  "publishConfig": {
73
74
  "access": "public"
74
75
  },
75
- "gitHead": "660b2ada7b03941feb841470abf5cd2cc6e3e68f"
76
+ "gitHead": "952ef450fe62328a0ae3ab6dbb3c3079bb66d17a"
76
77
  }