@micromag/screen-ranking 0.2.404 → 0.2.408
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/es/index.js +6 -1
- package/lib/index.js +6 -1
- package/package.json +12 -12
package/es/index.js
CHANGED
|
@@ -31,6 +31,7 @@ var propTypes = {
|
|
|
31
31
|
background: PropTypes$1.backgroundElement,
|
|
32
32
|
callToAction: PropTypes$1.callToAction,
|
|
33
33
|
current: PropTypes.bool,
|
|
34
|
+
active: PropTypes.bool,
|
|
34
35
|
transitions: PropTypes$1.transitions,
|
|
35
36
|
transitionStagger: PropTypes.number,
|
|
36
37
|
type: PropTypes.string,
|
|
@@ -45,6 +46,7 @@ var defaultProps = {
|
|
|
45
46
|
background: null,
|
|
46
47
|
callToAction: null,
|
|
47
48
|
current: true,
|
|
49
|
+
active: true,
|
|
48
50
|
transitions: null,
|
|
49
51
|
transitionStagger: 75,
|
|
50
52
|
type: null,
|
|
@@ -62,6 +64,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
62
64
|
background = _ref.background,
|
|
63
65
|
callToAction = _ref.callToAction,
|
|
64
66
|
current = _ref.current,
|
|
67
|
+
active = _ref.active,
|
|
65
68
|
transitions = _ref.transitions,
|
|
66
69
|
transitionStagger = _ref.transitionStagger,
|
|
67
70
|
type = _ref.type,
|
|
@@ -92,6 +95,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
92
95
|
var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
|
|
93
96
|
var scrollingDisabled = !isEdit && transitionDisabled || !current;
|
|
94
97
|
var backgroundPlaying = current && (isView || isEdit);
|
|
98
|
+
var backgroundShouldLoad = current || active || !isView;
|
|
95
99
|
var elements = (finalItems || []).map(function (item, itemI) {
|
|
96
100
|
var _ref2 = item || {},
|
|
97
101
|
_ref2$title = _ref2.title,
|
|
@@ -202,7 +206,8 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
202
206
|
background: background,
|
|
203
207
|
width: width,
|
|
204
208
|
height: height,
|
|
205
|
-
playing: backgroundPlaying
|
|
209
|
+
playing: backgroundPlaying,
|
|
210
|
+
shouldLoad: backgroundShouldLoad
|
|
206
211
|
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
207
212
|
width: width,
|
|
208
213
|
height: height
|
package/lib/index.js
CHANGED
|
@@ -52,6 +52,7 @@ var propTypes = {
|
|
|
52
52
|
background: core.PropTypes.backgroundElement,
|
|
53
53
|
callToAction: core.PropTypes.callToAction,
|
|
54
54
|
current: PropTypes__default["default"].bool,
|
|
55
|
+
active: PropTypes__default["default"].bool,
|
|
55
56
|
transitions: core.PropTypes.transitions,
|
|
56
57
|
transitionStagger: PropTypes__default["default"].number,
|
|
57
58
|
type: PropTypes__default["default"].string,
|
|
@@ -66,6 +67,7 @@ var defaultProps = {
|
|
|
66
67
|
background: null,
|
|
67
68
|
callToAction: null,
|
|
68
69
|
current: true,
|
|
70
|
+
active: true,
|
|
69
71
|
transitions: null,
|
|
70
72
|
transitionStagger: 75,
|
|
71
73
|
type: null,
|
|
@@ -83,6 +85,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
83
85
|
background = _ref.background,
|
|
84
86
|
callToAction = _ref.callToAction,
|
|
85
87
|
current = _ref.current,
|
|
88
|
+
active = _ref.active,
|
|
86
89
|
transitions = _ref.transitions,
|
|
87
90
|
transitionStagger = _ref.transitionStagger,
|
|
88
91
|
type = _ref.type,
|
|
@@ -113,6 +116,7 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
113
116
|
var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
|
|
114
117
|
var scrollingDisabled = !isEdit && transitionDisabled || !current;
|
|
115
118
|
var backgroundPlaying = current && (isView || isEdit);
|
|
119
|
+
var backgroundShouldLoad = current || active || !isView;
|
|
116
120
|
var elements = (finalItems || []).map(function (item, itemI) {
|
|
117
121
|
var _ref2 = item || {},
|
|
118
122
|
_ref2$title = _ref2.title,
|
|
@@ -223,7 +227,8 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
223
227
|
background: background,
|
|
224
228
|
width: width,
|
|
225
229
|
height: height,
|
|
226
|
-
playing: backgroundPlaying
|
|
230
|
+
playing: backgroundPlaying,
|
|
231
|
+
shouldLoad: backgroundShouldLoad
|
|
227
232
|
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
228
233
|
width: width,
|
|
229
234
|
height: height
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-ranking",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.408",
|
|
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.2.
|
|
53
|
-
"@micromag/data": "^0.2.
|
|
54
|
-
"@micromag/element-background": "^0.2.
|
|
55
|
-
"@micromag/element-call-to-action": "^0.2.
|
|
56
|
-
"@micromag/element-container": "^0.2.
|
|
57
|
-
"@micromag/element-heading": "^0.2.
|
|
58
|
-
"@micromag/element-layout": "^0.2.
|
|
59
|
-
"@micromag/element-scroll": "^0.2.
|
|
60
|
-
"@micromag/element-text": "^0.2.
|
|
61
|
-
"@micromag/transforms": "^0.2.
|
|
52
|
+
"@micromag/core": "^0.2.405",
|
|
53
|
+
"@micromag/data": "^0.2.405",
|
|
54
|
+
"@micromag/element-background": "^0.2.407",
|
|
55
|
+
"@micromag/element-call-to-action": "^0.2.405",
|
|
56
|
+
"@micromag/element-container": "^0.2.405",
|
|
57
|
+
"@micromag/element-heading": "^0.2.405",
|
|
58
|
+
"@micromag/element-layout": "^0.2.405",
|
|
59
|
+
"@micromag/element-scroll": "^0.2.405",
|
|
60
|
+
"@micromag/element-text": "^0.2.405",
|
|
61
|
+
"@micromag/transforms": "^0.2.405",
|
|
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": "4bc2ba99622adef74bd0da42cb52d1a575c1a544"
|
|
72
72
|
}
|