@micromag/element-video 0.3.423 → 0.3.429

package/es/index.js

@@ -77,7 +77,6 @@ var defaultProps = {
   withLoading: false
 };
 var Video = function Video(_ref) {
-  var _ref7;
   var media = _ref.media,
     thumbnail = _ref.thumbnail,
     width = _ref.width,
@@ -260,7 +259,7 @@ var Video = function Video(_ref) {
     onStep: onProgressStep
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.withSize, withSize), _ref7)]),
+    className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.withSize, withSize)]),
     style: withSize ? {
       width: width,
       height: height

package/lib/index.js

@@ -12,50 +12,40 @@ var components = require('@micromag/core/components');
 var hooks = require('@micromag/core/hooks');
 var utils = require('@micromag/core/utils');
 
-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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var isFunction__default = /*#__PURE__*/_interopDefaultLegacy(isFunction);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var styles = {"container":"micromag-element-video-container","withSize":"micromag-element-video-withSize","video":"micromag-element-video-video","spinner":"micromag-element-video-spinner"};
 
 var propTypes = {
   media: core.PropTypes.videoMedia,
-  thumbnail: PropTypes__default["default"].oneOf([PropTypes__default["default"].string, core.PropTypes.imageMedia]),
-  width: PropTypes__default["default"].number,
-  height: PropTypes__default["default"].number,
-  mediaRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
-    current: PropTypes__default["default"].any
+  thumbnail: PropTypes.oneOf([PropTypes.string, core.PropTypes.imageMedia]),
+  width: PropTypes.number,
+  height: PropTypes.number,
+  mediaRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
   })]),
-  muted: PropTypes__default["default"].bool,
-  autoPlay: PropTypes__default["default"].bool,
-  paused: PropTypes__default["default"].bool,
-  loop: PropTypes__default["default"].bool,
-  playsInline: PropTypes__default["default"].bool,
-  preload: PropTypes__default["default"].oneOf(['auto', 'metadata', 'none', null]),
-  disablePictureInPicture: PropTypes__default["default"].bool,
-  shouldLoad: PropTypes__default["default"].bool,
-  withoutCors: PropTypes__default["default"].bool,
-  className: PropTypes__default["default"].string,
-  onReady: PropTypes__default["default"].func,
-  onPlay: PropTypes__default["default"].func,
-  onPause: PropTypes__default["default"].func,
-  onEnded: PropTypes__default["default"].func,
-  onSeeked: PropTypes__default["default"].func,
-  onTimeUpdate: PropTypes__default["default"].func,
-  onProgressStep: PropTypes__default["default"].func,
-  onDurationChange: PropTypes__default["default"].func,
-  onVolumeChange: PropTypes__default["default"].func,
-  onSuspend: PropTypes__default["default"].func,
-  onSuspended: PropTypes__default["default"].func,
-  focusable: PropTypes__default["default"].bool,
-  withPoster: PropTypes__default["default"].bool,
-  withLoading: PropTypes__default["default"].bool
+  muted: PropTypes.bool,
+  autoPlay: PropTypes.bool,
+  paused: PropTypes.bool,
+  loop: PropTypes.bool,
+  playsInline: PropTypes.bool,
+  preload: PropTypes.oneOf(['auto', 'metadata', 'none', null]),
+  disablePictureInPicture: PropTypes.bool,
+  shouldLoad: PropTypes.bool,
+  withoutCors: PropTypes.bool,
+  className: PropTypes.string,
+  onReady: PropTypes.func,
+  onPlay: PropTypes.func,
+  onPause: PropTypes.func,
+  onEnded: PropTypes.func,
+  onSeeked: PropTypes.func,
+  onTimeUpdate: PropTypes.func,
+  onProgressStep: PropTypes.func,
+  onDurationChange: PropTypes.func,
+  onVolumeChange: PropTypes.func,
+  onSuspend: PropTypes.func,
+  onSuspended: PropTypes.func,
+  focusable: PropTypes.bool,
+  withPoster: PropTypes.bool,
+  withLoading: PropTypes.bool
 };
 var defaultProps = {
   media: null,
@@ -89,7 +79,6 @@ var defaultProps = {
   withLoading: false
 };
 var Video = function Video(_ref) {
-  var _ref7;
   var media = _ref.media,
     thumbnail = _ref.thumbnail,
     width = _ref.width,
@@ -146,7 +135,7 @@ var Video = function Video(_ref) {
     id: mediaUrl
   });
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showLoading = _useState2[0],
     setShowLoading = _useState2[1];
   var ready = hooks.useMediaReady(_ref9.current, {
@@ -183,7 +172,7 @@ var Video = function Video(_ref) {
       var _ref4 = currentMimeFile || {},
         _ref4$id = _ref4.id,
         currentMimeId = _ref4$id === void 0 ? null : _ref4$id;
-      return currentMimeFile === null || currentMimeId !== 'original' ? _objectSpread__default["default"](_objectSpread__default["default"]({}, filesMap), {}, _defineProperty__default["default"]({}, mime, file)) : filesMap;
+      return currentMimeFile === null || currentMimeId !== 'original' ? _objectSpread(_objectSpread({}, filesMap), {}, _defineProperty({}, mime, file)) : filesMap;
     }, {});
     return Object.keys(sourceFilesMap).map(function (mime) {
       return sourceFilesMap[mime];
@@ -220,7 +209,7 @@ var Video = function Video(_ref) {
 
   // Manage suspend
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isSuspended = _useState4[0],
     setIsSuspended = _useState4[1];
   var onPlay = React.useCallback(function (e) {
@@ -271,21 +260,21 @@ var Video = function Video(_ref) {
     disabled: paused,
     onStep: onProgressStep
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.withSize, withSize), _ref7)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.withSize, withSize)]),
     style: withSize ? {
       width: width,
       height: height
     } : null
-  }, isImageWithoutSourceFile && shouldLoad ? /*#__PURE__*/React__default["default"].createElement("img", {
+  }, isImageWithoutSourceFile && shouldLoad ? /*#__PURE__*/React.createElement("img", {
     src: mediaUrl,
     alt: description,
     className: styles.video
-  }) : null, !isImageWithoutSourceFile ? /*#__PURE__*/React__default["default"].createElement("video", {
+  }) : null, !isImageWithoutSourceFile ? /*#__PURE__*/React.createElement("video", {
     key: mediaUrl,
     ref: function ref(newRef) {
       _ref9.current = newRef;
-      if (mediaRef !== null && isFunction__default["default"](mediaRef)) {
+      if (mediaRef !== null && isFunction(mediaRef)) {
         mediaRef(newRef);
       } else if (mediaRef !== null) {
         mediaRef.current = newRef;
@@ -301,7 +290,7 @@ var Video = function Video(_ref) {
     crossOrigin: withoutCors ? 'anonymous' : null,
     disablePictureInPicture: disablePictureInPicture,
     tabIndex: focusable ? '0' : '-1',
-    className: classNames__default["default"](styles.video),
+    className: classNames(styles.video),
     onPlay: onPlay,
     onPlaying: onPlaying,
     onPause: onPause,
@@ -315,19 +304,19 @@ var Video = function Video(_ref) {
   }, (sourceFiles || []).map(function (_ref8) {
     var sourceUrl = _ref8.url,
       sourceMime = _ref8.mime;
-    return /*#__PURE__*/React__default["default"].createElement("source", {
+    return /*#__PURE__*/React.createElement("source", {
       key: "".concat(sourceUrl, "-").concat(sourceMime),
       src: sourceUrl !== null ? "".concat(sourceUrl, "#t=0.1") : null,
       type: sourceMime
     });
-  })) : null, !isImageWithoutSourceFile && !ready && showLoading ? /*#__PURE__*/React__default["default"].createElement(components.Spinner, {
+  })) : null, !isImageWithoutSourceFile && !ready && showLoading ? /*#__PURE__*/React.createElement(components.Spinner, {
     className: styles.spinner
   }) : null);
 };
 Video.propTypes = propTypes;
 Video.defaultProps = defaultProps;
-var Video$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default["default"].createElement(Video, Object.assign({
+var Video$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Video, Object.assign({
     mediaRef: ref
   }, props));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-video",
-    "version": "0.3.423",
+    "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",
@@ -53,8 +59,8 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.423",
-        "@micromag/element-closed-captions": "^0.3.423",
+        "@micromag/core": "^0.3.429",
+        "@micromag/element-closed-captions": "^0.3.429",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -65,5 +71,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
 }