@micromag/screen-gallery-feed 0.3.349 → 0.3.356

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 +49 -46
  3. package/lib/index.js +49 -45
  4. package/package.json +13 -12
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-gallery-feed-container{position:relative}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-background{z-index:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-content{z-index:1}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:10px auto;width:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{height:200px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption{height:50px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-image,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-video{position:relative!important}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer{overflow:hidden}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction a{padding:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction.micromag-screen-gallery-feed-disabled{opacity:0;pointer-events:none}.micromag-screen-gallery-feed-container.micromag-screen-gallery-feed-isPlaceholder .micromag-screen-gallery-feed-layout{padding:10px}
1
+ .micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-gallery-feed-container{position:relative}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-background{z-index:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-content{z-index:1}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:10px auto;width:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{height:200px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption{height:50px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-image,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-video{position:relative!important}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer{overflow:hidden}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer a{padding:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer.micromag-screen-gallery-feed-disabled{opacity:0;pointer-events:none}.micromag-screen-gallery-feed-container.micromag-screen-gallery-feed-isPlaceholder .micromag-screen-gallery-feed-layout{padding:10px}
package/es/index.js CHANGED
@@ -6,13 +6,14 @@ import classNames from 'classnames';
6
6
  import PropTypes from 'prop-types';
7
7
  import React, { useState, useCallback } from 'react';
8
8
  import { PropTypes as PropTypes$1 } from '@micromag/core';
9
- import { ScreenElement, TransitionsStagger } from '@micromag/core/components';
9
+ import { ScreenElement } from '@micromag/core/components';
10
10
  import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
11
11
  import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
12
- import { isImageFilled, isTextFilled } from '@micromag/core/utils';
12
+ import { isImageFilled, 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 Layout from '@micromag/element-layout';
17
18
  import Scroll from '@micromag/element-scroll';
18
19
  import Text from '@micromag/element-text';
@@ -22,7 +23,7 @@ import _extends from '@babel/runtime/helpers/extends';
22
23
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
23
24
  import { Gallery, Container as Container$1 } from '@micromag/transforms/apple-news';
24
25
 
25
- var styles = {"container":"micromag-screen-gallery-feed-container","background":"micromag-screen-gallery-feed-background","emptyImage":"micromag-screen-gallery-feed-emptyImage","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","content":"micromag-screen-gallery-feed-content","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","callToAction":"micromag-screen-gallery-feed-callToAction","disabled":"micromag-screen-gallery-feed-disabled","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
26
+ var styles = {"container":"micromag-screen-gallery-feed-container","background":"micromag-screen-gallery-feed-background","emptyImage":"micromag-screen-gallery-feed-emptyImage","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","content":"micromag-screen-gallery-feed-content","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","footer":"micromag-screen-gallery-feed-footer","disabled":"micromag-screen-gallery-feed-disabled","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
26
27
 
27
28
  var propTypes = {
28
29
  layout: PropTypes.oneOf(['normal', 'reverse']),
@@ -30,11 +31,10 @@ var propTypes = {
30
31
  withCaptions: PropTypes.bool,
31
32
  spacing: PropTypes.number,
32
33
  background: PropTypes$1.backgroundElement,
33
- callToAction: PropTypes$1.callToAction,
34
+ header: PropTypes$1.header,
35
+ footer: PropTypes$1.footer,
34
36
  current: PropTypes.bool,
35
37
  active: PropTypes.bool,
36
- transitions: PropTypes$1.transitions,
37
- transitionStagger: PropTypes.number,
38
38
  type: PropTypes.string,
39
39
  className: PropTypes.string
40
40
  };
@@ -44,26 +44,24 @@ var defaultProps = {
44
44
  withCaptions: false,
45
45
  spacing: 20,
46
46
  background: null,
47
- callToAction: null,
47
+ header: null,
48
+ footer: null,
48
49
  current: true,
49
50
  active: true,
50
- transitions: null,
51
- transitionStagger: 75,
52
51
  type: null,
53
52
  className: null
54
53
  };
55
54
  var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
56
- var _ref5;
55
+ var _ref4;
57
56
  var layout = _ref.layout,
58
57
  images = _ref.images,
59
58
  withCaptions = _ref.withCaptions,
60
59
  spacing = _ref.spacing,
61
60
  background = _ref.background,
62
- callToAction = _ref.callToAction,
61
+ header = _ref.header,
62
+ footer = _ref.footer,
63
63
  current = _ref.current,
64
64
  active = _ref.active,
65
- transitions = _ref.transitions,
66
- transitionStagger = _ref.transitionStagger,
67
65
  type = _ref.type,
68
66
  className = _ref.className;
69
67
  var trackScreenEvent = useTrackScreenEvent(type);
@@ -96,7 +94,6 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
96
94
  imagesLoaded = _useState2[0],
97
95
  setImagesLoaded = _useState2[1];
98
96
  var ready = imagesLoaded >= imagesCount;
99
- var transitionPlaying = current && ready;
100
97
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
101
98
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
102
99
  var onImageLoaded = useCallback(function () {
@@ -193,17 +190,20 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
193
190
  }));
194
191
  }
195
192
  });
196
-
197
- // Call to Action
198
- var _ref3 = callToAction || {},
199
- _ref3$active = _ref3.active,
200
- hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
193
+ var hasHeader = isHeaderFilled(header);
194
+ var hasFooter = isFooterFilled(footer);
195
+ var footerProps = getFooterProps(footer, {
196
+ isView: isView,
197
+ current: current,
198
+ openWebView: openWebView,
199
+ isPreview: isPreview
200
+ });
201
201
  var _useState3 = useState(false),
202
202
  _useState4 = _slicedToArray(_useState3, 2),
203
203
  scrolledBottom = _useState4[0],
204
204
  setScrolledBottom = _useState4[1];
205
- var onScrolledBottom = useCallback(function (_ref4) {
206
- var initial = _ref4.initial;
205
+ var onScrolledBottom = useCallback(function (_ref3) {
206
+ var initial = _ref3.initial;
207
207
  if (initial) {
208
208
  trackScreenEvent('scroll', 'Screen');
209
209
  }
@@ -213,7 +213,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
213
213
  setScrolledBottom(false);
214
214
  }, [setScrolledBottom]);
215
215
  return /*#__PURE__*/React.createElement("div", {
216
- className: classNames([styles.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
216
+ className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
217
217
  "data-screen-ready": ready
218
218
  }, /*#__PURE__*/React.createElement(Container, {
219
219
  width: width,
@@ -230,24 +230,19 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
230
230
  paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
231
231
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
232
232
  } : null
233
- }, /*#__PURE__*/React.createElement(TransitionsStagger, {
234
- transitions: transitions,
235
- stagger: transitionStagger,
236
- disabled: transitionDisabled,
237
- playing: transitionPlaying
238
- }, items), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
239
- className: classNames([styles.callToAction, _defineProperty({}, styles.disabled, !scrolledBottom)]),
233
+ }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
234
+ key: "header",
235
+ style: {
236
+ paddingBottom: spacing
237
+ }
238
+ }, /*#__PURE__*/React.createElement(Header, header)) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
239
+ className: classNames([styles.footer, _defineProperty({}, styles.disabled, !scrolledBottom)]),
240
240
  style: {
241
241
  paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
242
242
  paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0),
243
243
  paddingTop: spacing
244
244
  }
245
- }, /*#__PURE__*/React.createElement(CallToAction, Object.assign({}, callToAction, {
246
- className: styles.callToAction,
247
- animationDisabled: isPreview,
248
- focusable: current && isView,
249
- openWebView: openWebView
250
- }))) : null))), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
245
+ }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null))), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
251
246
  background: background,
252
247
  width: width,
253
248
  height: height,
@@ -337,17 +332,25 @@ var definition = [{
337
332
  }]
338
333
  })
339
334
  }, {
340
- name: 'callToAction',
341
- type: 'call-to-action',
342
- theme: {
343
- boxStyle: 'cta',
344
- label: {
345
- textStyle: 'cta'
346
- }
347
- }
335
+ name: 'header',
336
+ type: 'header',
337
+ label: defineMessage({
338
+ id: "rhuDxI",
339
+ defaultMessage: [{
340
+ "type": 0,
341
+ "value": "Header"
342
+ }]
343
+ })
348
344
  }, {
349
- name: 'shareIncentive',
350
- type: 'share-incentive'
345
+ name: 'footer',
346
+ type: 'footer',
347
+ label: defineMessage({
348
+ id: "g4nybp",
349
+ defaultMessage: [{
350
+ "type": 0,
351
+ "value": "Footer"
352
+ }]
353
+ })
351
354
  }]
352
355
  }, {
353
356
  id: 'gallery-feed-captions',
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 Layout = require('@micromag/element-layout');
21
22
  var Scroll = require('@micromag/element-scroll');
22
23
  var Text = require('@micromag/element-text');
@@ -35,8 +36,9 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
35
36
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
36
37
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
37
38
  var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
38
- var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
39
39
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
40
+ var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
41
+ var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
40
42
  var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
41
43
  var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
42
44
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
@@ -45,7 +47,7 @@ var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_obj
45
47
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
46
48
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
47
49
 
48
- var styles = {"container":"micromag-screen-gallery-feed-container","background":"micromag-screen-gallery-feed-background","emptyImage":"micromag-screen-gallery-feed-emptyImage","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","content":"micromag-screen-gallery-feed-content","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","callToAction":"micromag-screen-gallery-feed-callToAction","disabled":"micromag-screen-gallery-feed-disabled","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
50
+ var styles = {"container":"micromag-screen-gallery-feed-container","background":"micromag-screen-gallery-feed-background","emptyImage":"micromag-screen-gallery-feed-emptyImage","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","content":"micromag-screen-gallery-feed-content","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","footer":"micromag-screen-gallery-feed-footer","disabled":"micromag-screen-gallery-feed-disabled","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
49
51
 
50
52
  var propTypes = {
51
53
  layout: PropTypes__default["default"].oneOf(['normal', 'reverse']),
@@ -53,11 +55,10 @@ var propTypes = {
53
55
  withCaptions: PropTypes__default["default"].bool,
54
56
  spacing: PropTypes__default["default"].number,
55
57
  background: core.PropTypes.backgroundElement,
56
- callToAction: core.PropTypes.callToAction,
58
+ header: core.PropTypes.header,
59
+ footer: core.PropTypes.footer,
57
60
  current: PropTypes__default["default"].bool,
58
61
  active: PropTypes__default["default"].bool,
59
- transitions: core.PropTypes.transitions,
60
- transitionStagger: PropTypes__default["default"].number,
61
62
  type: PropTypes__default["default"].string,
62
63
  className: PropTypes__default["default"].string
63
64
  };
@@ -67,26 +68,24 @@ var defaultProps = {
67
68
  withCaptions: false,
68
69
  spacing: 20,
69
70
  background: null,
70
- callToAction: null,
71
+ header: null,
72
+ footer: null,
71
73
  current: true,
72
74
  active: true,
73
- transitions: null,
74
- transitionStagger: 75,
75
75
  type: null,
76
76
  className: null
77
77
  };
78
78
  var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
79
- var _ref5;
79
+ var _ref4;
80
80
  var layout = _ref.layout,
81
81
  images = _ref.images,
82
82
  withCaptions = _ref.withCaptions,
83
83
  spacing = _ref.spacing,
84
84
  background = _ref.background,
85
- callToAction = _ref.callToAction,
85
+ header = _ref.header,
86
+ footer = _ref.footer,
86
87
  current = _ref.current,
87
88
  active = _ref.active,
88
- transitions = _ref.transitions,
89
- transitionStagger = _ref.transitionStagger,
90
89
  type = _ref.type,
91
90
  className = _ref.className;
92
91
  var trackScreenEvent = hooks.useTrackScreenEvent(type);
@@ -119,7 +118,6 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
119
118
  imagesLoaded = _useState2[0],
120
119
  setImagesLoaded = _useState2[1];
121
120
  var ready = imagesLoaded >= imagesCount;
122
- var transitionPlaying = current && ready;
123
121
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
124
122
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
125
123
  var onImageLoaded = React.useCallback(function () {
@@ -216,17 +214,20 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
216
214
  }));
217
215
  }
218
216
  });
219
-
220
- // Call to Action
221
- var _ref3 = callToAction || {},
222
- _ref3$active = _ref3.active,
223
- hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
217
+ var hasHeader = utils.isHeaderFilled(header);
218
+ var hasFooter = utils.isFooterFilled(footer);
219
+ var footerProps = utils.getFooterProps(footer, {
220
+ isView: isView,
221
+ current: current,
222
+ openWebView: openWebView,
223
+ isPreview: isPreview
224
+ });
224
225
  var _useState3 = React.useState(false),
225
226
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
226
227
  scrolledBottom = _useState4[0],
227
228
  setScrolledBottom = _useState4[1];
228
- var onScrolledBottom = React.useCallback(function (_ref4) {
229
- var initial = _ref4.initial;
229
+ var onScrolledBottom = React.useCallback(function (_ref3) {
230
+ var initial = _ref3.initial;
230
231
  if (initial) {
231
232
  trackScreenEvent('scroll', 'Screen');
232
233
  }
@@ -236,7 +237,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
236
237
  setScrolledBottom(false);
237
238
  }, [setScrolledBottom]);
238
239
  return /*#__PURE__*/React__default["default"].createElement("div", {
239
- className: classNames__default["default"]([styles.container, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
240
+ className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
240
241
  "data-screen-ready": ready
241
242
  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
242
243
  width: width,
@@ -253,24 +254,19 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
253
254
  paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
254
255
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
255
256
  } : null
256
- }, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
257
- transitions: transitions,
258
- stagger: transitionStagger,
259
- disabled: transitionDisabled,
260
- playing: transitionPlaying
261
- }, items), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
262
- className: classNames__default["default"]([styles.callToAction, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
257
+ }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
258
+ key: "header",
259
+ style: {
260
+ paddingBottom: spacing
261
+ }
262
+ }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
263
+ className: classNames__default["default"]([styles.footer, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
263
264
  style: {
264
265
  paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
265
266
  paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0),
266
267
  paddingTop: spacing
267
268
  }
268
- }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], Object.assign({}, callToAction, {
269
- className: styles.callToAction,
270
- animationDisabled: isPreview,
271
- focusable: current && isView,
272
- openWebView: openWebView
273
- }))) : null))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
269
+ }, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
274
270
  background: background,
275
271
  width: width,
276
272
  height: height,
@@ -360,17 +356,25 @@ var definition = [{
360
356
  }]
361
357
  })
362
358
  }, {
363
- name: 'callToAction',
364
- type: 'call-to-action',
365
- theme: {
366
- boxStyle: 'cta',
367
- label: {
368
- textStyle: 'cta'
369
- }
370
- }
359
+ name: 'header',
360
+ type: 'header',
361
+ label: reactIntl.defineMessage({
362
+ id: "rhuDxI",
363
+ defaultMessage: [{
364
+ "type": 0,
365
+ "value": "Header"
366
+ }]
367
+ })
371
368
  }, {
372
- name: 'shareIncentive',
373
- type: 'share-incentive'
369
+ name: 'footer',
370
+ type: 'footer',
371
+ label: reactIntl.defineMessage({
372
+ id: "g4nybp",
373
+ defaultMessage: [{
374
+ "type": 0,
375
+ "value": "Footer"
376
+ }]
377
+ })
374
378
  }]
375
379
  }, {
376
380
  id: 'gallery-feed-captions',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-gallery-feed",
3
- "version": "0.3.349",
3
+ "version": "0.3.356",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,16 +49,17 @@
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-layout": "^0.3.348",
57
- "@micromag/element-scroll": "^0.3.349",
58
- "@micromag/element-stack": "^0.3.348",
59
- "@micromag/element-text": "^0.3.348",
60
- "@micromag/element-visual": "^0.3.348",
61
- "@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.356",
57
+ "@micromag/element-layout": "^0.3.354",
58
+ "@micromag/element-scroll": "^0.3.354",
59
+ "@micromag/element-stack": "^0.3.354",
60
+ "@micromag/element-text": "^0.3.354",
61
+ "@micromag/element-visual": "^0.3.354",
62
+ "@micromag/transforms": "^0.3.354",
62
63
  "classnames": "^2.2.6",
63
64
  "lodash": "^4.17.21",
64
65
  "prop-types": "^15.7.2",
@@ -68,5 +69,5 @@
68
69
  "publishConfig": {
69
70
  "access": "public"
70
71
  },
71
- "gitHead": "5e3c2c33b7e3c1833b1c43f97792b11d746864b1"
72
+ "gitHead": "683c410d9fc568658e5907fb0a8fa470cb04f6eb"
72
73
  }