@micromag/screen-ranking 0.3.250 → 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 +14 -17
- package/lib/index.js +14 -17
- package/package.json +12 -12
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-ranking-container .micromag-screen-ranking-
|
|
1
|
+
.micromag-screen-ranking-container .micromag-screen-ranking-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-ranking-container{position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-empty{height:50px;margin-right:10px}.micromag-screen-ranking-container .micromag-screen-ranking-item{position:relative;padding:10px 0}.micromag-screen-ranking-container .micromag-screen-ranking-rankText{font-size:48px}.micromag-screen-ranking-container .micromag-screen-ranking-description,.micromag-screen-ranking-container .micromag-screen-ranking-title{padding:8px 0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction a{padding:0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction.micromag-screen-ranking-disabled{opacity:0;pointer-events:none}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-layout{display:table;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-item{display:table-row;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-content,.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{display:table-cell;padding:10px 0;vertical-align:top}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:20px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-rank{color:hsla(0,0%,100%,.6);mix-blend-mode:difference;font-size:16px;text-align:left}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-scroll{padding:5px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-description,.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-title{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-item{padding:1px 0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{width:24px;padding-top:8px;padding-right:4px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-content{padding:5px 0}
|
package/es/index.js
CHANGED
|
@@ -20,7 +20,7 @@ import Text from '@micromag/element-text';
|
|
|
20
20
|
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
21
21
|
import { Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
|
|
22
22
|
|
|
23
|
-
var styles = {"container":"micromag-screen-ranking-container","
|
|
23
|
+
var styles = {"container":"micromag-screen-ranking-container","empty":"micromag-screen-ranking-empty","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","description":"micromag-screen-ranking-description","title":"micromag-screen-ranking-title","callToAction":"micromag-screen-ranking-callToAction","disabled":"micromag-screen-ranking-disabled","sideLayout":"micromag-screen-ranking-sideLayout","layout":"micromag-screen-ranking-layout","content":"micromag-screen-ranking-content","rank":"micromag-screen-ranking-rank","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
|
|
24
24
|
|
|
25
25
|
var propTypes = {
|
|
26
26
|
layout: PropTypes.oneOf(['side', 'over']),
|
|
@@ -169,7 +169,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
169
169
|
body: rankText,
|
|
170
170
|
textStyle: numbersStyle
|
|
171
171
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
172
|
-
className: styles.
|
|
172
|
+
className: styles.content
|
|
173
173
|
}, titleElement, descriptionElement));
|
|
174
174
|
}); // Call to Action
|
|
175
175
|
|
|
@@ -202,10 +202,18 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
202
202
|
return /*#__PURE__*/React.createElement("div", {
|
|
203
203
|
className: classNames([styles.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles["".concat(layout, "Layout")], layout !== null), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
|
|
204
204
|
"data-screen-ready": true
|
|
205
|
-
}, /*#__PURE__*/React.createElement(
|
|
205
|
+
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
206
|
+
background: background,
|
|
206
207
|
width: width,
|
|
207
208
|
height: height,
|
|
208
|
-
|
|
209
|
+
resolution: resolution,
|
|
210
|
+
playing: backgroundPlaying,
|
|
211
|
+
muted: muted,
|
|
212
|
+
shouldLoad: mediaShouldLoad,
|
|
213
|
+
mediaRef: mediaRef
|
|
214
|
+
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
215
|
+
width: width,
|
|
216
|
+
height: height
|
|
209
217
|
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
210
218
|
className: styles.scroll,
|
|
211
219
|
verticalAlign: "middle",
|
|
@@ -216,7 +224,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
216
224
|
className: styles.layout,
|
|
217
225
|
style: !isPlaceholder ? {
|
|
218
226
|
padding: spacing,
|
|
219
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
227
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
220
228
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
|
|
221
229
|
} : null
|
|
222
230
|
}, elements)), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -233,18 +241,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
233
241
|
animationDisabled: isPreview,
|
|
234
242
|
focusable: current && isView,
|
|
235
243
|
openWebView: openWebView
|
|
236
|
-
}))) : null)
|
|
237
|
-
background: background,
|
|
238
|
-
width: width,
|
|
239
|
-
height: height,
|
|
240
|
-
resolution: resolution,
|
|
241
|
-
playing: backgroundPlaying,
|
|
242
|
-
muted: muted,
|
|
243
|
-
shouldLoad: mediaShouldLoad,
|
|
244
|
-
mediaRef: mediaRef,
|
|
245
|
-
withoutVideo: isPreview,
|
|
246
|
-
className: styles.background
|
|
247
|
-
}) : null);
|
|
244
|
+
}))) : null));
|
|
248
245
|
};
|
|
249
246
|
|
|
250
247
|
RankingScreen.propTypes = propTypes;
|
package/lib/index.js
CHANGED
|
@@ -41,7 +41,7 @@ var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
|
|
|
41
41
|
var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
|
|
42
42
|
var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
|
|
43
43
|
|
|
44
|
-
var styles = {"container":"micromag-screen-ranking-container","
|
|
44
|
+
var styles = {"container":"micromag-screen-ranking-container","empty":"micromag-screen-ranking-empty","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","description":"micromag-screen-ranking-description","title":"micromag-screen-ranking-title","callToAction":"micromag-screen-ranking-callToAction","disabled":"micromag-screen-ranking-disabled","sideLayout":"micromag-screen-ranking-sideLayout","layout":"micromag-screen-ranking-layout","content":"micromag-screen-ranking-content","rank":"micromag-screen-ranking-rank","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
|
|
45
45
|
|
|
46
46
|
var propTypes = {
|
|
47
47
|
layout: PropTypes__default["default"].oneOf(['side', 'over']),
|
|
@@ -190,7 +190,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
190
190
|
body: rankText,
|
|
191
191
|
textStyle: numbersStyle
|
|
192
192
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
193
|
-
className: styles.
|
|
193
|
+
className: styles.content
|
|
194
194
|
}, titleElement, descriptionElement));
|
|
195
195
|
}); // Call to Action
|
|
196
196
|
|
|
@@ -223,10 +223,18 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
223
223
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
224
224
|
className: classNames__default["default"]([styles.container, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles["".concat(layout, "Layout")], layout !== null), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
|
|
225
225
|
"data-screen-ready": true
|
|
226
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
226
|
+
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
227
|
+
background: background,
|
|
227
228
|
width: width,
|
|
228
229
|
height: height,
|
|
229
|
-
|
|
230
|
+
resolution: resolution,
|
|
231
|
+
playing: backgroundPlaying,
|
|
232
|
+
muted: muted,
|
|
233
|
+
shouldLoad: mediaShouldLoad,
|
|
234
|
+
mediaRef: mediaRef
|
|
235
|
+
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
236
|
+
width: width,
|
|
237
|
+
height: height
|
|
230
238
|
}, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
|
|
231
239
|
className: styles.scroll,
|
|
232
240
|
verticalAlign: "middle",
|
|
@@ -237,7 +245,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
237
245
|
className: styles.layout,
|
|
238
246
|
style: !isPlaceholder ? {
|
|
239
247
|
padding: spacing,
|
|
240
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
248
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
241
249
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
|
|
242
250
|
} : null
|
|
243
251
|
}, elements)), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -254,18 +262,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
254
262
|
animationDisabled: isPreview,
|
|
255
263
|
focusable: current && isView,
|
|
256
264
|
openWebView: openWebView
|
|
257
|
-
}))) : null)
|
|
258
|
-
background: background,
|
|
259
|
-
width: width,
|
|
260
|
-
height: height,
|
|
261
|
-
resolution: resolution,
|
|
262
|
-
playing: backgroundPlaying,
|
|
263
|
-
muted: muted,
|
|
264
|
-
shouldLoad: mediaShouldLoad,
|
|
265
|
-
mediaRef: mediaRef,
|
|
266
|
-
withoutVideo: isPreview,
|
|
267
|
-
className: styles.background
|
|
268
|
-
}) : null);
|
|
265
|
+
}))) : null));
|
|
269
266
|
};
|
|
270
267
|
|
|
271
268
|
RankingScreen.propTypes = propTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-ranking",
|
|
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/data": "^0.3.
|
|
54
|
-
"@micromag/element-background": "^0.3.
|
|
55
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
56
|
-
"@micromag/element-container": "^0.3.
|
|
57
|
-
"@micromag/element-heading": "^0.3.
|
|
58
|
-
"@micromag/element-layout": "^0.3.
|
|
59
|
-
"@micromag/element-scroll": "^0.3.
|
|
60
|
-
"@micromag/element-text": "^0.3.
|
|
61
|
-
"@micromag/transforms": "^0.3.
|
|
52
|
+
"@micromag/core": "^0.3.251",
|
|
53
|
+
"@micromag/data": "^0.3.251",
|
|
54
|
+
"@micromag/element-background": "^0.3.251",
|
|
55
|
+
"@micromag/element-call-to-action": "^0.3.251",
|
|
56
|
+
"@micromag/element-container": "^0.3.251",
|
|
57
|
+
"@micromag/element-heading": "^0.3.251",
|
|
58
|
+
"@micromag/element-layout": "^0.3.251",
|
|
59
|
+
"@micromag/element-scroll": "^0.3.251",
|
|
60
|
+
"@micromag/element-text": "^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
|
}
|