@micromag/element-video 0.4.49 → 0.4.50

package/es/index.js

@@ -1,13 +1,15 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
 import isFunction from 'lodash/isFunction';
-import React, { useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import { useMemo, useState, useEffect, useRef, useCallback } from 'react';
 import { Spinner } from '@micromag/core/components';
 import { useMediaThumbnail, useMediaCurrentTime, useMediaDuration, useMediaReady, useProgressSteps } from '@micromag/core/hooks';
 import { useSetting } from '@micromag/core/contexts';
 import { getMediaFilesAsArray, getVideoSupportedMimes } from '@micromag/core/utils';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // Disabled webm for now
 // const defaultPossibleMimes = ['video/mp4', 'video/webm', 'video/ogg', 'application/vnd.apple.mpegurl'];
@@ -266,65 +268,65 @@ function Video(_ref) {
     disabled: paused,
     onStep: onProgressStep
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: classNames([styles.container, _defineProperty({}, styles.withSize, withSize), className]),
     style: withSize ? {
       width: width,
       height: height
-    } : null
-  }, isImageWithoutSourceFile && shouldLoad ? /*#__PURE__*/React.createElement("img", {
-    src: mediaUrl,
-    alt: description,
-    tabIndex: "-1",
-    className: classNames([styles.media, innerClassName])
-  }) : null, !isImageWithoutSourceFile ? /*#__PURE__*/React.createElement("video", {
-    key: mediaUrl,
-    ref: function ref(newRef) {
-      _ref6.current = newRef;
-      if (mediaRef !== null && isFunction(mediaRef)) {
-        mediaRef(newRef);
-      } else if (mediaRef !== null) {
-        mediaRef.current = newRef;
-      }
-    },
-    src: sources === null && shouldLoad ? "".concat(mediaUrl, "#t=0.001") : null,
-    autoPlay: autoPlay && !paused,
-    loop: loop,
-    muted: muted,
-    poster: shouldLoad && withPoster && finalThumbnail !== null ? finalThumbnail.url || null : null,
-    preload: finalPreload,
-    playsInline: playsInline,
-    crossOrigin: withoutCors ? 'anonymous' : null,
-    disablePictureInPicture: disablePictureInPicture,
-    tabIndex: focusable ? '0' : '-1',
-    className: classNames([styles.media, innerClassName]),
-    onPlay: onPlay,
-    onPlaying: onPlaying,
-    onPause: onPause,
-    onEnded: onEnded,
-    onSeeked: onSeeked,
-    onVolumeChange: onVolumeChange,
-    onTimeUpdate: onTimeUpdate,
-    onSuspend: onSuspend,
-    "data-has-audio": hasAudio,
-    "data-is-suspended": isSuspended,
-    "aria-hidden": true
-  }, (shouldLoad && sources !== null ? sources : []).map(function (_ref5) {
-    var sourceUrl = _ref5.url,
-      sourceMime = _ref5.mime;
-    return /*#__PURE__*/React.createElement("source", {
-      key: "source-".concat(sourceUrl, "-").concat(sourceMime),
-      src: sourceUrl !== null ? "".concat(sourceUrl, "#t=0.001") : null,
-      type: sourceMime
-    });
-  })) : null, !isImageWithoutSourceFile && !ready && showLoading ? /*#__PURE__*/React.createElement(Spinner, {
-    className: styles.spinner
-  }) : null);
+    } : null,
+    children: [isImageWithoutSourceFile && shouldLoad ? /*#__PURE__*/jsx("img", {
+      src: mediaUrl,
+      alt: description,
+      tabIndex: "-1",
+      className: classNames([styles.media, innerClassName])
+    }) : null, !isImageWithoutSourceFile ? /*#__PURE__*/jsx("video", {
+      ref: function ref(newRef) {
+        _ref6.current = newRef;
+        if (mediaRef !== null && isFunction(mediaRef)) {
+          mediaRef(newRef);
+        } else if (mediaRef !== null) {
+          mediaRef.current = newRef;
+        }
+      },
+      src: sources === null && shouldLoad ? "".concat(mediaUrl, "#t=0.001") : null,
+      autoPlay: autoPlay && !paused,
+      loop: loop,
+      muted: muted,
+      poster: shouldLoad && withPoster && finalThumbnail !== null ? finalThumbnail.url || null : null,
+      preload: finalPreload,
+      playsInline: playsInline,
+      crossOrigin: withoutCors ? 'anonymous' : null,
+      disablePictureInPicture: disablePictureInPicture,
+      tabIndex: focusable ? '0' : '-1',
+      className: classNames([styles.media, innerClassName]),
+      onPlay: onPlay,
+      onPlaying: onPlaying,
+      onPause: onPause,
+      onEnded: onEnded,
+      onSeeked: onSeeked,
+      onVolumeChange: onVolumeChange,
+      onTimeUpdate: onTimeUpdate,
+      onSuspend: onSuspend,
+      "data-has-audio": hasAudio,
+      "data-is-suspended": isSuspended,
+      "aria-hidden": true,
+      children: (shouldLoad && sources !== null ? sources : []).map(function (_ref5) {
+        var sourceUrl = _ref5.url,
+          sourceMime = _ref5.mime;
+        return /*#__PURE__*/jsx("source", {
+          src: sourceUrl !== null ? "".concat(sourceUrl, "#t=0.001") : null,
+          type: sourceMime
+        }, "source-".concat(sourceUrl, "-").concat(sourceMime));
+      })
+    }, mediaUrl) : null, !isImageWithoutSourceFile && !ready && showLoading ? /*#__PURE__*/jsx(Spinner, {
+      className: styles.spinner
+    }) : null]
+  });
 }
 var Video_default = (function (_ref7) {
   var ref = _ref7.ref,
     props = _objectWithoutProperties(_ref7, _excluded);
-  return /*#__PURE__*/React.createElement(Video, Object.assign({
+  return /*#__PURE__*/jsx(Video, _objectSpread({
     mediaRef: ref
   }, props));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-video",
-    "version": "0.4.49",
+    "version": "0.4.50",
     "private": false,
     "description": "",
     "keywords": [
@@ -60,8 +60,8 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.49",
-        "@micromag/element-closed-captions": "^0.4.49",
+        "@micromag/core": "^0.4.50",
+        "@micromag/element-closed-captions": "^0.4.50",
         "classnames": "^2.2.6",
         "hls.js": "^1.5.15",
         "lodash": "^4.17.23",
@@ -72,6 +72,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0a225ff29387217cccb0fcc5a731e23c74bd202e",
+    "gitHead": "940d5ca98f8f448b79eaa3e2fa685c3ee95185b8",
     "types": "es/index.d.ts"
 }