@micromag/screen-ranking 0.3.412 → 0.3.416

package/es/index.js

@@ -6,7 +6,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useState, useCallback } from 'react';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
-import { ScreenElement, Transitions } from '@micromag/core/components';
+import { ScreenElement } from '@micromag/core/components';
 import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
 import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
 import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps } from '@micromag/core/utils';
@@ -35,8 +35,6 @@ var propTypes = {
   footer: PropTypes$1.footer,
   current: PropTypes.bool,
   active: PropTypes.bool,
-  transitions: PropTypes$1.transitions,
-  transitionStagger: PropTypes.number,
   type: PropTypes.string,
   className: PropTypes.string
 };
@@ -52,8 +50,6 @@ var defaultProps = {
   footer: null,
   current: true,
   active: true,
-  transitions: null,
-  transitionStagger: 75,
   type: null,
   className: null
 };
@@ -70,8 +66,6 @@ var RankingScreen = function RankingScreen(_ref) {
     footer = _ref.footer,
     current = _ref.current,
     active = _ref.active,
-    transitions = _ref.transitions,
-    transitionStagger = _ref.transitionStagger,
     type = _ref.type,
     className = _ref.className;
   var trackScreenEvent = useTrackScreenEvent(type);
@@ -99,7 +93,6 @@ var RankingScreen = function RankingScreen(_ref) {
     return {};
   }) : items || [null];
   var itemsCount = finalItems !== null ? finalItems.length : 0;
-  var transitionPlaying = current;
   var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var scrollingDisabled = !isEdit && transitionDisabled || !current;
   var backgroundPlaying = current && (isView || isEdit);
@@ -140,12 +133,7 @@ var RankingScreen = function RankingScreen(_ref) {
       }),
       emptyClassName: styles.empty,
       isEmpty: !hasItemTitle
-    }, hasItemTitle ? /*#__PURE__*/React.createElement(Transitions, {
-      transitions: transitions,
-      playing: transitionPlaying,
-      delay: transitionStagger * itemI,
-      disabled: transitionDisabled
-    }, /*#__PURE__*/React.createElement(Heading, itemTitle)) : null));
+    }, hasItemTitle ? /*#__PURE__*/React.createElement(Heading, itemTitle) : null));
     var descriptionElement = /*#__PURE__*/React.createElement("div", {
       className: styles.description
     }, /*#__PURE__*/React.createElement(ScreenElement, {
@@ -159,28 +147,18 @@ var RankingScreen = function RankingScreen(_ref) {
       }),
       emptyClassName: styles.empty,
       isEmpty: !hasDescription
-    }, hasDescription ? /*#__PURE__*/React.createElement(Transitions, {
-      transitions: transitions,
-      playing: transitionPlaying,
-      delay: transitionStagger * itemI,
-      disabled: transitionDisabled
-    }, /*#__PURE__*/React.createElement(Text, description)) : null));
+    }, hasDescription ? /*#__PURE__*/React.createElement(Text, description) : null));
     var rankText = "".concat(ascending ? itemI + 1 : itemsCount - itemI);
     return /*#__PURE__*/React.createElement("div", {
       className: styles.item,
       key: "item-".concat(itemI)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.rank
-    }, isPlaceholder ? rankText : /*#__PURE__*/React.createElement(Transitions, {
-      transitions: transitions,
-      playing: transitionPlaying,
-      delay: transitionStagger * itemI,
-      disabled: transitionDisabled
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, isPlaceholder ? rankText : /*#__PURE__*/React.createElement(Text, {
       className: styles.rankText,
       body: rankText,
       textStyle: numbersStyle
-    }))), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: styles.label
     }, itemTitleElement, descriptionElement));
   });

package/lib/index.js

@@ -57,8 +57,6 @@ var propTypes = {
   footer: core.PropTypes.footer,
   current: PropTypes__default["default"].bool,
   active: PropTypes__default["default"].bool,
-  transitions: core.PropTypes.transitions,
-  transitionStagger: PropTypes__default["default"].number,
   type: PropTypes__default["default"].string,
   className: PropTypes__default["default"].string
 };
@@ -74,8 +72,6 @@ var defaultProps = {
   footer: null,
   current: true,
   active: true,
-  transitions: null,
-  transitionStagger: 75,
   type: null,
   className: null
 };
@@ -92,8 +88,6 @@ var RankingScreen = function RankingScreen(_ref) {
     footer = _ref.footer,
     current = _ref.current,
     active = _ref.active,
-    transitions = _ref.transitions,
-    transitionStagger = _ref.transitionStagger,
     type = _ref.type,
     className = _ref.className;
   var trackScreenEvent = hooks.useTrackScreenEvent(type);
@@ -121,7 +115,6 @@ var RankingScreen = function RankingScreen(_ref) {
     return {};
   }) : items || [null];
   var itemsCount = finalItems !== null ? finalItems.length : 0;
-  var transitionPlaying = current;
   var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var scrollingDisabled = !isEdit && transitionDisabled || !current;
   var backgroundPlaying = current && (isView || isEdit);
@@ -162,12 +155,7 @@ var RankingScreen = function RankingScreen(_ref) {
       }),
       emptyClassName: styles.empty,
       isEmpty: !hasItemTitle
-    }, hasItemTitle ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
-      transitions: transitions,
-      playing: transitionPlaying,
-      delay: transitionStagger * itemI,
-      disabled: transitionDisabled
-    }, /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], itemTitle)) : null));
+    }, hasItemTitle ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], itemTitle) : null));
     var descriptionElement = /*#__PURE__*/React__default["default"].createElement("div", {
       className: styles.description
     }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
@@ -181,28 +169,18 @@ var RankingScreen = function RankingScreen(_ref) {
       }),
       emptyClassName: styles.empty,
       isEmpty: !hasDescription
-    }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
-      transitions: transitions,
-      playing: transitionPlaying,
-      delay: transitionStagger * itemI,
-      disabled: transitionDisabled
-    }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], description)) : null));
+    }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], description) : null));
     var rankText = "".concat(ascending ? itemI + 1 : itemsCount - itemI);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: styles.item,
       key: "item-".concat(itemI)
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: styles.rank
-    }, isPlaceholder ? rankText : /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
-      transitions: transitions,
-      playing: transitionPlaying,
-      delay: transitionStagger * itemI,
-      disabled: transitionDisabled
-    }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], {
+    }, isPlaceholder ? rankText : /*#__PURE__*/React__default["default"].createElement(Text__default["default"], {
       className: styles.rankText,
       body: rankText,
       textStyle: numbersStyle
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
       className: styles.label
     }, itemTitleElement, descriptionElement));
   });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-ranking",
-    "version": "0.3.412",
+    "version": "0.3.416",
     "private": false,
     "description": "",
     "keywords": [
@@ -71,5 +71,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4d0b827ed8a3282317d05f9c3a4c5346639c5fe7"
+    "gitHead": "4990d8fa86965538a258b8061630290f8c2d7ae6"
 }