@micromag/screen-urbania-article 0.3.57 → 0.3.58

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 -3
  2. package/es/index.js +40 -173
  3. package/lib/index.js +16 -148
  4. package/package.json +15 -14
package/assets/css/styles.css CHANGED
@@ -1,3 +1 @@
1
- .micromag-screen-urbania-article-avatar-container{display:inline-block;position:relative;z-index:1;width:100%}.micromag-screen-urbania-article-avatar-container .micromag-screen-urbania-article-avatar-shape{display:block;width:100%;height:0;padding-bottom:100%;background-color:#222;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}.micromag-screen-urbania-article-avatar-container.micromag-screen-urbania-article-avatar-shapeCircle .micromag-screen-urbania-article-avatar-shape{overflow:hidden;border-radius:50%;background-color:rgba(0,0,0,0);background-position:top}
2
- .micromag-screen-urbania-article-author-container{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-family:Agrandir;font-size:12px}.micromag-screen-urbania-article-author-container .micromag-screen-urbania-article-author-avatar{min-width:3em;max-width:60px}.micromag-screen-urbania-article-author-container .micromag-screen-urbania-article-author-conjunction{background-color:#e9e9e9;white-space:nowrap}.micromag-screen-urbania-article-author-container .micromag-screen-urbania-article-author-name{margin-left:-4px;padding:6px 8px 4px 12px;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:13px;font-weight:700;text-transform:uppercase}.micromag-screen-urbania-article-author-container .micromag-screen-urbania-article-author-by{margin-right:-4px;padding:6px 12px 4px 8px;border-top-left-radius:10px;border-bottom-left-radius:10px}.micromag-screen-urbania-article-author-container .micromag-screen-urbania-article-author-by,.micromag-screen-urbania-article-author-container .micromag-screen-urbania-article-author-name{background-color:#e9e9e9;white-space:nowrap}.micromag-screen-urbania-article-author-container.micromag-screen-urbania-article-author-isSmall{font-size:10px}.micromag-screen-urbania-article-author-container.micromag-screen-urbania-article-author-isSmall .micromag-screen-urbania-article-author-name{white-space:normal}
3
- .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{font-family:AgrandirGrand;font-size:10px;font-weight:500;text-decoration:underline;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:5px 10px;background-color:#222;color:#ff0}.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-sponsor:last-child{font-weight:700}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95{background-color:#fff;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-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction{position:absolute;z-index:1;right:0;bottom:0;left:0;padding-bottom:5px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button{display:inline-block;min-width:100px;margin:0 auto;padding:0;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out;border:4px solid rgba(255,255,0,.5);border-radius:20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button:hover{border-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:6px 15px 4px;border-radius:20px;background-color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label svg{display:block;margin-bottom:2px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label span{display:block;margin:0 5px;color:#222;font-family:AgrandirTight;font-size:18px;font-weight:700;line-height:1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label span:last-child{margin-top:2px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95;color:#ff0}.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}
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{font-family:Agrandir Grand;font-size:10px;font-weight:500;text-decoration:underline;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:3px 10px 4px;background-color:#222;color:#ff0}.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-sponsor:last-child{font-weight:700}.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-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-callToAction{position:absolute;z-index:1;right:0;bottom:0;left:0;padding-bottom:5px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button{display:inline-block;min-width:100px;margin:0 auto;padding:0;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out;border:4px solid rgba(255,255,0,.5);border-radius:20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button:hover{border-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:6px 15px 4px;border-radius:20px;background-color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label svg{display:block;margin-bottom:2px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label span{display:block;margin:0 5px;color:#222;font-family:Agrandir Tight;font-size:18px;font-weight:700;line-height:1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label span:last-child{margin-top:2px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95;color:#ff0}.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
@@ -1,9 +1,9 @@
1
1
  import { FormattedMessage, defineMessage } from 'react-intl';
2
2
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
3
  import classNames from 'classnames';
4
- import PropTypes$1 from 'prop-types';
4
+ import PropTypes from 'prop-types';
5
5
  import React, { useMemo, useState, useEffect } from 'react';
6
- import { PropTypes } from '@micromag/core';
6
+ import { PropTypes as PropTypes$1 } from '@micromag/core';
7
7
  import { ScreenElement, PlaceholderSubtitle, Empty, PlaceholderTitle, Transitions, PlaceholderImage } from '@micromag/core/components';
8
8
  import { useScreenSize, useScreenRenderContext } from '@micromag/core/contexts';
9
9
  import { useResizeObserver } from '@micromag/core/hooks';
@@ -11,147 +11,16 @@ import Background from '@micromag/element-background';
11
11
  import CallToAction from '@micromag/element-call-to-action';
12
12
  import Container from '@micromag/element-container';
13
13
  import Heading from '@micromag/element-heading';
14
+ import UrbaniaAuthor from '@micromag/element-urbania-author';
14
15
  import Visual from '@micromag/element-visual';
15
- import { getOptimalImageUrl } from '@micromag/core/utils';
16
16
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
17
17
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
18
18
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
19
19
  import { getJSON } from '@folklore/fetch';
20
20
 
21
- var styles$2 = {"container":"micromag-screen-urbania-article-avatar-container","shape":"micromag-screen-urbania-article-avatar-shape","shapeCircle":"micromag-screen-urbania-article-avatar-shapeCircle"};
22
-
23
- var propTypes$4 = {
24
- image: PropTypes.imageElement,
25
- width: PropTypes$1.number,
26
- height: PropTypes$1.number,
27
- isTag: PropTypes$1.bool,
28
- shape: PropTypes$1.oneOf([null, 'tag', 'circle']),
29
- className: PropTypes$1.string
30
- };
31
- var defaultProps$5 = {
32
- image: null,
33
- width: 100,
34
- height: 100,
35
- isTag: false,
36
- shape: 'Circle',
37
- className: null
38
- };
39
-
40
- var Avatar = function Avatar(_ref) {
41
- var _ref2;
42
-
43
- var image = _ref.image,
44
- width = _ref.width,
45
- height = _ref.height,
46
- shape = _ref.shape,
47
- isTag = _ref.isTag,
48
- className = _ref.className;
49
- var imageAtSize = getOptimalImageUrl(image, width, height);
50
- console.log(imageAtSize);
51
- return /*#__PURE__*/React.createElement("span", {
52
- className: classNames([styles$2.container, (_ref2 = {}, _defineProperty(_ref2, styles$2["shape".concat(shape)], shape !== null), _defineProperty(_ref2, styles$2.isTag, isTag), _defineProperty(_ref2, className, className !== null), _ref2)])
53
- }, /*#__PURE__*/React.createElement("span", {
54
- className: styles$2.shape,
55
- style: {
56
- backgroundImage: "url(\"".concat(imageAtSize, "\")")
57
- }
58
- }));
59
- };
60
-
61
- Avatar.propTypes = propTypes$4;
62
- Avatar.defaultProps = defaultProps$5;
63
-
64
- var styles$1 = {"container":"micromag-screen-urbania-article-author-container","avatar":"micromag-screen-urbania-article-author-avatar","conjunction":"micromag-screen-urbania-article-author-conjunction","name":"micromag-screen-urbania-article-author-name","by":"micromag-screen-urbania-article-author-by","isSmall":"micromag-screen-urbania-article-author-isSmall"};
65
-
66
21
  var propTypes$3 = {
67
- author: PropTypes$1.shape({
68
- slug: PropTypes$1.string,
69
- name: PropTypes$1.string,
70
- avatar: PropTypes.imageElement,
71
- url: PropTypes$1.string
72
- }),
73
- withAvatar: PropTypes$1.bool,
74
- withConjunction: PropTypes$1.bool,
75
- withoutLink: PropTypes$1.bool,
76
- isSmall: PropTypes$1.bool,
77
- linkUnderlineColor: PropTypes$1.string,
78
- className: PropTypes$1.string
79
- };
80
- var defaultProps$4 = {
81
- author: null,
82
- withAvatar: true,
83
- withConjunction: false,
84
- withoutLink: false,
85
- isSmall: false,
86
- linkUnderlineColor: null,
87
- className: null
88
- };
89
-
90
- var Author = function Author(_ref) {
91
- var _ref3;
92
-
93
- var author = _ref.author,
94
- withAvatar = _ref.withAvatar,
95
- withConjunction = _ref.withConjunction,
96
- withoutLink = _ref.withoutLink,
97
- isSmall = _ref.isSmall,
98
- linkUnderlineColor = _ref.linkUnderlineColor,
99
- className = _ref.className;
100
-
101
- var _ref2 = author || {};
102
- _ref2.slug;
103
- var _ref2$name = _ref2.name,
104
- name = _ref2$name === void 0 ? '' : _ref2$name,
105
- _ref2$avatar = _ref2.avatar,
106
- avatar = _ref2$avatar === void 0 ? null : _ref2$avatar,
107
- _ref2$url = _ref2.url,
108
- url = _ref2$url === void 0 ? null : _ref2$url;
109
-
110
- var prefix = /*#__PURE__*/React.createElement("span", {
111
- className: styles$1.by
112
- }, /*#__PURE__*/React.createElement(FormattedMessage, {
113
- id: "r7IM7J",
114
- defaultMessage: [{
115
- "type": 0,
116
- "value": "Par"
117
- }]
118
- }));
119
-
120
- if (withConjunction) {
121
- prefix = /*#__PURE__*/React.createElement("span", {
122
- className: styles$1.conjunction
123
- }, /*#__PURE__*/React.createElement(FormattedMessage, {
124
- id: "UkZY6Z",
125
- defaultMessage: [{
126
- "type": 0,
127
- "value": "et"
128
- }]
129
- }));
130
- }
131
-
132
- return /*#__PURE__*/React.createElement("div", {
133
- className: classNames([styles$1.container, (_ref3 = {}, _defineProperty(_ref3, styles$1.isSmall, isSmall), _defineProperty(_ref3, className, className !== null), _ref3)])
134
- }, /*#__PURE__*/React.createElement("span", {
135
- className: styles$1.prefix
136
- }, prefix), withAvatar && avatar !== null ? /*#__PURE__*/React.createElement(Avatar, {
137
- className: styles$1.avatar,
138
- image: avatar
139
- }) : null, url !== null && !withoutLink ? /*#__PURE__*/React.createElement("div", {
140
- className: styles$1.name,
141
- style: {
142
- backgroundImage: linkUnderlineColor !== null ? "linear-gradient(0deg, ".concat(linkUnderlineColor, " 0, ").concat(linkUnderlineColor, ")") : null
143
- }
144
- }, name) : /*#__PURE__*/React.createElement("em", {
145
- className: styles$1.name
146
- }, name));
147
- };
148
-
149
- Author.propTypes = propTypes$3;
150
- Author.defaultProps = defaultProps$4;
151
-
152
- var propTypes$2 = {
153
- color: PropTypes$1.string,
154
- className: PropTypes$1.string
22
+ color: PropTypes.string,
23
+ className: PropTypes.string
155
24
  };
156
25
  var defaultProps$3 = {
157
26
  color: 'currentColor',
@@ -185,12 +54,12 @@ var Arrow = function Arrow(_ref) {
185
54
  })));
186
55
  };
187
56
 
188
- Arrow.propTypes = propTypes$2;
57
+ Arrow.propTypes = propTypes$3;
189
58
  Arrow.defaultProps = defaultProps$3;
190
59
 
191
- var propTypes$1 = {
192
- color: PropTypes$1.string,
193
- className: PropTypes$1.string
60
+ var propTypes$2 = {
61
+ color: PropTypes.string,
62
+ className: PropTypes.string
194
63
  };
195
64
  var defaultProps$2 = {
196
65
  color: '#222',
@@ -222,29 +91,29 @@ var WatchIcon = function WatchIcon(_ref) {
222
91
  })));
223
92
  };
224
93
 
225
- WatchIcon.propTypes = propTypes$1;
94
+ WatchIcon.propTypes = propTypes$2;
226
95
  WatchIcon.defaultProps = defaultProps$2;
227
96
 
228
- 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","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","callToAction":"micromag-screen-urbania-article-callToAction","button":"micromag-screen-urbania-article-button","label":"micromag-screen-urbania-article-label","arrow":"micromag-screen-urbania-article-arrow","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"};
229
-
230
- ({
231
- type: PropTypes$1.string,
232
- video: PropTypes.videoElement,
233
- image: PropTypes.visualElement,
234
- title: PropTypes.headingElement,
235
- overTitle: PropTypes.headingElement,
236
- authors: PropTypes$1.arrayOf(PropTypes$1.shape({})),
237
- sponsor: PropTypes$1.arrayOf(PropTypes$1.shape({})),
238
- sponsorPrefix: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.func]),
239
- site: PropTypes$1.string,
240
- background: PropTypes.backgroundElement,
241
- callToAction: PropTypes.callToAction,
242
- current: PropTypes$1.bool,
243
- active: PropTypes$1.bool,
244
- transitions: PropTypes.transitions,
245
- spacing: PropTypes$1.number,
246
- className: PropTypes$1.string
247
- });
97
+ 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","button":"micromag-screen-urbania-article-button","label":"micromag-screen-urbania-article-label","arrow":"micromag-screen-urbania-article-arrow","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
+
99
+ var propTypes$1 = {
100
+ type: PropTypes.string,
101
+ video: PropTypes$1.videoElement,
102
+ image: PropTypes$1.visualElement,
103
+ title: PropTypes$1.headingElement,
104
+ overTitle: PropTypes$1.headingElement,
105
+ authors: PropTypes.arrayOf(PropTypes.shape({})),
106
+ sponsor: PropTypes.arrayOf(PropTypes.shape({})),
107
+ sponsorPrefix: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
108
+ site: PropTypes.string,
109
+ background: PropTypes$1.backgroundElement,
110
+ callToAction: PropTypes$1.callToAction,
111
+ current: PropTypes.bool,
112
+ active: PropTypes.bool,
113
+ transitions: PropTypes$1.transitions,
114
+ spacing: PropTypes.number,
115
+ className: PropTypes.string
116
+ };
248
117
  var defaultProps$1 = {
249
118
  type: null,
250
119
  video: null,
@@ -316,11 +185,10 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
316
185
  minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe,
317
186
  imageHeight = _useMemo.imageHeight;
318
187
 
319
- var _ref3 = video || {},
320
- _ref3$media = _ref3.media,
321
- currentVideo = _ref3$media === void 0 ? null : _ref3$media;
188
+ var _ref3 = video || {};
189
+ _ref3.media;
190
+ // console.log('cv', type, currentVideo, video);
322
191
 
323
- console.log('cv', type, currentVideo, video);
324
192
 
325
193
  var _useScreenRenderConte = useScreenRenderContext(),
326
194
  isView = _useScreenRenderConte.isView,
@@ -360,8 +228,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
360
228
  var backgroundShouldLoad = current || active || !isView;
361
229
  var transitionPlaying = current;
362
230
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
363
- var hasCallToAction = callToAction !== null && callToAction.active === true; // console.log(authors);
364
-
231
+ var hasCallToAction = callToAction !== null && callToAction.active === true;
365
232
  var items = [/*#__PURE__*/React.createElement(ScreenElement, {
366
233
  key: "overTitle",
367
234
  placeholder: /*#__PURE__*/React.createElement(PlaceholderSubtitle, {
@@ -417,7 +284,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
417
284
  }, hasAuthors ? /*#__PURE__*/React.createElement("div", {
418
285
  className: classNames([styles.authors])
419
286
  }, authors.map(function (author) {
420
- return /*#__PURE__*/React.createElement(Author, {
287
+ return /*#__PURE__*/React.createElement(UrbaniaAuthor, {
421
288
  author: author
422
289
  });
423
290
  })) : null) : null, /*#__PURE__*/React.createElement(ScreenElement, {
@@ -517,11 +384,12 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
517
384
  width: width,
518
385
  height: height
519
386
  },
520
- arrowComponent: Arrow,
521
- iconComponent: WatchIcon
387
+ arrow: /*#__PURE__*/React.createElement(Arrow, null),
388
+ icon: /*#__PURE__*/React.createElement(WatchIcon, null)
522
389
  })) : null)))));
523
390
  };
524
391
 
392
+ UrbaniaArticle.propTypes = propTypes$1;
525
393
  UrbaniaArticle.defaultProps = defaultProps$1;
526
394
  var UrbaniaArticle$1 = /*#__PURE__*/React.memo(UrbaniaArticle);
527
395
 
@@ -657,8 +525,8 @@ var definition = {
657
525
 
658
526
  var _excluded = ["url", "article"];
659
527
  var propTypes = {
660
- url: PropTypes$1.string,
661
- article: PropTypes$1.shape({})
528
+ url: PropTypes.string,
529
+ article: PropTypes.shape({})
662
530
  };
663
531
  var defaultProps = {
664
532
  url: null,
@@ -675,7 +543,6 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
675
543
  article = _useState2[0],
676
544
  setArticle = _useState2[1];
677
545
 
678
- console.log('fuuuu');
679
546
  useEffect(function () {
680
547
  if (url !== null) {
681
548
  // TODO: fix cors on urbania.ca
package/lib/index.js CHANGED
@@ -15,8 +15,8 @@ var Background = require('@micromag/element-background');
15
15
  var CallToAction = require('@micromag/element-call-to-action');
16
16
  var Container = require('@micromag/element-container');
17
17
  var Heading = require('@micromag/element-heading');
18
+ var UrbaniaAuthor = require('@micromag/element-urbania-author');
18
19
  var Visual = require('@micromag/element-visual');
19
- var utils = require('@micromag/core/utils');
20
20
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
21
21
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
22
22
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -32,143 +32,13 @@ var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
32
32
  var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
33
33
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
34
34
  var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
35
+ var UrbaniaAuthor__default = /*#__PURE__*/_interopDefaultLegacy(UrbaniaAuthor);
35
36
  var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
36
37
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
37
38
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
38
39
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
39
40
 
40
- var styles$2 = {"container":"micromag-screen-urbania-article-avatar-container","shape":"micromag-screen-urbania-article-avatar-shape","shapeCircle":"micromag-screen-urbania-article-avatar-shapeCircle"};
41
-
42
- var propTypes$4 = {
43
- image: core.PropTypes.imageElement,
44
- width: PropTypes__default["default"].number,
45
- height: PropTypes__default["default"].number,
46
- isTag: PropTypes__default["default"].bool,
47
- shape: PropTypes__default["default"].oneOf([null, 'tag', 'circle']),
48
- className: PropTypes__default["default"].string
49
- };
50
- var defaultProps$5 = {
51
- image: null,
52
- width: 100,
53
- height: 100,
54
- isTag: false,
55
- shape: 'Circle',
56
- className: null
57
- };
58
-
59
- var Avatar = function Avatar(_ref) {
60
- var _ref2;
61
-
62
- var image = _ref.image,
63
- width = _ref.width,
64
- height = _ref.height,
65
- shape = _ref.shape,
66
- isTag = _ref.isTag,
67
- className = _ref.className;
68
- var imageAtSize = utils.getOptimalImageUrl(image, width, height);
69
- console.log(imageAtSize);
70
- return /*#__PURE__*/React__default["default"].createElement("span", {
71
- className: classNames__default["default"]([styles$2.container, (_ref2 = {}, _defineProperty__default["default"](_ref2, styles$2["shape".concat(shape)], shape !== null), _defineProperty__default["default"](_ref2, styles$2.isTag, isTag), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)])
72
- }, /*#__PURE__*/React__default["default"].createElement("span", {
73
- className: styles$2.shape,
74
- style: {
75
- backgroundImage: "url(\"".concat(imageAtSize, "\")")
76
- }
77
- }));
78
- };
79
-
80
- Avatar.propTypes = propTypes$4;
81
- Avatar.defaultProps = defaultProps$5;
82
-
83
- var styles$1 = {"container":"micromag-screen-urbania-article-author-container","avatar":"micromag-screen-urbania-article-author-avatar","conjunction":"micromag-screen-urbania-article-author-conjunction","name":"micromag-screen-urbania-article-author-name","by":"micromag-screen-urbania-article-author-by","isSmall":"micromag-screen-urbania-article-author-isSmall"};
84
-
85
41
  var propTypes$3 = {
86
- author: PropTypes__default["default"].shape({
87
- slug: PropTypes__default["default"].string,
88
- name: PropTypes__default["default"].string,
89
- avatar: core.PropTypes.imageElement,
90
- url: PropTypes__default["default"].string
91
- }),
92
- withAvatar: PropTypes__default["default"].bool,
93
- withConjunction: PropTypes__default["default"].bool,
94
- withoutLink: PropTypes__default["default"].bool,
95
- isSmall: PropTypes__default["default"].bool,
96
- linkUnderlineColor: PropTypes__default["default"].string,
97
- className: PropTypes__default["default"].string
98
- };
99
- var defaultProps$4 = {
100
- author: null,
101
- withAvatar: true,
102
- withConjunction: false,
103
- withoutLink: false,
104
- isSmall: false,
105
- linkUnderlineColor: null,
106
- className: null
107
- };
108
-
109
- var Author = function Author(_ref) {
110
- var _ref3;
111
-
112
- var author = _ref.author,
113
- withAvatar = _ref.withAvatar,
114
- withConjunction = _ref.withConjunction,
115
- withoutLink = _ref.withoutLink,
116
- isSmall = _ref.isSmall,
117
- linkUnderlineColor = _ref.linkUnderlineColor,
118
- className = _ref.className;
119
-
120
- var _ref2 = author || {};
121
- _ref2.slug;
122
- var _ref2$name = _ref2.name,
123
- name = _ref2$name === void 0 ? '' : _ref2$name,
124
- _ref2$avatar = _ref2.avatar,
125
- avatar = _ref2$avatar === void 0 ? null : _ref2$avatar,
126
- _ref2$url = _ref2.url,
127
- url = _ref2$url === void 0 ? null : _ref2$url;
128
-
129
- var prefix = /*#__PURE__*/React__default["default"].createElement("span", {
130
- className: styles$1.by
131
- }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
132
- id: "r7IM7J",
133
- defaultMessage: [{
134
- "type": 0,
135
- "value": "Par"
136
- }]
137
- }));
138
-
139
- if (withConjunction) {
140
- prefix = /*#__PURE__*/React__default["default"].createElement("span", {
141
- className: styles$1.conjunction
142
- }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
143
- id: "UkZY6Z",
144
- defaultMessage: [{
145
- "type": 0,
146
- "value": "et"
147
- }]
148
- }));
149
- }
150
-
151
- return /*#__PURE__*/React__default["default"].createElement("div", {
152
- className: classNames__default["default"]([styles$1.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, styles$1.isSmall, isSmall), _defineProperty__default["default"](_ref3, className, className !== null), _ref3)])
153
- }, /*#__PURE__*/React__default["default"].createElement("span", {
154
- className: styles$1.prefix
155
- }, prefix), withAvatar && avatar !== null ? /*#__PURE__*/React__default["default"].createElement(Avatar, {
156
- className: styles$1.avatar,
157
- image: avatar
158
- }) : null, url !== null && !withoutLink ? /*#__PURE__*/React__default["default"].createElement("div", {
159
- className: styles$1.name,
160
- style: {
161
- backgroundImage: linkUnderlineColor !== null ? "linear-gradient(0deg, ".concat(linkUnderlineColor, " 0, ").concat(linkUnderlineColor, ")") : null
162
- }
163
- }, name) : /*#__PURE__*/React__default["default"].createElement("em", {
164
- className: styles$1.name
165
- }, name));
166
- };
167
-
168
- Author.propTypes = propTypes$3;
169
- Author.defaultProps = defaultProps$4;
170
-
171
- var propTypes$2 = {
172
42
  color: PropTypes__default["default"].string,
173
43
  className: PropTypes__default["default"].string
174
44
  };
@@ -204,10 +74,10 @@ var Arrow = function Arrow(_ref) {
204
74
  })));
205
75
  };
206
76
 
207
- Arrow.propTypes = propTypes$2;
77
+ Arrow.propTypes = propTypes$3;
208
78
  Arrow.defaultProps = defaultProps$3;
209
79
 
210
- var propTypes$1 = {
80
+ var propTypes$2 = {
211
81
  color: PropTypes__default["default"].string,
212
82
  className: PropTypes__default["default"].string
213
83
  };
@@ -241,12 +111,12 @@ var WatchIcon = function WatchIcon(_ref) {
241
111
  })));
242
112
  };
243
113
 
244
- WatchIcon.propTypes = propTypes$1;
114
+ WatchIcon.propTypes = propTypes$2;
245
115
  WatchIcon.defaultProps = defaultProps$2;
246
116
 
247
- 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","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","callToAction":"micromag-screen-urbania-article-callToAction","button":"micromag-screen-urbania-article-button","label":"micromag-screen-urbania-article-label","arrow":"micromag-screen-urbania-article-arrow","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"};
117
+ 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","button":"micromag-screen-urbania-article-button","label":"micromag-screen-urbania-article-label","arrow":"micromag-screen-urbania-article-arrow","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"};
248
118
 
249
- ({
119
+ var propTypes$1 = {
250
120
  type: PropTypes__default["default"].string,
251
121
  video: core.PropTypes.videoElement,
252
122
  image: core.PropTypes.visualElement,
@@ -263,7 +133,7 @@ var styles = {"container":"micromag-screen-urbania-article-container","empty":"m
263
133
  transitions: core.PropTypes.transitions,
264
134
  spacing: PropTypes__default["default"].number,
265
135
  className: PropTypes__default["default"].string
266
- });
136
+ };
267
137
  var defaultProps$1 = {
268
138
  type: null,
269
139
  video: null,
@@ -335,11 +205,10 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
335
205
  minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe,
336
206
  imageHeight = _useMemo.imageHeight;
337
207
 
338
- var _ref3 = video || {},
339
- _ref3$media = _ref3.media,
340
- currentVideo = _ref3$media === void 0 ? null : _ref3$media;
208
+ var _ref3 = video || {};
209
+ _ref3.media;
210
+ // console.log('cv', type, currentVideo, video);
341
211
 
342
- console.log('cv', type, currentVideo, video);
343
212
 
344
213
  var _useScreenRenderConte = contexts.useScreenRenderContext(),
345
214
  isView = _useScreenRenderConte.isView,
@@ -379,8 +248,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
379
248
  var backgroundShouldLoad = current || active || !isView;
380
249
  var transitionPlaying = current;
381
250
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
382
- var hasCallToAction = callToAction !== null && callToAction.active === true; // console.log(authors);
383
-
251
+ var hasCallToAction = callToAction !== null && callToAction.active === true;
384
252
  var items = [/*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
385
253
  key: "overTitle",
386
254
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderSubtitle, {
@@ -436,7 +304,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
436
304
  }, hasAuthors ? /*#__PURE__*/React__default["default"].createElement("div", {
437
305
  className: classNames__default["default"]([styles.authors])
438
306
  }, authors.map(function (author) {
439
- return /*#__PURE__*/React__default["default"].createElement(Author, {
307
+ return /*#__PURE__*/React__default["default"].createElement(UrbaniaAuthor__default["default"], {
440
308
  author: author
441
309
  });
442
310
  })) : null) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
@@ -536,11 +404,12 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
536
404
  width: width,
537
405
  height: height
538
406
  },
539
- arrowComponent: Arrow,
540
- iconComponent: WatchIcon
407
+ arrow: /*#__PURE__*/React__default["default"].createElement(Arrow, null),
408
+ icon: /*#__PURE__*/React__default["default"].createElement(WatchIcon, null)
541
409
  })) : null)))));
542
410
  };
543
411
 
412
+ UrbaniaArticle.propTypes = propTypes$1;
544
413
  UrbaniaArticle.defaultProps = defaultProps$1;
545
414
  var UrbaniaArticle$1 = /*#__PURE__*/React__default["default"].memo(UrbaniaArticle);
546
415
 
@@ -694,7 +563,6 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
694
563
  article = _useState2[0],
695
564
  setArticle = _useState2[1];
696
565
 
697
- console.log('fuuuu');
698
566
  React.useEffect(function () {
699
567
  if (url !== null) {
700
568
  // TODO: fix cors on urbania.ca
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-article",
3
- "version": "0.3.57",
3
+ "version": "0.3.58",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,18 +50,19 @@
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/fetch": "^0.1.15",
53
- "@folklore/size": "^0.1.15",
54
- "@micromag/core": "^0.3.57",
55
- "@micromag/element-background": "^0.3.57",
56
- "@micromag/element-call-to-action": "^0.3.57",
57
- "@micromag/element-closed-captions": "^0.3.57",
58
- "@micromag/element-container": "^0.3.57",
59
- "@micromag/element-heading": "^0.3.57",
60
- "@micromag/element-image": "^0.3.57",
61
- "@micromag/element-media-controls": "^0.3.57",
62
- "@micromag/element-video": "^0.3.57",
63
- "@micromag/element-visual": "^0.3.57",
64
- "@micromag/transforms": "^0.3.57",
53
+ "@folklore/size": "^0.1.20",
54
+ "@micromag/core": "^0.3.58",
55
+ "@micromag/element-background": "^0.3.58",
56
+ "@micromag/element-call-to-action": "^0.3.58",
57
+ "@micromag/element-closed-captions": "^0.3.58",
58
+ "@micromag/element-container": "^0.3.58",
59
+ "@micromag/element-heading": "^0.3.58",
60
+ "@micromag/element-image": "^0.3.58",
61
+ "@micromag/element-media-controls": "^0.3.58",
62
+ "@micromag/element-urbania-author": "^0.3.58",
63
+ "@micromag/element-video": "^0.3.58",
64
+ "@micromag/element-visual": "^0.3.58",
65
+ "@micromag/transforms": "^0.3.58",
65
66
  "classnames": "^2.2.6",
66
67
  "lodash": "^4.17.21",
67
68
  "prop-types": "^15.7.2",
@@ -71,5 +72,5 @@
71
72
  "publishConfig": {
72
73
  "access": "public"
73
74
  },
74
- "gitHead": "0cd1abafd1bee77d9dccbedde58f7b83f2351794"
75
+ "gitHead": "80fc5af53d50e031d2516967d52ca61e789d52de"
75
76
  }