@micromag/screen-gallery-feed 0.3.246 → 0.3.251
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.
- package/assets/css/styles.css +1 -1
- package/es/index.js +13 -17
- package/lib/index.js +13 -17
- package/package.json +12 -12
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-
|
|
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}
|
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","
|
|
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"};
|
|
25
25
|
|
|
26
26
|
var propTypes = {
|
|
27
27
|
layout: PropTypes.oneOf(['normal', 'reverse']),
|
|
@@ -155,7 +155,6 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
|
|
|
155
155
|
playing: backgroundPlaying,
|
|
156
156
|
active: active,
|
|
157
157
|
shouldLoad: mediaShouldLoad,
|
|
158
|
-
withoutVideo: isPreview,
|
|
159
158
|
onLoaded: onImageLoaded
|
|
160
159
|
}))));
|
|
161
160
|
var captionElement = null;
|
|
@@ -237,10 +236,18 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
|
|
|
237
236
|
return /*#__PURE__*/React.createElement("div", {
|
|
238
237
|
className: classNames([styles.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
|
|
239
238
|
"data-screen-ready": ready
|
|
240
|
-
}, /*#__PURE__*/React.createElement(
|
|
239
|
+
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
240
|
+
background: background,
|
|
241
241
|
width: width,
|
|
242
242
|
height: height,
|
|
243
|
-
|
|
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
|
|
244
251
|
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
245
252
|
disabled: scrollingDisabled,
|
|
246
253
|
onScrolledBottom: onScrolledBottom,
|
|
@@ -249,7 +256,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
|
|
|
249
256
|
className: styles.layout,
|
|
250
257
|
style: !isPlaceholder ? {
|
|
251
258
|
padding: spacing,
|
|
252
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
259
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
253
260
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
254
261
|
} : null
|
|
255
262
|
}, /*#__PURE__*/React.createElement(TransitionsStagger, {
|
|
@@ -269,18 +276,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
|
|
|
269
276
|
animationDisabled: isPreview,
|
|
270
277
|
focusable: current && isView,
|
|
271
278
|
openWebView: openWebView
|
|
272
|
-
}))) : null)))
|
|
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);
|
|
279
|
+
}))) : null))));
|
|
284
280
|
};
|
|
285
281
|
|
|
286
282
|
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","
|
|
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"};
|
|
47
47
|
|
|
48
48
|
var propTypes = {
|
|
49
49
|
layout: PropTypes__default["default"].oneOf(['normal', 'reverse']),
|
|
@@ -177,7 +177,6 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
|
|
|
177
177
|
playing: backgroundPlaying,
|
|
178
178
|
active: active,
|
|
179
179
|
shouldLoad: mediaShouldLoad,
|
|
180
|
-
withoutVideo: isPreview,
|
|
181
180
|
onLoaded: onImageLoaded
|
|
182
181
|
}))));
|
|
183
182
|
var captionElement = null;
|
|
@@ -259,10 +258,18 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
|
|
|
259
258
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
260
259
|
className: classNames__default["default"]([styles.container, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
|
|
261
260
|
"data-screen-ready": ready
|
|
262
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
261
|
+
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
262
|
+
background: background,
|
|
263
263
|
width: width,
|
|
264
264
|
height: height,
|
|
265
|
-
|
|
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
|
|
266
273
|
}, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
|
|
267
274
|
disabled: scrollingDisabled,
|
|
268
275
|
onScrolledBottom: onScrolledBottom,
|
|
@@ -271,7 +278,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
|
|
|
271
278
|
className: styles.layout,
|
|
272
279
|
style: !isPlaceholder ? {
|
|
273
280
|
padding: spacing,
|
|
274
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
281
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
275
282
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
276
283
|
} : null
|
|
277
284
|
}, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
|
|
@@ -291,18 +298,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
|
|
|
291
298
|
animationDisabled: isPreview,
|
|
292
299
|
focusable: current && isView,
|
|
293
300
|
openWebView: openWebView
|
|
294
|
-
}))) : null)))
|
|
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);
|
|
301
|
+
}))) : null))));
|
|
306
302
|
};
|
|
307
303
|
|
|
308
304
|
GalleryFeedScreen.propTypes = propTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-gallery-feed",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.251",
|
|
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.
|
|
53
|
-
"@micromag/element-background": "^0.3.
|
|
54
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
55
|
-
"@micromag/element-container": "^0.3.
|
|
56
|
-
"@micromag/element-layout": "^0.3.
|
|
57
|
-
"@micromag/element-scroll": "^0.3.
|
|
58
|
-
"@micromag/element-stack": "^0.3.
|
|
59
|
-
"@micromag/element-text": "^0.3.
|
|
60
|
-
"@micromag/element-visual": "^0.3.
|
|
61
|
-
"@micromag/transforms": "^0.3.
|
|
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",
|
|
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": "
|
|
71
|
+
"gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
|
|
72
72
|
}
|