@micromag/element-visual 0.3.152 → 0.3.157

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 +6 -2
  2. package/lib/index.js +6 -2
  3. package/package.json +5 -5
package/es/index.js CHANGED
@@ -11,7 +11,7 @@ import Video from '@micromag/element-video';
11
11
 
12
12
  var styles = {"container":"micromag-element-visual-container","videoContainer":"micromag-element-visual-videoContainer"};
13
13
 
14
- var _excluded = ["media", "mediaRef", "width", "height", "resolution", "objectFit", "playing", "muted", "shouldLoad", "videoLoop", "videoInitialMuted", "onLoaded", "className", "videoClassName"];
14
+ var _excluded = ["media", "mediaRef", "width", "height", "resolution", "objectFit", "playing", "muted", "shouldLoad", "videoLoop", "videoInitialMuted", "onLoaded", "className", "imageClassName", "videoClassName"];
15
15
  var propTypes = {
16
16
  media: PropTypes.media,
17
17
  mediaRef: PropTypes$1.oneOfType([PropTypes$1.func, PropTypes$1.shape({
@@ -29,6 +29,7 @@ var propTypes = {
29
29
  videoInitialMuted: PropTypes$1.bool,
30
30
  onLoaded: PropTypes$1.func,
31
31
  className: PropTypes$1.string,
32
+ imageClassName: PropTypes$1.string,
32
33
  videoClassName: PropTypes$1.string
33
34
  };
34
35
  var defaultProps = {
@@ -45,6 +46,7 @@ var defaultProps = {
45
46
  videoInitialMuted: true,
46
47
  onLoaded: null,
47
48
  className: null,
49
+ imageClassName: null,
48
50
  videoClassName: null
49
51
  };
50
52
 
@@ -62,6 +64,7 @@ var Visual = function Visual(_ref) {
62
64
  _ref.videoInitialMuted;
63
65
  var onParentLoaded = _ref.onLoaded,
64
66
  className = _ref.className,
67
+ imageClassName = _ref.imageClassName,
65
68
  videoClassName = _ref.videoClassName,
66
69
  props = _objectWithoutProperties(_ref, _excluded);
67
70
 
@@ -136,7 +139,8 @@ var Visual = function Visual(_ref) {
136
139
  resolution: resolution,
137
140
  shouldLoad: shouldLoad,
138
141
  onLoaded: onLoaded,
139
- className: classNames([styles.container, _defineProperty({}, className, className !== null)])
142
+ className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
143
+ imageClassName: imageClassName
140
144
  })) : null, type === 'video' && shouldLoad ? /*#__PURE__*/React.createElement("div", {
141
145
  className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
142
146
  style: {
package/lib/index.js CHANGED
@@ -24,7 +24,7 @@ var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
24
24
 
25
25
  var styles = {"container":"micromag-element-visual-container","videoContainer":"micromag-element-visual-videoContainer"};
26
26
 
27
- var _excluded = ["media", "mediaRef", "width", "height", "resolution", "objectFit", "playing", "muted", "shouldLoad", "videoLoop", "videoInitialMuted", "onLoaded", "className", "videoClassName"];
27
+ var _excluded = ["media", "mediaRef", "width", "height", "resolution", "objectFit", "playing", "muted", "shouldLoad", "videoLoop", "videoInitialMuted", "onLoaded", "className", "imageClassName", "videoClassName"];
28
28
  var propTypes = {
29
29
  media: core.PropTypes.media,
30
30
  mediaRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
@@ -42,6 +42,7 @@ var propTypes = {
42
42
  videoInitialMuted: PropTypes__default["default"].bool,
43
43
  onLoaded: PropTypes__default["default"].func,
44
44
  className: PropTypes__default["default"].string,
45
+ imageClassName: PropTypes__default["default"].string,
45
46
  videoClassName: PropTypes__default["default"].string
46
47
  };
47
48
  var defaultProps = {
@@ -58,6 +59,7 @@ var defaultProps = {
58
59
  videoInitialMuted: true,
59
60
  onLoaded: null,
60
61
  className: null,
62
+ imageClassName: null,
61
63
  videoClassName: null
62
64
  };
63
65
 
@@ -75,6 +77,7 @@ var Visual = function Visual(_ref) {
75
77
  _ref.videoInitialMuted;
76
78
  var onParentLoaded = _ref.onLoaded,
77
79
  className = _ref.className,
80
+ imageClassName = _ref.imageClassName,
78
81
  videoClassName = _ref.videoClassName,
79
82
  props = _objectWithoutProperties__default["default"](_ref, _excluded);
80
83
 
@@ -149,7 +152,8 @@ var Visual = function Visual(_ref) {
149
152
  resolution: resolution,
150
153
  shouldLoad: shouldLoad,
151
154
  onLoaded: onLoaded,
152
- className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)])
155
+ className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
156
+ imageClassName: imageClassName
153
157
  })) : null, type === 'video' && shouldLoad ? /*#__PURE__*/React__default["default"].createElement("div", {
154
158
  className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
155
159
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-visual",
3
- "version": "0.3.152",
3
+ "version": "0.3.157",
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.20",
53
- "@micromag/core": "^0.3.152",
54
- "@micromag/element-image": "^0.3.152",
55
- "@micromag/element-video": "^0.3.152",
53
+ "@micromag/core": "^0.3.156",
54
+ "@micromag/element-image": "^0.3.156",
55
+ "@micromag/element-video": "^0.3.156",
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": "23db6c104c10cc70a73366c8b04576a312a36206"
63
+ "gitHead": "20f84fbdc35f585b328f9e202ab0a05fb87af8ce"
64
64
  }