@micromag/screen-gallery-feed 0.3.251 → 0.3.252

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 +17 -13
  3. package/lib/index.js +17 -13
  4. package/package.json +12 -12
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-gallery-feed-container{position:relative}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{width:100%;margin:10px auto}.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{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:5px auto;border:2px dashed #343434;color:#343434}.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{width:100%;margin:10px auto}.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}
package/es/index.js CHANGED
@@ -21,7 +21,7 @@ import _extends from '@babel/runtime/helpers/extends';
21
21
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
22
22
  import { Gallery, Container as Container$1 } from '@micromag/transforms/apple-news';
23
23
 
24
- var styles = {"container":"micromag-screen-gallery-feed-container","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","emptyImage":"micromag-screen-gallery-feed-emptyImage","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"};
24
+ var styles = {"container":"micromag-screen-gallery-feed-container","background":"micromag-screen-gallery-feed-background","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","emptyImage":"micromag-screen-gallery-feed-emptyImage","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"};
25
25
 
26
26
  var propTypes = {
27
27
  layout: PropTypes.oneOf(['normal', 'reverse']),
@@ -155,6 +155,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
155
155
  playing: backgroundPlaying,
156
156
  active: active,
157
157
  shouldLoad: mediaShouldLoad,
158
+ withoutVideo: isPreview,
158
159
  onLoaded: onImageLoaded
159
160
  }))));
160
161
  var captionElement = null;
@@ -236,18 +237,10 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
236
237
  return /*#__PURE__*/React.createElement("div", {
237
238
  className: classNames([styles.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
238
239
  "data-screen-ready": ready
239
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
240
- background: background,
240
+ }, /*#__PURE__*/React.createElement(Container, {
241
241
  width: width,
242
242
  height: height,
243
- resolution: resolution,
244
- playing: backgroundPlaying,
245
- muted: muted,
246
- shouldLoad: mediaShouldLoad,
247
- mediaRef: mediaRef
248
- }) : null, /*#__PURE__*/React.createElement(Container, {
249
- width: width,
250
- height: height
243
+ className: styles.content
251
244
  }, /*#__PURE__*/React.createElement(Scroll, {
252
245
  disabled: scrollingDisabled,
253
246
  onScrolledBottom: onScrolledBottom,
@@ -256,7 +249,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
256
249
  className: styles.layout,
257
250
  style: !isPlaceholder ? {
258
251
  padding: spacing,
259
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
252
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
260
253
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
261
254
  } : null
262
255
  }, /*#__PURE__*/React.createElement(TransitionsStagger, {
@@ -276,7 +269,18 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
276
269
  animationDisabled: isPreview,
277
270
  focusable: current && isView,
278
271
  openWebView: openWebView
279
- }))) : null))));
272
+ }))) : null))), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
273
+ background: background,
274
+ width: width,
275
+ height: height,
276
+ resolution: resolution,
277
+ playing: backgroundPlaying,
278
+ muted: muted,
279
+ shouldLoad: mediaShouldLoad,
280
+ mediaRef: mediaRef,
281
+ withoutVideo: isPreview,
282
+ className: styles.background
283
+ }) : null);
280
284
  };
281
285
 
282
286
  GalleryFeedScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -43,7 +43,7 @@ var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
43
43
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
44
44
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
45
45
 
46
- var styles = {"container":"micromag-screen-gallery-feed-container","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","emptyImage":"micromag-screen-gallery-feed-emptyImage","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"};
46
+ var styles = {"container":"micromag-screen-gallery-feed-container","background":"micromag-screen-gallery-feed-background","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","emptyImage":"micromag-screen-gallery-feed-emptyImage","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"};
47
47
 
48
48
  var propTypes = {
49
49
  layout: PropTypes__default["default"].oneOf(['normal', 'reverse']),
@@ -177,6 +177,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
177
177
  playing: backgroundPlaying,
178
178
  active: active,
179
179
  shouldLoad: mediaShouldLoad,
180
+ withoutVideo: isPreview,
180
181
  onLoaded: onImageLoaded
181
182
  }))));
182
183
  var captionElement = null;
@@ -258,18 +259,10 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
258
259
  return /*#__PURE__*/React__default["default"].createElement("div", {
259
260
  className: classNames__default["default"]([styles.container, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
260
261
  "data-screen-ready": ready
261
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
262
- background: background,
262
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
263
263
  width: width,
264
264
  height: height,
265
- resolution: resolution,
266
- playing: backgroundPlaying,
267
- muted: muted,
268
- shouldLoad: mediaShouldLoad,
269
- mediaRef: mediaRef
270
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
271
- width: width,
272
- height: height
265
+ className: styles.content
273
266
  }, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
274
267
  disabled: scrollingDisabled,
275
268
  onScrolledBottom: onScrolledBottom,
@@ -278,7 +271,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
278
271
  className: styles.layout,
279
272
  style: !isPlaceholder ? {
280
273
  padding: spacing,
281
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
274
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
282
275
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
283
276
  } : null
284
277
  }, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
@@ -298,7 +291,18 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
298
291
  animationDisabled: isPreview,
299
292
  focusable: current && isView,
300
293
  openWebView: openWebView
301
- }))) : null))));
294
+ }))) : null))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
295
+ background: background,
296
+ width: width,
297
+ height: height,
298
+ resolution: resolution,
299
+ playing: backgroundPlaying,
300
+ muted: muted,
301
+ shouldLoad: mediaShouldLoad,
302
+ mediaRef: mediaRef,
303
+ withoutVideo: isPreview,
304
+ className: styles.background
305
+ }) : null);
302
306
  };
303
307
 
304
308
  GalleryFeedScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-gallery-feed",
3
- "version": "0.3.251",
3
+ "version": "0.3.252",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,16 +49,16 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.251",
53
- "@micromag/element-background": "^0.3.251",
54
- "@micromag/element-call-to-action": "^0.3.251",
55
- "@micromag/element-container": "^0.3.251",
56
- "@micromag/element-layout": "^0.3.251",
57
- "@micromag/element-scroll": "^0.3.251",
58
- "@micromag/element-stack": "^0.3.251",
59
- "@micromag/element-text": "^0.3.251",
60
- "@micromag/element-visual": "^0.3.251",
61
- "@micromag/transforms": "^0.3.251",
52
+ "@micromag/core": "^0.3.252",
53
+ "@micromag/element-background": "^0.3.252",
54
+ "@micromag/element-call-to-action": "^0.3.252",
55
+ "@micromag/element-container": "^0.3.252",
56
+ "@micromag/element-layout": "^0.3.252",
57
+ "@micromag/element-scroll": "^0.3.252",
58
+ "@micromag/element-stack": "^0.3.252",
59
+ "@micromag/element-text": "^0.3.252",
60
+ "@micromag/element-visual": "^0.3.252",
61
+ "@micromag/transforms": "^0.3.252",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
71
+ "gitHead": "67a8b8144a40086a6dfd98c9eb8c4b6b8ebb05b0"
72
72
  }