@micromag/screen-timeline 0.3.393 → 0.3.396

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 +7 -14
  2. package/lib/index.js +6 -13
  3. package/package.json +13 -13
package/es/index.js CHANGED
@@ -7,7 +7,7 @@ import classNames from 'classnames';
7
7
  import PropTypes from 'prop-types';
8
8
  import React, { useMemo, useState, useCallback, useRef, useEffect } from 'react';
9
9
  import { PropTypes as PropTypes$1 } from '@micromag/core';
10
- import { Transitions, ScreenElement } from '@micromag/core/components';
10
+ import { ScreenElement } from '@micromag/core/components';
11
11
  import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
12
12
  import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
13
13
  import { isTextFilled, getStyleFromColor, isHeaderFilled, isFooterFilled, getFooterProps } from '@micromag/core/utils';
@@ -40,8 +40,8 @@ var propTypes = {
40
40
  background: PropTypes$1.backgroundElement,
41
41
  current: PropTypes.bool,
42
42
  active: PropTypes.bool,
43
- transitions: PropTypes$1.transitions,
44
- transitionStagger: PropTypes.number,
43
+ // transitions: MicromagPropTypes.transitions,
44
+ // transitionStagger: PropTypes.number,
45
45
  type: PropTypes.string,
46
46
  className: PropTypes.string
47
47
  };
@@ -59,8 +59,8 @@ var defaultProps = {
59
59
  background: null,
60
60
  current: true,
61
61
  active: true,
62
- transitions: null,
63
- transitionStagger: 75,
62
+ // transitions: null,
63
+ // transitionStagger: 75,
64
64
  type: null,
65
65
  className: null
66
66
  };
@@ -79,8 +79,6 @@ var Timeline = function Timeline(_ref) {
79
79
  background = _ref.background,
80
80
  current = _ref.current,
81
81
  active = _ref.active,
82
- transitions = _ref.transitions,
83
- transitionStagger = _ref.transitionStagger,
84
82
  type = _ref.type,
85
83
  className = _ref.className;
86
84
  var trackScreenEvent = useTrackScreenEvent(type);
@@ -122,7 +120,7 @@ var Timeline = function Timeline(_ref) {
122
120
  imagesLoaded = _useState2[0],
123
121
  setImagesLoaded = _useState2[1];
124
122
  var ready = imagesLoaded >= imagesCount;
125
- var transitionsPlaying = current && ready;
123
+ // const transitionsPlaying = current && ready;
126
124
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
127
125
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
128
126
  var backgroundPlaying = current && (isView || isEdit);
@@ -164,11 +162,6 @@ var Timeline = function Timeline(_ref) {
164
162
  return /*#__PURE__*/React.createElement("div", {
165
163
  className: styles.item,
166
164
  key: "item-".concat(itemI)
167
- }, /*#__PURE__*/React.createElement(Transitions, {
168
- transitions: transitions,
169
- playing: transitionsPlaying,
170
- delay: transitionStagger * itemI,
171
- disabled: transitionDisabled
172
165
  }, elementsTypes.map(function (elementType, typeI) {
173
166
  var elementContent = null;
174
167
  var hasElement = false;
@@ -265,7 +258,7 @@ var Timeline = function Timeline(_ref) {
265
258
  })), /*#__PURE__*/React.createElement("div", {
266
259
  className: classNames([styles.body, _defineProperty({}, styles.last, lastType && !lastItem)])
267
260
  }, elementContent));
268
- })));
261
+ }));
269
262
  });
270
263
 
271
264
  // Call to Action
package/lib/index.js CHANGED
@@ -65,8 +65,8 @@ var propTypes = {
65
65
  background: core.PropTypes.backgroundElement,
66
66
  current: PropTypes__default["default"].bool,
67
67
  active: PropTypes__default["default"].bool,
68
- transitions: core.PropTypes.transitions,
69
- transitionStagger: PropTypes__default["default"].number,
68
+ // transitions: MicromagPropTypes.transitions,
69
+ // transitionStagger: PropTypes.number,
70
70
  type: PropTypes__default["default"].string,
71
71
  className: PropTypes__default["default"].string
72
72
  };
@@ -84,8 +84,8 @@ var defaultProps = {
84
84
  background: null,
85
85
  current: true,
86
86
  active: true,
87
- transitions: null,
88
- transitionStagger: 75,
87
+ // transitions: null,
88
+ // transitionStagger: 75,
89
89
  type: null,
90
90
  className: null
91
91
  };
@@ -104,8 +104,6 @@ var Timeline = function Timeline(_ref) {
104
104
  background = _ref.background,
105
105
  current = _ref.current,
106
106
  active = _ref.active,
107
- transitions = _ref.transitions,
108
- transitionStagger = _ref.transitionStagger,
109
107
  type = _ref.type,
110
108
  className = _ref.className;
111
109
  var trackScreenEvent = hooks.useTrackScreenEvent(type);
@@ -147,7 +145,7 @@ var Timeline = function Timeline(_ref) {
147
145
  imagesLoaded = _useState2[0],
148
146
  setImagesLoaded = _useState2[1];
149
147
  var ready = imagesLoaded >= imagesCount;
150
- var transitionsPlaying = current && ready;
148
+ // const transitionsPlaying = current && ready;
151
149
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
152
150
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
153
151
  var backgroundPlaying = current && (isView || isEdit);
@@ -189,11 +187,6 @@ var Timeline = function Timeline(_ref) {
189
187
  return /*#__PURE__*/React__default["default"].createElement("div", {
190
188
  className: styles.item,
191
189
  key: "item-".concat(itemI)
192
- }, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
193
- transitions: transitions,
194
- playing: transitionsPlaying,
195
- delay: transitionStagger * itemI,
196
- disabled: transitionDisabled
197
190
  }, elementsTypes.map(function (elementType, typeI) {
198
191
  var elementContent = null;
199
192
  var hasElement = false;
@@ -290,7 +283,7 @@ var Timeline = function Timeline(_ref) {
290
283
  })), /*#__PURE__*/React__default["default"].createElement("div", {
291
284
  className: classNames__default["default"]([styles.body, _defineProperty__default["default"]({}, styles.last, lastType && !lastItem)])
292
285
  }, elementContent));
293
- })));
286
+ }));
294
287
  });
295
288
 
296
289
  // Call to Action
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-timeline",
3
- "version": "0.3.393",
3
+ "version": "0.3.396",
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.390",
54
- "@micromag/element-background": "^0.3.390",
55
- "@micromag/element-container": "^0.3.390",
56
- "@micromag/element-footer": "^0.3.390",
57
- "@micromag/element-header": "^0.3.390",
58
- "@micromag/element-heading": "^0.3.390",
59
- "@micromag/element-layout": "^0.3.390",
60
- "@micromag/element-scroll": "^0.3.390",
61
- "@micromag/element-text": "^0.3.390",
62
- "@micromag/element-visual": "^0.3.390",
63
- "@micromag/transforms": "^0.3.390",
53
+ "@micromag/core": "^0.3.396",
54
+ "@micromag/element-background": "^0.3.396",
55
+ "@micromag/element-container": "^0.3.396",
56
+ "@micromag/element-footer": "^0.3.396",
57
+ "@micromag/element-header": "^0.3.396",
58
+ "@micromag/element-heading": "^0.3.396",
59
+ "@micromag/element-layout": "^0.3.396",
60
+ "@micromag/element-scroll": "^0.3.396",
61
+ "@micromag/element-text": "^0.3.396",
62
+ "@micromag/element-visual": "^0.3.396",
63
+ "@micromag/transforms": "^0.3.396",
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": "71de458ea76ed1e18a1ef5d7f483d1aa7b84c461"
74
+ "gitHead": "6f09831a86f03a570096ccc769aa2ecb3bcba693"
75
75
  }