@micromag/screen-urbania-recommendation 0.4.70 → 0.4.71

package/es/index.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ForwardedRef } from 'react';
 import { HeadingElement, VisualElement, TextElement, Header, Footer, BackgroundElement, BoxStyle, Color } from '@micromag/core';
 
 interface UrbaniaRecommendationProps {
@@ -22,9 +23,10 @@ interface UrbaniaRecommendationProps {
     current?: boolean;
     active?: boolean;
     preload?: boolean;
+    mediaRef?: ForwardedRef<HTMLMediaElement> | null;
     className?: string | null;
 }
-declare function UrbaniaRecommendation({ layout, category, visual, title, date, location, description, sponsor, spacing, header, footer, background, cardBoxStyle, lineColor, withoutZoom, current, active, preload, className, }: UrbaniaRecommendationProps): react_jsx_runtime.JSX.Element;
+declare function UrbaniaRecommendation({ layout, category, visual, title, date, location, description, sponsor, spacing, header, footer, background, cardBoxStyle, lineColor, withoutZoom, current, active, preload, mediaRef: customMediaRef, className, }: UrbaniaRecommendationProps): react_jsx_runtime.JSX.Element;
 
 declare const _default: {
     id: string;

package/es/index.js

@@ -7,7 +7,7 @@ import { useState, useMemo, useEffect, useCallback } from 'react';
 import { Close, ScreenElement, MuteIcon, FullscreenIcon, PlaceholderImage, PlaceholderText, PlaceholderTitle } from '@micromag/core/components';
 import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useViewerInteraction, useScreenRenderContext } from '@micromag/core/contexts';
 import { useTrackScreenEvent, useResizeObserver } from '@micromag/core/hooks';
-import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getColorAsString, getStyleFromBox, getStyleFromText } from '@micromag/core/utils';
+import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getColorAsString, getStyleFromBox, mergeRefs, getStyleFromText } from '@micromag/core/utils';
 import Background from '@micromag/element-background';
 import Button from '@micromag/element-button';
 import Container from '@micromag/element-container';
@@ -59,6 +59,8 @@ function UrbaniaRecommendation(_ref) {
     active = _ref$active === void 0 ? true : _ref$active,
     _ref$preload = _ref.preload,
     preload = _ref$preload === void 0 ? true : _ref$preload,
+    _ref$mediaRef = _ref.mediaRef,
+    customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className;
   var intl = useIntl();
@@ -504,7 +506,7 @@ function UrbaniaRecommendation(_ref) {
                     },
                     children: [isVideo ? /*#__PURE__*/jsx(Visual, {
                       media: image,
-                      mediaRef: mediaRef,
+                      mediaRef: mergeRefs(mediaRef, customMediaRef),
                       width: visualModalTransitioning || visualModalOpened ? width : (width - 40) * 0.9 + 1 // ((width - margins) * card width + gapfix )
                       ,
                       height: visualModalTransitioning || visualModalOpened ? height : 250,
@@ -684,7 +686,7 @@ function UrbaniaRecommendation(_ref) {
         playing: backgroundPlaying && !visualModalOpened,
         muted: muted || visualModalOpened,
         shouldLoad: mediaShouldLoad,
-        mediaRef: mediaRef,
+        mediaRef: mergeRefs(mediaRef, customMediaRef),
         withoutVideo: isPreview,
         className: styles.background
       }), backgroundText !== null && finalBackgroundText.length > 0 ? /*#__PURE__*/jsx(Container, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-urbania-recommendation",
-    "version": "0.4.70",
+    "version": "0.4.71",
     "private": false,
     "description": "",
     "keywords": [
@@ -61,18 +61,18 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.69",
-        "@micromag/element-background": "^0.4.70",
-        "@micromag/element-button": "^0.4.70",
-        "@micromag/element-container": "^0.4.69",
-        "@micromag/element-footer": "^0.4.70",
-        "@micromag/element-header": "^0.4.69",
-        "@micromag/element-heading": "^0.4.69",
-        "@micromag/element-layout": "^0.4.69",
-        "@micromag/element-scroll": "^0.4.69",
-        "@micromag/element-text": "^0.4.69",
-        "@micromag/element-visual": "^0.4.70",
-        "@micromag/transforms": "^0.4.69",
+        "@micromag/core": "^0.4.71",
+        "@micromag/element-background": "^0.4.71",
+        "@micromag/element-button": "^0.4.71",
+        "@micromag/element-container": "^0.4.71",
+        "@micromag/element-footer": "^0.4.71",
+        "@micromag/element-header": "^0.4.71",
+        "@micromag/element-heading": "^0.4.71",
+        "@micromag/element-layout": "^0.4.71",
+        "@micromag/element-scroll": "^0.4.71",
+        "@micromag/element-text": "^0.4.71",
+        "@micromag/element-visual": "^0.4.71",
+        "@micromag/transforms": "^0.4.71",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -82,6 +82,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4f76a8f1ad594be2aadb4a593da5455da8afc8b6",
+    "gitHead": "9101554bc5761e32b4a002a10d26800608c69773",
     "types": "es/index.d.ts"
 }