@micromag/screen-urbania-recommendation 0.3.348 → 0.3.354

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 +55 -37
  3. package/lib/index.js +56 -37
  4. package/package.json +12 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-recommendation-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{padding:6px;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-recommendation-container{-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{z-index:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:10px auto;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-callToAction{-webkit-transition:opacity .2 ease-out;-o-transition:opacity .2 ease-out;transition:opacity .2 ease-out}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-callToAction.micromag-screen-urbania-recommendation-disabled{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#adadad;height:200px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{background-color:#ff4f46;border-bottom:2px solid #000;color:#fff;font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;padding:12px 10px 6px;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category.micromag-screen-urbania-recommendation-noBottomBorder{border-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{background-color:#343434;padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#fff;display:-ms-flexbox;display:flex;justify-content:center;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#e9e9e9;margin-left:2px;padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer{-ms-flex-positive:1;flex-grow:1;height:inherit;max-width:50%;min-width:30%;overflow-wrap:break-word;padding:15px 10px;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer.micromag-screen-urbania-recommendation-rightBorder{border-right:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer strong{white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{color:#ff4f46;font-family:Agrandir,sans-serif;font-size:12px;line-height:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date.micromag-screen-urbania-recommendation-centerDate{text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{max-width:70%;min-width:50%;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer.micromag-screen-urbania-recommendation-leftBorder{border-left:2px solid #000;margin-left:-2px;margin-right:-2px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{font-family:Agrandir Narrow,sans-serif;font-size:20px;font-weight:700;line-height:1;padding:15px 20px 11px;text-align:center;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor>p{margin-bottom:0;margin-top:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{background-color:#fff;font-family:Roboto,sans-serif;font-size:12px;padding:10px;text-align:left}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{margin-bottom:1em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{-webkit-animation:micromag-screen-urbania-recommendation-roll .9s ease-out;animation:micromag-screen-urbania-recommendation-roll .9s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}
1
+ .micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-recommendation-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{padding:6px;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-recommendation-container{-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{z-index:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:10px auto;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-callToAction{-webkit-transition:opacity .2 ease-out;-o-transition:opacity .2 ease-out;transition:opacity .2 ease-out}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-callToAction.micromag-screen-urbania-recommendation-disabled{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#adadad;height:200px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{background-color:#ff4f46;border-bottom:2px solid #000;color:#fff;font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;padding:12px 10px 6px;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category.micromag-screen-urbania-recommendation-noBottomBorder{border-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{background-color:#343434;padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#fff;display:-ms-flexbox;display:flex;justify-content:center;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#e9e9e9;margin-left:2px;padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer{-ms-flex-positive:1;flex-grow:1;height:inherit;max-width:50%;min-width:30%;overflow-wrap:break-word;padding:15px 10px;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer strong{white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{color:#ff4f46;font-family:Agrandir,sans-serif;font-size:12px;line-height:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date.micromag-screen-urbania-recommendation-centerDate{text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{max-width:70%;min-width:50%;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer.micromag-screen-urbania-recommendation-leftBorder{border-left:2px solid #000;margin-left:-2px;margin-right:-2px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{font-family:Agrandir Narrow,sans-serif;font-size:20px;font-weight:700;line-height:1;padding:15px 20px 11px;text-align:center;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor>p{margin-bottom:0;margin-top:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{background-color:#fff;font-family:Roboto,sans-serif;font-size:12px;padding:10px;text-align:left}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{margin-bottom:1em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{-webkit-animation:micromag-screen-urbania-recommendation-roll .9s ease-out;animation:micromag-screen-urbania-recommendation-roll .9s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}
package/es/index.js CHANGED
@@ -9,16 +9,17 @@ import { PropTypes } from '@micromag/core';
9
9
  import { ScreenElement, PlaceholderTitle, PlaceholderText, TransitionsStagger } from '@micromag/core/components';
10
10
  import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
11
11
  import { useTrackScreenEvent } from '@micromag/core/hooks';
12
- import { isTextFilled } from '@micromag/core/utils';
12
+ import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps } from '@micromag/core/utils';
13
13
  import Background from '@micromag/element-background';
14
- import CallToAction from '@micromag/element-call-to-action';
15
14
  import Container from '@micromag/element-container';
15
+ import Footer from '@micromag/element-footer';
16
+ import Header from '@micromag/element-header';
16
17
  import Heading from '@micromag/element-heading';
17
18
  import Layout, { Spacer } from '@micromag/element-layout';
18
19
  import Scroll from '@micromag/element-scroll';
19
20
  import Text from '@micromag/element-text';
20
21
 
21
- var styles = {"container":"micromag-screen-urbania-recommendation-container","background":"micromag-screen-urbania-recommendation-background","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","emptyText":"micromag-screen-urbania-recommendation-emptyText","callToAction":"micromag-screen-urbania-recommendation-callToAction","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
22
+ var styles = {"container":"micromag-screen-urbania-recommendation-container","background":"micromag-screen-urbania-recommendation-background","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","emptyText":"micromag-screen-urbania-recommendation-emptyText","callToAction":"micromag-screen-urbania-recommendation-callToAction","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
22
23
 
23
24
  var propTypes = {
24
25
  category: PropTypes.headingElement,
@@ -27,8 +28,9 @@ var propTypes = {
27
28
  sponsor: PropTypes.textElement,
28
29
  description: PropTypes.textElement,
29
30
  spacing: PropTypes$1.number,
31
+ header: PropTypes.header,
32
+ footer: PropTypes.footer,
30
33
  background: PropTypes.backgroundElement,
31
- callToAction: PropTypes.callToAction,
32
34
  current: PropTypes$1.bool,
33
35
  active: PropTypes$1.bool,
34
36
  animateBackground: PropTypes$1.bool,
@@ -43,8 +45,9 @@ var defaultProps = {
43
45
  sponsor: null,
44
46
  description: null,
45
47
  spacing: 20,
48
+ header: null,
49
+ footer: null,
46
50
  background: null,
47
- callToAction: null,
48
51
  current: true,
49
52
  active: true,
50
53
  animateBackground: true,
@@ -53,15 +56,16 @@ var defaultProps = {
53
56
  className: null
54
57
  };
55
58
  var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
56
- var _ref4, _ref5, _ref6, _ref7, _ref8, _ref12;
59
+ var _ref3, _ref4, _ref5, _ref7, _ref11;
57
60
  var category = _ref.category,
58
61
  date = _ref.date,
59
62
  title = _ref.title,
60
63
  sponsor = _ref.sponsor,
61
64
  description = _ref.description,
62
65
  spacing = _ref.spacing,
66
+ header = _ref.header,
67
+ footer = _ref.footer,
63
68
  background = _ref.background,
64
- callToAction = _ref.callToAction,
65
69
  current = _ref.current,
66
70
  active = _ref.active,
67
71
  animateBackground = _ref.animateBackground,
@@ -106,9 +110,14 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
106
110
  var transitionPlaying = current;
107
111
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
108
112
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
109
- var _ref2 = callToAction || {},
110
- _ref2$active = _ref2.active,
111
- hasCallToAction = _ref2$active === void 0 ? false : _ref2$active;
113
+ var hasHeader = isHeaderFilled(header);
114
+ var hasFooter = isFooterFilled(footer);
115
+ var footerProps = getFooterProps(footer, {
116
+ isView: isView,
117
+ current: current,
118
+ openWebView: openWebView,
119
+ isPreview: isPreview
120
+ });
112
121
  var _useState3 = useState(false),
113
122
  _useState4 = _slicedToArray(_useState3, 2),
114
123
  scrolledBottom = _useState4[0],
@@ -131,8 +140,8 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
131
140
  setAnimationStarted(true);
132
141
  }
133
142
  }, [isView, setAnimationStarted]);
134
- var onScrolledBottom = useCallback(function (_ref3) {
135
- var initial = _ref3.initial;
143
+ var onScrolledBottom = useCallback(function (_ref2) {
144
+ var initial = _ref2.initial;
136
145
  if (initial) {
137
146
  trackScreenEvent('scroll', 'Screen');
138
147
  }
@@ -151,10 +160,15 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
151
160
  }, [background]);
152
161
 
153
162
  // Create elements
154
- var items = [!isPlaceholder ? /*#__PURE__*/React.createElement(Spacer, {
163
+ var items = [!isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
164
+ key: "header",
165
+ style: {
166
+ paddingBottom: spacing
167
+ }
168
+ }, /*#__PURE__*/React.createElement(Header, header)) : null, !isPlaceholder ? /*#__PURE__*/React.createElement(Spacer, {
155
169
  key: "spacer-cta-top"
156
170
  }) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React.createElement(Container, {
157
- className: classNames([styles.textCard, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref4, styles.appear, finalAnimateBackground), _ref4)])
171
+ className: classNames([styles.textCard, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref3, styles.appear, finalAnimateBackground), _ref3)])
158
172
  }, /*#__PURE__*/React.createElement(ScreenElement, {
159
173
  key: "category",
160
174
  placeholder: /*#__PURE__*/React.createElement(PlaceholderTitle, {
@@ -170,9 +184,9 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
170
184
  emptyClassName: styles.emptyText,
171
185
  isEmpty: !hasCategory
172
186
  }, hasCategory ? /*#__PURE__*/React.createElement(Heading, Object.assign({
173
- className: classNames([styles.category, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.noBottomBorder, onlyCategory), _ref5)])
187
+ className: classNames([styles.category, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.noBottomBorder, onlyCategory), _ref4)])
174
188
  }, category)) : null), hasDate || hasTitle || isPlaceholder ? /*#__PURE__*/React.createElement("div", {
175
- className: classNames([styles.dateTitleRow, (_ref6 = {}, _defineProperty(_ref6, className, className !== null), _defineProperty(_ref6, styles.bottomBorder, hasSponsor || !hasSponsor && hasDescription), _defineProperty(_ref6, styles.isPlaceholder, isPlaceholder), _ref6)])
189
+ className: classNames([styles.dateTitleRow, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.bottomBorder, hasSponsor || !hasSponsor && hasDescription), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)])
176
190
  }, /*#__PURE__*/React.createElement(ScreenElement, {
177
191
  key: "date",
178
192
  placeholder: /*#__PURE__*/React.createElement(PlaceholderText, {
@@ -187,9 +201,9 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
187
201
  // emptyClassName={styles.emptyText}
188
202
  // isEmpty={!hasDate}
189
203
  }, hasDate ? /*#__PURE__*/React.createElement("div", {
190
- className: classNames([styles.dateContainer, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.rightBorder, hasTitle), _ref7)])
204
+ className: classNames([styles.dateContainer, _defineProperty({}, className, className !== null)])
191
205
  }, /*#__PURE__*/React.createElement(Text, Object.assign({
192
- className: classNames([styles.date, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.centerDate, !hasTitle), _ref8)])
206
+ className: classNames([styles.date, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.centerDate, !hasTitle), _ref7)])
193
207
  }, date))) : null), /*#__PURE__*/React.createElement(ScreenElement, {
194
208
  key: "title",
195
209
  placeholder: "title"
@@ -239,23 +253,19 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
239
253
  className: styles.description
240
254
  }, description)) : null)) : null, !isPlaceholder ? /*#__PURE__*/React.createElement(Spacer, {
241
255
  key: "spacer-cta-bottom"
242
- }) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
256
+ }) : null, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
257
+ key: "call-to-action",
243
258
  className: classNames([styles.callToAction, _defineProperty({}, styles.disabled, !scrolledBottom)]),
244
259
  style: {
245
260
  paddingTop: spacing,
246
261
  paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
247
262
  paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
248
- },
249
- key: "call-to-action"
250
- }, /*#__PURE__*/React.createElement(CallToAction, Object.assign({}, callToAction, {
251
- animationDisabled: isPreview,
252
- focusable: current && isView,
253
- openWebView: openWebView
254
- }))) : null].filter(function (el) {
263
+ }
264
+ }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null].filter(function (el) {
255
265
  return el !== null;
256
266
  });
257
267
  return /*#__PURE__*/React.createElement("div", {
258
- className: classNames([styles.container, (_ref12 = {}, _defineProperty(_ref12, className, className !== null), _defineProperty(_ref12, styles.isPlaceholder, isPlaceholder), _ref12)]),
268
+ className: classNames([styles.container, (_ref11 = {}, _defineProperty(_ref11, className, className !== null), _defineProperty(_ref11, styles.isPlaceholder, isPlaceholder), _ref11)]),
259
269
  "data-screen-ready": true
260
270
  }, /*#__PURE__*/React.createElement(Container, {
261
271
  width: width,
@@ -379,17 +389,25 @@ var definition = [{
379
389
  }]
380
390
  })
381
391
  }, {
382
- name: 'callToAction',
383
- type: 'call-to-action',
384
- theme: {
385
- label: {
386
- textStyle: 'cta'
387
- },
388
- boxStyle: 'cta'
389
- }
392
+ name: 'header',
393
+ type: 'header',
394
+ label: defineMessage({
395
+ id: "rhuDxI",
396
+ defaultMessage: [{
397
+ "type": 0,
398
+ "value": "Header"
399
+ }]
400
+ })
390
401
  }, {
391
- name: 'shareIncentive',
392
- type: 'share-incentive'
402
+ name: 'footer',
403
+ type: 'footer',
404
+ label: defineMessage({
405
+ id: "g4nybp",
406
+ defaultMessage: [{
407
+ "type": 0,
408
+ "value": "Footer"
409
+ }]
410
+ })
393
411
  }]
394
412
  }];
395
413
 
package/lib/index.js CHANGED
@@ -15,8 +15,9 @@ var contexts = require('@micromag/core/contexts');
15
15
  var hooks = require('@micromag/core/hooks');
16
16
  var utils = require('@micromag/core/utils');
17
17
  var Background = require('@micromag/element-background');
18
- var CallToAction = require('@micromag/element-call-to-action');
19
18
  var Container = require('@micromag/element-container');
19
+ var Footer = require('@micromag/element-footer');
20
+ var Header = require('@micromag/element-header');
20
21
  var Heading = require('@micromag/element-heading');
21
22
  var Layout = require('@micromag/element-layout');
22
23
  var Scroll = require('@micromag/element-scroll');
@@ -31,14 +32,15 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
31
32
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
32
33
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
33
34
  var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
34
- var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
35
35
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
36
+ var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
37
+ var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
36
38
  var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
37
39
  var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
38
40
  var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
39
41
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
40
42
 
41
- var styles = {"container":"micromag-screen-urbania-recommendation-container","background":"micromag-screen-urbania-recommendation-background","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","emptyText":"micromag-screen-urbania-recommendation-emptyText","callToAction":"micromag-screen-urbania-recommendation-callToAction","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
43
+ var styles = {"container":"micromag-screen-urbania-recommendation-container","background":"micromag-screen-urbania-recommendation-background","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","emptyText":"micromag-screen-urbania-recommendation-emptyText","callToAction":"micromag-screen-urbania-recommendation-callToAction","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
42
44
 
43
45
  var propTypes = {
44
46
  category: core.PropTypes.headingElement,
@@ -47,8 +49,9 @@ var propTypes = {
47
49
  sponsor: core.PropTypes.textElement,
48
50
  description: core.PropTypes.textElement,
49
51
  spacing: PropTypes__default["default"].number,
52
+ header: core.PropTypes.header,
53
+ footer: core.PropTypes.footer,
50
54
  background: core.PropTypes.backgroundElement,
51
- callToAction: core.PropTypes.callToAction,
52
55
  current: PropTypes__default["default"].bool,
53
56
  active: PropTypes__default["default"].bool,
54
57
  animateBackground: PropTypes__default["default"].bool,
@@ -63,8 +66,9 @@ var defaultProps = {
63
66
  sponsor: null,
64
67
  description: null,
65
68
  spacing: 20,
69
+ header: null,
70
+ footer: null,
66
71
  background: null,
67
- callToAction: null,
68
72
  current: true,
69
73
  active: true,
70
74
  animateBackground: true,
@@ -73,15 +77,16 @@ var defaultProps = {
73
77
  className: null
74
78
  };
75
79
  var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
76
- var _ref4, _ref5, _ref6, _ref7, _ref8, _ref12;
80
+ var _ref3, _ref4, _ref5, _ref7, _ref11;
77
81
  var category = _ref.category,
78
82
  date = _ref.date,
79
83
  title = _ref.title,
80
84
  sponsor = _ref.sponsor,
81
85
  description = _ref.description,
82
86
  spacing = _ref.spacing,
87
+ header = _ref.header,
88
+ footer = _ref.footer,
83
89
  background = _ref.background,
84
- callToAction = _ref.callToAction,
85
90
  current = _ref.current,
86
91
  active = _ref.active,
87
92
  animateBackground = _ref.animateBackground,
@@ -126,9 +131,14 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
126
131
  var transitionPlaying = current;
127
132
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
128
133
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
129
- var _ref2 = callToAction || {},
130
- _ref2$active = _ref2.active,
131
- hasCallToAction = _ref2$active === void 0 ? false : _ref2$active;
134
+ var hasHeader = utils.isHeaderFilled(header);
135
+ var hasFooter = utils.isFooterFilled(footer);
136
+ var footerProps = utils.getFooterProps(footer, {
137
+ isView: isView,
138
+ current: current,
139
+ openWebView: openWebView,
140
+ isPreview: isPreview
141
+ });
132
142
  var _useState3 = React.useState(false),
133
143
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
134
144
  scrolledBottom = _useState4[0],
@@ -151,8 +161,8 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
151
161
  setAnimationStarted(true);
152
162
  }
153
163
  }, [isView, setAnimationStarted]);
154
- var onScrolledBottom = React.useCallback(function (_ref3) {
155
- var initial = _ref3.initial;
164
+ var onScrolledBottom = React.useCallback(function (_ref2) {
165
+ var initial = _ref2.initial;
156
166
  if (initial) {
157
167
  trackScreenEvent('scroll', 'Screen');
158
168
  }
@@ -171,10 +181,15 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
171
181
  }, [background]);
172
182
 
173
183
  // Create elements
174
- var items = [!isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
184
+ var items = [!isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
185
+ key: "header",
186
+ style: {
187
+ paddingBottom: spacing
188
+ }
189
+ }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
175
190
  key: "spacer-cta-top"
176
191
  }) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
177
- className: classNames__default["default"]([styles.textCard, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref4, styles.appear, finalAnimateBackground), _ref4)])
192
+ className: classNames__default["default"]([styles.textCard, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref3, styles.appear, finalAnimateBackground), _ref3)])
178
193
  }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
179
194
  key: "category",
180
195
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderTitle, {
@@ -190,9 +205,9 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
190
205
  emptyClassName: styles.emptyText,
191
206
  isEmpty: !hasCategory
192
207
  }, hasCategory ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
193
- className: classNames__default["default"]([styles.category, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.noBottomBorder, onlyCategory), _ref5)])
208
+ className: classNames__default["default"]([styles.category, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.noBottomBorder, onlyCategory), _ref4)])
194
209
  }, category)) : null), hasDate || hasTitle || isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
195
- className: classNames__default["default"]([styles.dateTitleRow, (_ref6 = {}, _defineProperty__default["default"](_ref6, className, className !== null), _defineProperty__default["default"](_ref6, styles.bottomBorder, hasSponsor || !hasSponsor && hasDescription), _defineProperty__default["default"](_ref6, styles.isPlaceholder, isPlaceholder), _ref6)])
210
+ className: classNames__default["default"]([styles.dateTitleRow, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.bottomBorder, hasSponsor || !hasSponsor && hasDescription), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)])
196
211
  }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
197
212
  key: "date",
198
213
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderText, {
@@ -207,9 +222,9 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
207
222
  // emptyClassName={styles.emptyText}
208
223
  // isEmpty={!hasDate}
209
224
  }, hasDate ? /*#__PURE__*/React__default["default"].createElement("div", {
210
- className: classNames__default["default"]([styles.dateContainer, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.rightBorder, hasTitle), _ref7)])
225
+ className: classNames__default["default"]([styles.dateContainer, _defineProperty__default["default"]({}, className, className !== null)])
211
226
  }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
212
- className: classNames__default["default"]([styles.date, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.centerDate, !hasTitle), _ref8)])
227
+ className: classNames__default["default"]([styles.date, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.centerDate, !hasTitle), _ref7)])
213
228
  }, date))) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
214
229
  key: "title",
215
230
  placeholder: "title"
@@ -259,23 +274,19 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
259
274
  className: styles.description
260
275
  }, description)) : null)) : null, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
261
276
  key: "spacer-cta-bottom"
262
- }) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
277
+ }) : null, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
278
+ key: "call-to-action",
263
279
  className: classNames__default["default"]([styles.callToAction, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
264
280
  style: {
265
281
  paddingTop: spacing,
266
282
  paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
267
283
  paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
268
- },
269
- key: "call-to-action"
270
- }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], Object.assign({}, callToAction, {
271
- animationDisabled: isPreview,
272
- focusable: current && isView,
273
- openWebView: openWebView
274
- }))) : null].filter(function (el) {
284
+ }
285
+ }, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null].filter(function (el) {
275
286
  return el !== null;
276
287
  });
277
288
  return /*#__PURE__*/React__default["default"].createElement("div", {
278
- className: classNames__default["default"]([styles.container, (_ref12 = {}, _defineProperty__default["default"](_ref12, className, className !== null), _defineProperty__default["default"](_ref12, styles.isPlaceholder, isPlaceholder), _ref12)]),
289
+ className: classNames__default["default"]([styles.container, (_ref11 = {}, _defineProperty__default["default"](_ref11, className, className !== null), _defineProperty__default["default"](_ref11, styles.isPlaceholder, isPlaceholder), _ref11)]),
279
290
  "data-screen-ready": true
280
291
  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
281
292
  width: width,
@@ -399,17 +410,25 @@ var definition = [{
399
410
  }]
400
411
  })
401
412
  }, {
402
- name: 'callToAction',
403
- type: 'call-to-action',
404
- theme: {
405
- label: {
406
- textStyle: 'cta'
407
- },
408
- boxStyle: 'cta'
409
- }
413
+ name: 'header',
414
+ type: 'header',
415
+ label: reactIntl.defineMessage({
416
+ id: "rhuDxI",
417
+ defaultMessage: [{
418
+ "type": 0,
419
+ "value": "Header"
420
+ }]
421
+ })
410
422
  }, {
411
- name: 'shareIncentive',
412
- type: 'share-incentive'
423
+ name: 'footer',
424
+ type: 'footer',
425
+ label: reactIntl.defineMessage({
426
+ id: "g4nybp",
427
+ defaultMessage: [{
428
+ "type": 0,
429
+ "value": "Footer"
430
+ }]
431
+ })
413
432
  }]
414
433
  }];
415
434
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-recommendation",
3
- "version": "0.3.348",
3
+ "version": "0.3.354",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,15 +49,16 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.348",
53
- "@micromag/element-background": "^0.3.348",
54
- "@micromag/element-call-to-action": "^0.3.348",
55
- "@micromag/element-container": "^0.3.348",
56
- "@micromag/element-heading": "^0.3.348",
57
- "@micromag/element-layout": "^0.3.348",
58
- "@micromag/element-scroll": "^0.3.348",
59
- "@micromag/element-text": "^0.3.348",
60
- "@micromag/transforms": "^0.3.348",
52
+ "@micromag/core": "^0.3.354",
53
+ "@micromag/element-background": "^0.3.354",
54
+ "@micromag/element-container": "^0.3.354",
55
+ "@micromag/element-footer": "^0.3.354",
56
+ "@micromag/element-header": "^0.3.354",
57
+ "@micromag/element-heading": "^0.3.354",
58
+ "@micromag/element-layout": "^0.3.354",
59
+ "@micromag/element-scroll": "^0.3.354",
60
+ "@micromag/element-text": "^0.3.354",
61
+ "@micromag/transforms": "^0.3.354",
61
62
  "classnames": "^2.2.6",
62
63
  "lodash": "^4.17.21",
63
64
  "prop-types": "^15.7.2",
@@ -67,5 +68,5 @@
67
68
  "publishConfig": {
68
69
  "access": "public"
69
70
  },
70
- "gitHead": "20ef008fdf5c678004b740f395f51cb548591dad"
71
+ "gitHead": "ccf852d0a7df8f222365088e7de3843492e720e7"
71
72
  }