@micromag/element-visual 0.3.420 → 0.3.429

package/lib/index.js

@@ -11,40 +11,29 @@ var core = require('@micromag/core');
 var Image = require('@micromag/element-image');
 var Video = require('@micromag/element-video');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
-var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
-
 var styles = {"container":"micromag-element-visual-container","videoContainer":"micromag-element-visual-videoContainer"};
 
 var _excluded = ["media", "mediaRef", "width", "height", "resolution", "objectFit", "playing", "muted", "shouldLoad", "videoLoop", "videoInitialMuted", "onLoaded", "className", "imageClassName", "videoClassName", "withoutVideo"];
 var propTypes = {
   media: core.PropTypes.media,
-  mediaRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+  mediaRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
     // eslint-disable-next-line react/forbid-prop-types
-    current: PropTypes__default["default"].any
+    current: PropTypes.any
   })]),
-  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-  height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-  resolution: PropTypes__default["default"].number,
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  resolution: PropTypes.number,
   objectFit: core.PropTypes.objectFit,
-  playing: PropTypes__default["default"].bool,
-  muted: PropTypes__default["default"].bool,
-  shouldLoad: PropTypes__default["default"].bool,
-  videoLoop: PropTypes__default["default"].bool,
-  withoutVideo: PropTypes__default["default"].bool,
-  videoInitialMuted: PropTypes__default["default"].bool,
-  onLoaded: PropTypes__default["default"].func,
-  className: PropTypes__default["default"].string,
-  imageClassName: PropTypes__default["default"].string,
-  videoClassName: PropTypes__default["default"].string
+  playing: PropTypes.bool,
+  muted: PropTypes.bool,
+  shouldLoad: PropTypes.bool,
+  videoLoop: PropTypes.bool,
+  withoutVideo: PropTypes.bool,
+  videoInitialMuted: PropTypes.bool,
+  onLoaded: PropTypes.func,
+  className: PropTypes.string,
+  imageClassName: PropTypes.string,
+  videoClassName: PropTypes.string
 };
 var defaultProps = {
   media: null,
@@ -81,7 +70,7 @@ var Visual = function Visual(_ref) {
     imageClassName = _ref.imageClassName,
     videoClassName = _ref.videoClassName,
     withoutVideo = _ref.withoutVideo,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = media || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type,
@@ -91,17 +80,17 @@ var Visual = function Visual(_ref) {
     url = _ref2$url === void 0 ? null : _ref2$url;
   var isVideo = type === 'video';
   var elProps = React.useMemo(function () {
-    return _objectSpread__default["default"](_objectSpread__default["default"]({}, props), {}, {
+    return _objectSpread(_objectSpread({}, props), {}, {
       media: media
     });
   }, [props, media]);
   var imageElProps = React.useMemo(function () {
-    var tmpProps = (!shouldLoad || withoutVideo) && isVideo ? _objectSpread__default["default"](_objectSpread__default["default"]({}, elProps), {}, {
+    var tmpProps = (!shouldLoad || withoutVideo) && isVideo ? _objectSpread(_objectSpread({}, elProps), {}, {
       media: {
         url: thumbnailUrl
       }
     }) : elProps;
-    return shouldLoad && !withoutVideo ? _objectSpread__default["default"](_objectSpread__default["default"]({}, elProps), {}, {
+    return shouldLoad && !withoutVideo ? _objectSpread(_objectSpread({}, elProps), {}, {
       media: {
         url: url
       }
@@ -139,25 +128,25 @@ var Visual = function Visual(_ref) {
       onParentLoaded(e);
     }
   }, []);
-  return type !== null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, type === 'image' || !shouldLoad || withoutVideo ? /*#__PURE__*/React__default["default"].createElement(Image__default["default"], Object.assign({}, imageElProps, {
+  return type !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, type === 'image' || !shouldLoad || withoutVideo ? /*#__PURE__*/React.createElement(Image, Object.assign({}, imageElProps, {
     objectFit: objectFit,
     width: width,
     height: height,
     resolution: resolution,
     shouldLoad: shouldLoad,
     onLoaded: onLoaded,
-    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
     imageClassName: imageClassName
-  })) : null, type === 'video' && shouldLoad && !withoutVideo ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
+  })) : null, type === 'video' && shouldLoad && !withoutVideo ? /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
     style: {
       width: width,
       height: height
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.videoContainer, _defineProperty__default["default"]({}, videoClassName, videoClassName !== null)]),
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.videoContainer, _defineProperty({}, videoClassName, videoClassName !== null)]),
     style: videoContainerStyle
-  }, /*#__PURE__*/React__default["default"].createElement(Video__default["default"], Object.assign({}, elProps, {
+  }, /*#__PURE__*/React.createElement(Video, Object.assign({}, elProps, {
     mediaRef: mediaRef,
     width: objectFit === null ? width : null,
     height: objectFit === null ? height : null,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-visual",
-    "version": "0.3.420",
+    "version": "0.3.429",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,6 +32,12 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "exports": {
+        ".": {
+            "require": "./lib/index.js",
+            "import": "./es/index.js"
+        }
+    },
     "files": [
         "lib",
         "es",
@@ -51,9 +57,9 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.420",
-        "@micromag/element-image": "^0.3.420",
-        "@micromag/element-video": "^0.3.420",
+        "@micromag/core": "^0.3.429",
+        "@micromag/element-image": "^0.3.429",
+        "@micromag/element-video": "^0.3.429",
         "classnames": "^2.2.6",
         "prop-types": "^15.7.2",
         "uuid": "^9.0.0"
@@ -62,5 +68,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "5b0f037a41c3bca07a5bce8f0dce205242f7ad17"
+    "gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
 }