@micromag/element-visual 0.3.832 → 0.4.4

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-element-visual-container{overflow:hidden;position:relative}.micromag-element-visual-container .micromag-element-visual-videoContainer{overflow:hidden;position:absolute}.micromag-element-visual-container .micromag-element-visual-videoTag{pointer-events:auto}.micromag-element-visual-container .micromag-element-visual-videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}
+.container{overflow:hidden;position:relative}.container .videoContainer{overflow:hidden;position:absolute}.container .videoTag{pointer-events:auto}.container .videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}

package/es/index.d.ts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Media, ObjectFit } from '@micromag/core';
+
+interface VisualProps {
+    media?: Media | null;
+    mediaRef?: ((...args: unknown[]) => void | {
+        current?: unknown;
+    }) | null;
+    width?: number | string | null;
+    height?: number | string | null;
+    ratio?: number | null;
+    resolution?: number;
+    objectFit?: ObjectFit | null;
+    playing?: boolean;
+    muted?: boolean;
+    shouldLoad?: boolean;
+    loadingMode?: string | null;
+    videoLoop?: boolean;
+    withoutVideo?: boolean;
+    videoInitialMuted?: boolean;
+    onLoaded?: ((...args: unknown[]) => void) | null;
+    className?: string | null;
+    imageClassName?: string | null;
+    videoClassName?: string | null;
+    qualityStartLevel?: number | null;
+    onQualityLevelChange?: ((...args: unknown[]) => void) | null;
+}
+declare function Visual({ media, mediaRef, width, height, ratio, resolution, objectFit, playing, muted, loadingMode, shouldLoad, videoLoop, videoInitialMuted, onLoaded: onParentLoaded, className, imageClassName, videoClassName, withoutVideo, qualityStartLevel, onQualityLevelChange, ...props }: VisualProps): react_jsx_runtime.JSX.Element;
+
+export { Visual as default };

package/es/index.js

@@ -3,84 +3,54 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { getSizeWithinBounds } from '@folklore/size';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React, { useMemo, useCallback } from 'react';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { useIsVisible } from '@micromag/core/hooks';
 import Image from '@micromag/element-image';
 import Video from '@micromag/element-video';
 
-var styles = {"container":"micromag-element-visual-container","videoContainer":"micromag-element-visual-videoContainer","videoTag":"micromag-element-visual-videoTag","videoTouchOverlay":"micromag-element-visual-videoTouchOverlay"};
+var styles = {"container":"container","videoContainer":"videoContainer","videoTag":"videoTag","videoTouchOverlay":"videoTouchOverlay"};
 
 var _excluded = ["media", "mediaRef", "width", "height", "ratio", "resolution", "objectFit", "playing", "muted", "loadingMode", "shouldLoad", "videoLoop", "videoInitialMuted", "onLoaded", "className", "imageClassName", "videoClassName", "withoutVideo", "qualityStartLevel", "onQualityLevelChange"];
-var propTypes = {
-  media: PropTypes$1.media,
-  mediaRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    // eslint-disable-next-line react/forbid-prop-types
-    current: PropTypes.any
-  })]),
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  ratio: PropTypes.number,
-  resolution: PropTypes.number,
-  objectFit: PropTypes$1.objectFit,
-  playing: PropTypes.bool,
-  muted: PropTypes.bool,
-  shouldLoad: PropTypes.bool,
-  loadingMode: PropTypes.string,
-  videoLoop: PropTypes.bool,
-  withoutVideo: PropTypes.bool,
-  videoInitialMuted: PropTypes.bool,
-  onLoaded: PropTypes.func,
-  className: PropTypes.string,
-  imageClassName: PropTypes.string,
-  videoClassName: PropTypes.string,
-  qualityStartLevel: PropTypes.number,
-  onQualityLevelChange: PropTypes.func
-};
-var defaultProps = {
-  media: null,
-  mediaRef: null,
-  width: null,
-  height: null,
-  ratio: null,
-  resolution: 1,
-  objectFit: null,
-  playing: true,
-  muted: true,
-  loadingMode: null,
-  shouldLoad: true,
-  videoLoop: true,
-  withoutVideo: false,
-  videoInitialMuted: true,
-  onLoaded: null,
-  className: null,
-  imageClassName: null,
-  videoClassName: null,
-  qualityStartLevel: null,
-  onQualityLevelChange: null
-};
-var Visual = function Visual(_ref) {
-  var media = _ref.media,
-    mediaRef = _ref.mediaRef,
-    width = _ref.width,
-    height = _ref.height,
-    ratio = _ref.ratio,
-    resolution = _ref.resolution,
-    objectFit = _ref.objectFit,
-    playing = _ref.playing,
-    muted = _ref.muted,
-    loadingMode = _ref.loadingMode,
-    shouldLoad = _ref.shouldLoad,
-    videoLoop = _ref.videoLoop;
+function Visual(_ref) {
+  var _ref$media = _ref.media,
+    media = _ref$media === void 0 ? null : _ref$media,
+    _ref$mediaRef = _ref.mediaRef,
+    mediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
+    _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$ratio = _ref.ratio,
+    ratio = _ref$ratio === void 0 ? null : _ref$ratio,
+    _ref$resolution = _ref.resolution,
+    resolution = _ref$resolution === void 0 ? 1 : _ref$resolution,
+    _ref$objectFit = _ref.objectFit,
+    objectFit = _ref$objectFit === void 0 ? null : _ref$objectFit,
+    _ref$playing = _ref.playing,
+    playing = _ref$playing === void 0 ? true : _ref$playing,
+    _ref$muted = _ref.muted,
+    muted = _ref$muted === void 0 ? true : _ref$muted,
+    _ref$loadingMode = _ref.loadingMode,
+    loadingMode = _ref$loadingMode === void 0 ? null : _ref$loadingMode,
+    _ref$shouldLoad = _ref.shouldLoad,
+    shouldLoad = _ref$shouldLoad === void 0 ? true : _ref$shouldLoad,
+    _ref$videoLoop = _ref.videoLoop,
+    videoLoop = _ref$videoLoop === void 0 ? true : _ref$videoLoop;
     _ref.videoInitialMuted;
-    var onParentLoaded = _ref.onLoaded,
-    className = _ref.className,
-    imageClassName = _ref.imageClassName,
-    videoClassName = _ref.videoClassName,
-    withoutVideo = _ref.withoutVideo,
-    qualityStartLevel = _ref.qualityStartLevel,
-    onQualityLevelChange = _ref.onQualityLevelChange,
+    var _ref$onLoaded = _ref.onLoaded,
+    onParentLoaded = _ref$onLoaded === void 0 ? null : _ref$onLoaded,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$imageClassName = _ref.imageClassName,
+    imageClassName = _ref$imageClassName === void 0 ? null : _ref$imageClassName,
+    _ref$videoClassName = _ref.videoClassName,
+    videoClassName = _ref$videoClassName === void 0 ? null : _ref$videoClassName,
+    _ref$withoutVideo = _ref.withoutVideo,
+    withoutVideo = _ref$withoutVideo === void 0 ? false : _ref$withoutVideo,
+    _ref$qualityStartLeve = _ref.qualityStartLevel,
+    qualityStartLevel = _ref$qualityStartLeve === void 0 ? null : _ref$qualityStartLeve,
+    _ref$onQualityLevelCh = _ref.onQualityLevelChange,
+    onQualityLevelChange = _ref$onQualityLevelCh === void 0 ? null : _ref$onQualityLevelCh,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = media || {},
     _ref2$type = _ref2.type,
@@ -186,8 +156,6 @@ var Visual = function Visual(_ref) {
   })), /*#__PURE__*/React.createElement("div", {
     className: styles.videoTouchOverlay
   }))) : null) : null;
-};
-Visual.propTypes = propTypes;
-Visual.defaultProps = defaultProps;
+}
 
 export { Visual as default };

package/es/styles.css

@@ -0,0 +1 @@
+.container{overflow:hidden;position:relative}.container .videoContainer{overflow:hidden;position:absolute}.container .videoTag{pointer-events:auto}.container .videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-visual",
-    "version": "0.3.832",
+    "version": "0.4.4",
     "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,29 +48,29 @@
     "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",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.832",
-        "@micromag/element-image": "^0.3.832",
-        "@micromag/element-video": "^0.3.832",
+        "@micromag/core": "^0.4.4",
+        "@micromag/element-image": "^0.4.4",
+        "@micromag/element-video": "^0.4.4",
         "classnames": "^2.2.6",
-        "prop-types": "^15.7.2",
         "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }