@micromag/element-video 0.3.832 → 0.4.6

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-element-video-container .micromag-element-video-spinner,.micromag-element-video-container.micromag-element-video-withSize .micromag-element-video-media{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-video-container{position:relative}.micromag-element-video-container .micromag-element-video-media{display:block;width:100%}.micromag-element-video-container .micromag-element-video-spinner{height:32px;left:50%;margin-left:-16px;margin-top:-16px;top:50%;width:32px}
+.micromag-element-video-container{position:relative}.micromag-element-video-container .micromag-element-video-media{display:block;width:100%}.micromag-element-video-container .micromag-element-video-spinner{height:100%;height:32px;left:0;left:50%;margin-left:-16px;margin-top:-16px;position:absolute;top:0;top:50%;width:100%;width:32px}.micromag-element-video-container.micromag-element-video-withSize .micromag-element-video-media{height:100%;left:0;position:absolute;top:0;width:100%}

package/es/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+
+export { _default as default };

package/es/index.js

@@ -2,9 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
 import isFunction from 'lodash/isFunction';
-import PropTypes from 'prop-types';
 import React, { useMemo, useState, useEffect, useRef, useCallback } from 'react';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { Spinner } from '@micromag/core/components';
 import { useMediaThumbnail, useMediaCurrentTime, useMediaDuration, useMediaReady, useProgressSteps } from '@micromag/core/hooks';
 import { useSetting } from '@micromag/core/contexts';
@@ -84,108 +82,71 @@ function useSources(media) {
   };
 }
 
-var styles = {"container":"micromag-element-video-container","withSize":"micromag-element-video-withSize","media":"micromag-element-video-media","spinner":"micromag-element-video-spinner"};
+var styles = {"container":"micromag-element-video-container","media":"micromag-element-video-media","spinner":"micromag-element-video-spinner","withSize":"micromag-element-video-withSize"};
 
-var propTypes = {
-  media: PropTypes$1.videoMedia,
-  thumbnail: PropTypes.oneOf([PropTypes.string, PropTypes$1.imageMedia]),
-  width: PropTypes.number,
-  height: PropTypes.number,
-  mediaRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })]),
-  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,
-  innerClassName: 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,
-  onPlayError: PropTypes.func,
-  focusable: PropTypes.bool,
-  withPoster: PropTypes.bool,
-  withLoading: PropTypes.bool
-};
-var defaultProps = {
-  media: null,
-  thumbnail: null,
-  width: null,
-  height: null,
-  mediaRef: null,
-  muted: false,
-  autoPlay: false,
-  paused: false,
-  loop: false,
-  playsInline: true,
-  preload: 'auto',
-  disablePictureInPicture: true,
-  shouldLoad: true,
-  withoutCors: false,
-  className: null,
-  innerClassName: null,
-  onReady: null,
-  onPlay: null,
-  onPause: null,
-  onEnded: null,
-  onSeeked: null,
-  onTimeUpdate: null,
-  onProgressStep: null,
-  onDurationChange: null,
-  onVolumeChange: null,
-  onSuspend: null,
-  onSuspended: null,
-  onPlayError: null,
-  focusable: true,
-  withPoster: false,
-  withLoading: false
-};
-var Video = function Video(_ref) {
-  var media = _ref.media,
-    thumbnail = _ref.thumbnail,
-    width = _ref.width,
-    height = _ref.height,
-    mediaRef = _ref.mediaRef,
-    muted = _ref.muted,
-    autoPlay = _ref.autoPlay,
-    paused = _ref.paused,
-    loop = _ref.loop,
-    playsInline = _ref.playsInline,
-    preload = _ref.preload,
-    shouldLoad = _ref.shouldLoad,
-    withoutCors = _ref.withoutCors,
-    className = _ref.className,
-    innerClassName = _ref.innerClassName,
-    onReady = _ref.onReady,
-    customOnPlay = _ref.onPlay,
-    onPause = _ref.onPause,
-    onEnded = _ref.onEnded,
-    onSeeked = _ref.onSeeked,
-    onTimeUpdate = _ref.onTimeUpdate,
-    onProgressStep = _ref.onProgressStep,
-    customOnDurationChange = _ref.onDurationChange,
-    customOnVolumeChange = _ref.onVolumeChange,
-    customOnSuspend = _ref.onSuspend,
-    onSuspended = _ref.onSuspended,
-    onPlayError = _ref.onPlayError,
-    focusable = _ref.focusable,
-    withPoster = _ref.withPoster,
-    withLoading = _ref.withLoading,
-    disablePictureInPicture = _ref.disablePictureInPicture;
+function Video(_ref) {
+  var _ref$media = _ref.media,
+    media = _ref$media === void 0 ? null : _ref$media,
+    _ref$thumbnail = _ref.thumbnail,
+    thumbnail = _ref$thumbnail === void 0 ? null : _ref$thumbnail,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? null : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$mediaRef = _ref.mediaRef,
+    mediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
+    _ref$muted = _ref.muted,
+    muted = _ref$muted === void 0 ? false : _ref$muted,
+    _ref$autoPlay = _ref.autoPlay,
+    autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,
+    _ref$paused = _ref.paused,
+    paused = _ref$paused === void 0 ? false : _ref$paused,
+    _ref$loop = _ref.loop,
+    loop = _ref$loop === void 0 ? false : _ref$loop,
+    _ref$playsInline = _ref.playsInline,
+    playsInline = _ref$playsInline === void 0 ? true : _ref$playsInline,
+    _ref$preload = _ref.preload,
+    preload = _ref$preload === void 0 ? 'auto' : _ref$preload,
+    _ref$shouldLoad = _ref.shouldLoad,
+    shouldLoad = _ref$shouldLoad === void 0 ? true : _ref$shouldLoad,
+    _ref$withoutCors = _ref.withoutCors,
+    withoutCors = _ref$withoutCors === void 0 ? false : _ref$withoutCors,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$innerClassName = _ref.innerClassName,
+    innerClassName = _ref$innerClassName === void 0 ? null : _ref$innerClassName,
+    _ref$onReady = _ref.onReady,
+    onReady = _ref$onReady === void 0 ? null : _ref$onReady,
+    _ref$onPlay = _ref.onPlay,
+    customOnPlay = _ref$onPlay === void 0 ? null : _ref$onPlay,
+    _ref$onPause = _ref.onPause,
+    onPause = _ref$onPause === void 0 ? null : _ref$onPause,
+    _ref$onEnded = _ref.onEnded,
+    onEnded = _ref$onEnded === void 0 ? null : _ref$onEnded,
+    _ref$onSeeked = _ref.onSeeked,
+    onSeeked = _ref$onSeeked === void 0 ? null : _ref$onSeeked,
+    _ref$onTimeUpdate = _ref.onTimeUpdate,
+    onTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate,
+    _ref$onProgressStep = _ref.onProgressStep,
+    onProgressStep = _ref$onProgressStep === void 0 ? null : _ref$onProgressStep,
+    _ref$onDurationChange = _ref.onDurationChange,
+    customOnDurationChange = _ref$onDurationChange === void 0 ? null : _ref$onDurationChange,
+    _ref$onVolumeChange = _ref.onVolumeChange,
+    customOnVolumeChange = _ref$onVolumeChange === void 0 ? null : _ref$onVolumeChange,
+    _ref$onSuspend = _ref.onSuspend,
+    customOnSuspend = _ref$onSuspend === void 0 ? null : _ref$onSuspend,
+    _ref$onSuspended = _ref.onSuspended,
+    onSuspended = _ref$onSuspended === void 0 ? null : _ref$onSuspended,
+    _ref$onPlayError = _ref.onPlayError,
+    onPlayError = _ref$onPlayError === void 0 ? null : _ref$onPlayError,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable,
+    _ref$withPoster = _ref.withPoster,
+    withPoster = _ref$withPoster === void 0 ? false : _ref$withPoster,
+    _ref$withLoading = _ref.withLoading,
+    withLoading = _ref$withLoading === void 0 ? false : _ref$withLoading,
+    _ref$disablePictureIn = _ref.disablePictureInPicture,
+    disablePictureInPicture = _ref$disablePictureIn === void 0 ? true : _ref$disablePictureIn;
   var _ref2 = media || {},
     _ref2$url = _ref2.url,
     mediaUrl = _ref2$url === void 0 ? null : _ref2$url,
@@ -357,9 +318,7 @@ var Video = function Video(_ref) {
   })) : null, !isImageWithoutSourceFile && !ready && showLoading ? /*#__PURE__*/React.createElement(Spinner, {
     className: styles.spinner
   }) : null);
-};
-Video.propTypes = propTypes;
-Video.defaultProps = defaultProps;
+}
 var Video_default = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Video, Object.assign({
     mediaRef: ref

package/es/styles.css

@@ -0,0 +1 @@
+.micromag-element-video-container{position:relative}.micromag-element-video-container .micromag-element-video-media{display:block;width:100%}.micromag-element-video-container .micromag-element-video-spinner{height:100%;height:32px;left:0;left:50%;margin-left:-16px;margin-top:-16px;position:absolute;top:0;top:50%;width:100%;width:32px}.micromag-element-video-container.micromag-element-video-withSize .micromag-element-video-media{height:100%;left:0;position:absolute;top:0;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-video",
-    "version": "0.3.832",
+    "version": "0.4.6",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,6 +34,7 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -47,30 +48,30 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.832",
-        "@micromag/element-closed-captions": "^0.3.832",
+        "@babel/runtime": "^7.28.6",
+        "@micromag/core": "^0.4.6",
+        "@micromag/element-closed-captions": "^0.4.6",
         "classnames": "^2.2.6",
         "hls.js": "^1.5.15",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
-        "react-intl": "^6.6.4",
+        "lodash": "^4.17.23",
+        "react-intl": "^8.1.3",
         "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "cf8440c2851b864167a1f545aa56551d55473263",
+    "types": "es/index.d.ts"
 }