@micromag/element-visual 0.2.309 → 0.2.323

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 +12 -5
  2. package/lib/index.js +12 -5
  3. package/package.json +5 -5
package/es/index.js CHANGED
@@ -48,15 +48,22 @@ var Visual = function Visual(_ref) {
48
48
 
49
49
  var _ref2 = media || {},
50
50
  _ref2$type = _ref2.type,
51
- type = _ref2$type === void 0 ? null : _ref2$type;
51
+ type = _ref2$type === void 0 ? null : _ref2$type,
52
+ _ref2$thumbnail_url = _ref2.thumbnail_url,
53
+ thumbnailUrl = _ref2$thumbnail_url === void 0 ? null : _ref2$thumbnail_url;
52
54
 
53
55
  var elProps = _objectSpread(_objectSpread({}, props), {}, {
54
56
  media: media
55
57
  });
56
58
 
59
+ var imageElProps = type === 'video' && !videoAutoplay ? _objectSpread(_objectSpread({}, elProps), {}, {
60
+ media: {
61
+ url: thumbnailUrl
62
+ }
63
+ }) : elProps;
57
64
  var videoContainerStyle = null;
58
65
 
59
- if (type === 'video' && objectFit !== null) {
66
+ if (type === 'video' && objectFit !== null && videoAutoplay) {
60
67
  var _ref3 = objectFit || {},
61
68
  _ref3$fit = _ref3.fit,
62
69
  fit = _ref3$fit === void 0 ? 'cover' : _ref3$fit;
@@ -87,13 +94,13 @@ var Visual = function Visual(_ref) {
87
94
  };
88
95
  }
89
96
 
90
- return type !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, type === 'image' ? /*#__PURE__*/React.createElement(Image, Object.assign({}, elProps, {
97
+ return type !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, type === 'image' || !videoAutoplay ? /*#__PURE__*/React.createElement(Image, Object.assign({}, imageElProps, {
91
98
  objectFit: objectFit,
92
99
  width: width,
93
100
  height: height,
94
101
  onLoaded: onLoaded,
95
102
  className: classNames([styles.container, _defineProperty({}, className, className !== null)])
96
- })) : null, type === 'video' ? /*#__PURE__*/React.createElement("div", {
103
+ })) : null, type === 'video' && videoAutoplay ? /*#__PURE__*/React.createElement("div", {
97
104
  className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
98
105
  style: {
99
106
  width: width,
@@ -105,7 +112,7 @@ var Visual = function Visual(_ref) {
105
112
  }, /*#__PURE__*/React.createElement(Video, Object.assign({}, elProps, {
106
113
  width: objectFit === null ? width : null,
107
114
  height: objectFit === null ? height : null,
108
- autoPlay: videoAutoplay,
115
+ autoPlay: true,
109
116
  loop: videoLoop,
110
117
  initialMuted: videoInitialMuted,
111
118
  onReady: onLoaded
package/lib/index.js CHANGED
@@ -61,15 +61,22 @@ var Visual = function Visual(_ref) {
61
61
 
62
62
  var _ref2 = media || {},
63
63
  _ref2$type = _ref2.type,
64
- type = _ref2$type === void 0 ? null : _ref2$type;
64
+ type = _ref2$type === void 0 ? null : _ref2$type,
65
+ _ref2$thumbnail_url = _ref2.thumbnail_url,
66
+ thumbnailUrl = _ref2$thumbnail_url === void 0 ? null : _ref2$thumbnail_url;
65
67
 
66
68
  var elProps = _objectSpread__default['default'](_objectSpread__default['default']({}, props), {}, {
67
69
  media: media
68
70
  });
69
71
 
72
+ var imageElProps = type === 'video' && !videoAutoplay ? _objectSpread__default['default'](_objectSpread__default['default']({}, elProps), {}, {
73
+ media: {
74
+ url: thumbnailUrl
75
+ }
76
+ }) : elProps;
70
77
  var videoContainerStyle = null;
71
78
 
72
- if (type === 'video' && objectFit !== null) {
79
+ if (type === 'video' && objectFit !== null && videoAutoplay) {
73
80
  var _ref3 = objectFit || {},
74
81
  _ref3$fit = _ref3.fit,
75
82
  fit = _ref3$fit === void 0 ? 'cover' : _ref3$fit;
@@ -100,13 +107,13 @@ var Visual = function Visual(_ref) {
100
107
  };
101
108
  }
102
109
 
103
- return type !== null ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, type === 'image' ? /*#__PURE__*/React__default['default'].createElement(Image__default['default'], Object.assign({}, elProps, {
110
+ return type !== null ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, type === 'image' || !videoAutoplay ? /*#__PURE__*/React__default['default'].createElement(Image__default['default'], Object.assign({}, imageElProps, {
104
111
  objectFit: objectFit,
105
112
  width: width,
106
113
  height: height,
107
114
  onLoaded: onLoaded,
108
115
  className: classNames__default['default']([styles.container, _defineProperty__default['default']({}, className, className !== null)])
109
- })) : null, type === 'video' ? /*#__PURE__*/React__default['default'].createElement("div", {
116
+ })) : null, type === 'video' && videoAutoplay ? /*#__PURE__*/React__default['default'].createElement("div", {
110
117
  className: classNames__default['default']([styles.container, _defineProperty__default['default']({}, className, className !== null)]),
111
118
  style: {
112
119
  width: width,
@@ -118,7 +125,7 @@ var Visual = function Visual(_ref) {
118
125
  }, /*#__PURE__*/React__default['default'].createElement(Video__default['default'], Object.assign({}, elProps, {
119
126
  width: objectFit === null ? width : null,
120
127
  height: objectFit === null ? height : null,
121
- autoPlay: videoAutoplay,
128
+ autoPlay: true,
122
129
  loop: videoLoop,
123
130
  initialMuted: videoInitialMuted,
124
131
  onReady: onLoaded
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-visual",
3
- "version": "0.2.309",
3
+ "version": "0.2.323",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,9 +50,9 @@
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/size": "^0.1.14",
53
- "@micromag/core": "^0.2.301",
54
- "@micromag/element-image": "^0.2.301",
55
- "@micromag/element-video": "^0.2.309",
53
+ "@micromag/core": "^0.2.323",
54
+ "@micromag/element-image": "^0.2.323",
55
+ "@micromag/element-video": "^0.2.323",
56
56
  "classnames": "^2.2.6",
57
57
  "prop-types": "^15.7.2",
58
58
  "uuid": "^8.3.2"
@@ -60,5 +60,5 @@
60
60
  "publishConfig": {
61
61
  "access": "public"
62
62
  },
63
- "gitHead": "72514443936d55bd45eefe572bf5441fd24b6f18"
63
+ "gitHead": "23e128eb7548a633d1f7542f3948039aea9bd55c"
64
64
  }