@micromag/screen-ranking 0.3.412 → 0.3.417

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 (3) hide show
  1. package/es/index.js +5 -27
  2. package/lib/index.js +4 -26
  3. package/package.json +13 -13
package/es/index.js CHANGED
@@ -6,7 +6,7 @@ import classNames from 'classnames';
6
6
  import PropTypes from 'prop-types';
7
7
  import React, { useState, useCallback } from 'react';
8
8
  import { PropTypes as PropTypes$1 } from '@micromag/core';
9
- import { ScreenElement, Transitions } from '@micromag/core/components';
9
+ import { ScreenElement } from '@micromag/core/components';
10
10
  import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
11
11
  import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
12
12
  import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps } from '@micromag/core/utils';
@@ -35,8 +35,6 @@ var propTypes = {
35
35
  footer: PropTypes$1.footer,
36
36
  current: PropTypes.bool,
37
37
  active: PropTypes.bool,
38
- transitions: PropTypes$1.transitions,
39
- transitionStagger: PropTypes.number,
40
38
  type: PropTypes.string,
41
39
  className: PropTypes.string
42
40
  };
@@ -52,8 +50,6 @@ var defaultProps = {
52
50
  footer: null,
53
51
  current: true,
54
52
  active: true,
55
- transitions: null,
56
- transitionStagger: 75,
57
53
  type: null,
58
54
  className: null
59
55
  };
@@ -70,8 +66,6 @@ var RankingScreen = function RankingScreen(_ref) {
70
66
  footer = _ref.footer,
71
67
  current = _ref.current,
72
68
  active = _ref.active,
73
- transitions = _ref.transitions,
74
- transitionStagger = _ref.transitionStagger,
75
69
  type = _ref.type,
76
70
  className = _ref.className;
77
71
  var trackScreenEvent = useTrackScreenEvent(type);
@@ -99,7 +93,6 @@ var RankingScreen = function RankingScreen(_ref) {
99
93
  return {};
100
94
  }) : items || [null];
101
95
  var itemsCount = finalItems !== null ? finalItems.length : 0;
102
- var transitionPlaying = current;
103
96
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
104
97
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
105
98
  var backgroundPlaying = current && (isView || isEdit);
@@ -140,12 +133,7 @@ var RankingScreen = function RankingScreen(_ref) {
140
133
  }),
141
134
  emptyClassName: styles.empty,
142
135
  isEmpty: !hasItemTitle
143
- }, hasItemTitle ? /*#__PURE__*/React.createElement(Transitions, {
144
- transitions: transitions,
145
- playing: transitionPlaying,
146
- delay: transitionStagger * itemI,
147
- disabled: transitionDisabled
148
- }, /*#__PURE__*/React.createElement(Heading, itemTitle)) : null));
136
+ }, hasItemTitle ? /*#__PURE__*/React.createElement(Heading, itemTitle) : null));
149
137
  var descriptionElement = /*#__PURE__*/React.createElement("div", {
150
138
  className: styles.description
151
139
  }, /*#__PURE__*/React.createElement(ScreenElement, {
@@ -159,28 +147,18 @@ var RankingScreen = function RankingScreen(_ref) {
159
147
  }),
160
148
  emptyClassName: styles.empty,
161
149
  isEmpty: !hasDescription
162
- }, hasDescription ? /*#__PURE__*/React.createElement(Transitions, {
163
- transitions: transitions,
164
- playing: transitionPlaying,
165
- delay: transitionStagger * itemI,
166
- disabled: transitionDisabled
167
- }, /*#__PURE__*/React.createElement(Text, description)) : null));
150
+ }, hasDescription ? /*#__PURE__*/React.createElement(Text, description) : null));
168
151
  var rankText = "".concat(ascending ? itemI + 1 : itemsCount - itemI);
169
152
  return /*#__PURE__*/React.createElement("div", {
170
153
  className: styles.item,
171
154
  key: "item-".concat(itemI)
172
155
  }, /*#__PURE__*/React.createElement("div", {
173
156
  className: styles.rank
174
- }, isPlaceholder ? rankText : /*#__PURE__*/React.createElement(Transitions, {
175
- transitions: transitions,
176
- playing: transitionPlaying,
177
- delay: transitionStagger * itemI,
178
- disabled: transitionDisabled
179
- }, /*#__PURE__*/React.createElement(Text, {
157
+ }, isPlaceholder ? rankText : /*#__PURE__*/React.createElement(Text, {
180
158
  className: styles.rankText,
181
159
  body: rankText,
182
160
  textStyle: numbersStyle
183
- }))), /*#__PURE__*/React.createElement("div", {
161
+ })), /*#__PURE__*/React.createElement("div", {
184
162
  className: styles.label
185
163
  }, itemTitleElement, descriptionElement));
186
164
  });
package/lib/index.js CHANGED
@@ -57,8 +57,6 @@ var propTypes = {
57
57
  footer: core.PropTypes.footer,
58
58
  current: PropTypes__default["default"].bool,
59
59
  active: PropTypes__default["default"].bool,
60
- transitions: core.PropTypes.transitions,
61
- transitionStagger: PropTypes__default["default"].number,
62
60
  type: PropTypes__default["default"].string,
63
61
  className: PropTypes__default["default"].string
64
62
  };
@@ -74,8 +72,6 @@ var defaultProps = {
74
72
  footer: null,
75
73
  current: true,
76
74
  active: true,
77
- transitions: null,
78
- transitionStagger: 75,
79
75
  type: null,
80
76
  className: null
81
77
  };
@@ -92,8 +88,6 @@ var RankingScreen = function RankingScreen(_ref) {
92
88
  footer = _ref.footer,
93
89
  current = _ref.current,
94
90
  active = _ref.active,
95
- transitions = _ref.transitions,
96
- transitionStagger = _ref.transitionStagger,
97
91
  type = _ref.type,
98
92
  className = _ref.className;
99
93
  var trackScreenEvent = hooks.useTrackScreenEvent(type);
@@ -121,7 +115,6 @@ var RankingScreen = function RankingScreen(_ref) {
121
115
  return {};
122
116
  }) : items || [null];
123
117
  var itemsCount = finalItems !== null ? finalItems.length : 0;
124
- var transitionPlaying = current;
125
118
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
126
119
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
127
120
  var backgroundPlaying = current && (isView || isEdit);
@@ -162,12 +155,7 @@ var RankingScreen = function RankingScreen(_ref) {
162
155
  }),
163
156
  emptyClassName: styles.empty,
164
157
  isEmpty: !hasItemTitle
165
- }, hasItemTitle ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
166
- transitions: transitions,
167
- playing: transitionPlaying,
168
- delay: transitionStagger * itemI,
169
- disabled: transitionDisabled
170
- }, /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], itemTitle)) : null));
158
+ }, hasItemTitle ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], itemTitle) : null));
171
159
  var descriptionElement = /*#__PURE__*/React__default["default"].createElement("div", {
172
160
  className: styles.description
173
161
  }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
@@ -181,28 +169,18 @@ var RankingScreen = function RankingScreen(_ref) {
181
169
  }),
182
170
  emptyClassName: styles.empty,
183
171
  isEmpty: !hasDescription
184
- }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
185
- transitions: transitions,
186
- playing: transitionPlaying,
187
- delay: transitionStagger * itemI,
188
- disabled: transitionDisabled
189
- }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], description)) : null));
172
+ }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], description) : null));
190
173
  var rankText = "".concat(ascending ? itemI + 1 : itemsCount - itemI);
191
174
  return /*#__PURE__*/React__default["default"].createElement("div", {
192
175
  className: styles.item,
193
176
  key: "item-".concat(itemI)
194
177
  }, /*#__PURE__*/React__default["default"].createElement("div", {
195
178
  className: styles.rank
196
- }, isPlaceholder ? rankText : /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
197
- transitions: transitions,
198
- playing: transitionPlaying,
199
- delay: transitionStagger * itemI,
200
- disabled: transitionDisabled
201
- }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], {
179
+ }, isPlaceholder ? rankText : /*#__PURE__*/React__default["default"].createElement(Text__default["default"], {
202
180
  className: styles.rankText,
203
181
  body: rankText,
204
182
  textStyle: numbersStyle
205
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
183
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
206
184
  className: styles.label
207
185
  }, itemTitleElement, descriptionElement));
208
186
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-ranking",
3
- "version": "0.3.412",
3
+ "version": "0.3.417",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -50,17 +50,17 @@
50
50
  },
51
51
  "dependencies": {
52
52
  "@babel/runtime": "^7.13.10",
53
- "@micromag/core": "^0.3.410",
54
- "@micromag/data": "^0.3.410",
55
- "@micromag/element-background": "^0.3.410",
56
- "@micromag/element-container": "^0.3.410",
57
- "@micromag/element-footer": "^0.3.410",
58
- "@micromag/element-header": "^0.3.410",
59
- "@micromag/element-heading": "^0.3.410",
60
- "@micromag/element-layout": "^0.3.410",
61
- "@micromag/element-scroll": "^0.3.410",
62
- "@micromag/element-text": "^0.3.410",
63
- "@micromag/transforms": "^0.3.410",
53
+ "@micromag/core": "^0.3.417",
54
+ "@micromag/data": "^0.3.417",
55
+ "@micromag/element-background": "^0.3.417",
56
+ "@micromag/element-container": "^0.3.417",
57
+ "@micromag/element-footer": "^0.3.417",
58
+ "@micromag/element-header": "^0.3.417",
59
+ "@micromag/element-heading": "^0.3.417",
60
+ "@micromag/element-layout": "^0.3.417",
61
+ "@micromag/element-scroll": "^0.3.417",
62
+ "@micromag/element-text": "^0.3.417",
63
+ "@micromag/transforms": "^0.3.417",
64
64
  "classnames": "^2.2.6",
65
65
  "lodash": "^4.17.21",
66
66
  "prop-types": "^15.7.2",
@@ -71,5 +71,5 @@
71
71
  "access": "public",
72
72
  "registry": "https://registry.npmjs.org/"
73
73
  },
74
- "gitHead": "4d0b827ed8a3282317d05f9c3a4c5346639c5fe7"
74
+ "gitHead": "5a0113a6eaafea5c33a6beece8ad581519f490bb"
75
75
  }