@micromag/screen-image-360 0.4.69 → 0.4.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.d.ts +3 -1
- package/es/index.js +4 -2
- package/package.json +11 -11
package/es/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ForwardedRef } from 'react';
|
|
2
3
|
import { ImageMedia, BackgroundElement, Header, Footer } from '@micromag/core';
|
|
3
4
|
|
|
4
5
|
interface Image360ScreenProps {
|
|
@@ -11,9 +12,10 @@ interface Image360ScreenProps {
|
|
|
11
12
|
preload?: boolean;
|
|
12
13
|
type?: string | null;
|
|
13
14
|
spacing?: number;
|
|
15
|
+
mediaRef?: ForwardedRef<HTMLMediaElement> | null;
|
|
14
16
|
className?: string | null;
|
|
15
17
|
}
|
|
16
|
-
declare function Image360Screen({ layout: _layout, image, background, header, footer, current, preload, type, spacing, className, }: Image360ScreenProps): react_jsx_runtime.JSX.Element;
|
|
18
|
+
declare function Image360Screen({ layout: _layout, image, background, header, footer, current, preload, type, spacing, mediaRef: customMediaRef, className, }: Image360ScreenProps): react_jsx_runtime.JSX.Element;
|
|
17
19
|
|
|
18
20
|
declare const _default: {
|
|
19
21
|
id: string;
|
package/es/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { useState, useEffect, useRef, useCallback } from 'react';
|
|
|
8
8
|
import { ScreenElement, PlaceholderVideo360 } from '@micromag/core/components';
|
|
9
9
|
import { useScreenRenderContext, useScreenSize, useViewerNavigation, useViewerWebView, useViewerContext, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
|
|
10
10
|
import { useTrackScreenEvent, useDevicePixelRatio, useAnimationFrame } from '@micromag/core/hooks';
|
|
11
|
-
import { isHeaderFilled, isFooterFilled, getFooterProps } from '@micromag/core/utils';
|
|
11
|
+
import { isHeaderFilled, isFooterFilled, getFooterProps, mergeRefs } from '@micromag/core/utils';
|
|
12
12
|
import Background from '@micromag/element-background';
|
|
13
13
|
import Container from '@micromag/element-container';
|
|
14
14
|
import Footer from '@micromag/element-footer';
|
|
@@ -89,6 +89,8 @@ function Image360Screen(_ref) {
|
|
|
89
89
|
type = _ref$type === void 0 ? null : _ref$type,
|
|
90
90
|
_ref$spacing = _ref.spacing,
|
|
91
91
|
spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
|
|
92
|
+
_ref$mediaRef = _ref.mediaRef,
|
|
93
|
+
customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
|
|
92
94
|
_ref$className = _ref.className,
|
|
93
95
|
className = _ref$className === void 0 ? null : _ref$className;
|
|
94
96
|
var THREE = useThree();
|
|
@@ -446,7 +448,7 @@ function Image360Screen(_ref) {
|
|
|
446
448
|
playing: backgroundPlaying,
|
|
447
449
|
muted: muted,
|
|
448
450
|
shouldLoad: mediaShouldLoad,
|
|
449
|
-
mediaRef: mediaRef,
|
|
451
|
+
mediaRef: mergeRefs(mediaRef, customMediaRef),
|
|
450
452
|
withoutVideo: isPreview,
|
|
451
453
|
className: styles.background
|
|
452
454
|
}) : null]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-image-360",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.71",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -62,15 +62,15 @@
|
|
|
62
62
|
"dependencies": {
|
|
63
63
|
"@babel/runtime": "^7.28.6",
|
|
64
64
|
"@folklore/size": "^0.1.20",
|
|
65
|
-
"@micromag/core": "^0.4.
|
|
66
|
-
"@micromag/element-background": "^0.4.
|
|
67
|
-
"@micromag/element-closed-captions": "^0.4.
|
|
68
|
-
"@micromag/element-container": "^0.4.
|
|
69
|
-
"@micromag/element-footer": "^0.4.
|
|
70
|
-
"@micromag/element-header": "^0.4.
|
|
71
|
-
"@micromag/element-image": "^0.4.
|
|
72
|
-
"@micromag/element-video": "^0.4.
|
|
73
|
-
"@micromag/transforms": "^0.4.
|
|
65
|
+
"@micromag/core": "^0.4.71",
|
|
66
|
+
"@micromag/element-background": "^0.4.71",
|
|
67
|
+
"@micromag/element-closed-captions": "^0.4.71",
|
|
68
|
+
"@micromag/element-container": "^0.4.71",
|
|
69
|
+
"@micromag/element-footer": "^0.4.71",
|
|
70
|
+
"@micromag/element-header": "^0.4.71",
|
|
71
|
+
"@micromag/element-image": "^0.4.71",
|
|
72
|
+
"@micromag/element-video": "^0.4.71",
|
|
73
|
+
"@micromag/transforms": "^0.4.71",
|
|
74
74
|
"classnames": "^2.2.6",
|
|
75
75
|
"lodash": "^4.17.23",
|
|
76
76
|
"react-intl": "^8.1.3 || ^10.0.0",
|
|
@@ -81,6 +81,6 @@
|
|
|
81
81
|
"access": "public",
|
|
82
82
|
"registry": "https://registry.npmjs.org/"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "9101554bc5761e32b4a002a10d26800608c69773",
|
|
85
85
|
"types": "es/index.d.ts"
|
|
86
86
|
}
|