@micromag/screen-gallery-feed 0.3.229 → 0.3.233

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 +15 -13
  3. package/lib/index.js +15 -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']),
@@ -237,19 +237,10 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
237
237
  return /*#__PURE__*/React.createElement("div", {
238
238
  className: classNames([styles.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
239
239
  "data-screen-ready": ready
240
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
241
- background: background,
240
+ }, /*#__PURE__*/React.createElement(Container, {
242
241
  width: width,
243
242
  height: height,
244
- resolution: resolution,
245
- playing: backgroundPlaying,
246
- muted: muted,
247
- shouldLoad: mediaShouldLoad,
248
- mediaRef: mediaRef,
249
- withoutVideo: isPreview
250
- }) : null, /*#__PURE__*/React.createElement(Container, {
251
- width: width,
252
- height: height
243
+ className: styles.content
253
244
  }, /*#__PURE__*/React.createElement(Scroll, {
254
245
  disabled: scrollingDisabled,
255
246
  onScrolledBottom: onScrolledBottom,
@@ -278,7 +269,18 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
278
269
  animationDisabled: isPreview,
279
270
  focusable: current && isView,
280
271
  openWebView: openWebView
281
- }))) : 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);
282
284
  };
283
285
 
284
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']),
@@ -259,19 +259,10 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
259
259
  return /*#__PURE__*/React__default["default"].createElement("div", {
260
260
  className: classNames__default["default"]([styles.container, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
261
261
  "data-screen-ready": ready
262
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
263
- background: background,
262
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
264
263
  width: width,
265
264
  height: height,
266
- resolution: resolution,
267
- playing: backgroundPlaying,
268
- muted: muted,
269
- shouldLoad: mediaShouldLoad,
270
- mediaRef: mediaRef,
271
- withoutVideo: isPreview
272
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
273
- width: width,
274
- height: height
265
+ className: styles.content
275
266
  }, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
276
267
  disabled: scrollingDisabled,
277
268
  onScrolledBottom: onScrolledBottom,
@@ -300,7 +291,18 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
300
291
  animationDisabled: isPreview,
301
292
  focusable: current && isView,
302
293
  openWebView: openWebView
303
- }))) : 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);
304
306
  };
305
307
 
306
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.229",
3
+ "version": "0.3.233",
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.227",
53
- "@micromag/element-background": "^0.3.229",
54
- "@micromag/element-call-to-action": "^0.3.227",
55
- "@micromag/element-container": "^0.3.227",
56
- "@micromag/element-layout": "^0.3.227",
57
- "@micromag/element-scroll": "^0.3.227",
58
- "@micromag/element-stack": "^0.3.227",
59
- "@micromag/element-text": "^0.3.227",
60
- "@micromag/element-visual": "^0.3.227",
61
- "@micromag/transforms": "^0.3.227",
52
+ "@micromag/core": "^0.3.233",
53
+ "@micromag/element-background": "^0.3.233",
54
+ "@micromag/element-call-to-action": "^0.3.233",
55
+ "@micromag/element-container": "^0.3.233",
56
+ "@micromag/element-layout": "^0.3.233",
57
+ "@micromag/element-scroll": "^0.3.233",
58
+ "@micromag/element-stack": "^0.3.233",
59
+ "@micromag/element-text": "^0.3.233",
60
+ "@micromag/element-visual": "^0.3.233",
61
+ "@micromag/transforms": "^0.3.233",
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": "016a184ef8d48567b245a906cb8e2bfc41f9aafd"
71
+ "gitHead": "1849b8fc36ca5b6c6a13045db441495bba22184f"
72
72
  }