@micromag/screen-gallery 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 +12 -12
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, ImageElement, TextStyle, BackgroundElement, Header, Footer } from '@micromag/core';
|
|
3
4
|
|
|
4
5
|
interface GalleryScreenProps {
|
|
@@ -14,9 +15,10 @@ interface GalleryScreenProps {
|
|
|
14
15
|
current?: boolean;
|
|
15
16
|
active?: boolean;
|
|
16
17
|
preload?: boolean;
|
|
18
|
+
mediaRef?: ForwardedRef<HTMLMediaElement> | null;
|
|
17
19
|
className?: string | null;
|
|
18
20
|
}
|
|
19
|
-
declare function GalleryScreen({ layout, images, withCaptions, imageCaptionStyle, background, header, footer, current, active, preload, spacing: initialSpacing, captionMaxLines, className, }: GalleryScreenProps): react_jsx_runtime.JSX.Element;
|
|
21
|
+
declare function GalleryScreen({ layout, images, withCaptions, imageCaptionStyle, background, header, footer, current, active, preload, spacing: initialSpacing, captionMaxLines, mediaRef: customMediaRef, className, }: GalleryScreenProps): react_jsx_runtime.JSX.Element;
|
|
20
22
|
|
|
21
23
|
declare function GalleryCaptionsScreen({ ...props }: {
|
|
22
24
|
[x: string]: any;
|
package/es/index.js
CHANGED
|
@@ -9,7 +9,7 @@ import { useState, useCallback, useRef, useEffect } from 'react';
|
|
|
9
9
|
import { ScreenElement } from '@micromag/core/components';
|
|
10
10
|
import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
|
|
11
11
|
import { useDimensionObserver } from '@micromag/core/hooks';
|
|
12
|
-
import { isHeaderFilled, isFooterFilled, getFooterProps, isImageFilled, isTextFilled } from '@micromag/core/utils';
|
|
12
|
+
import { isHeaderFilled, isFooterFilled, getFooterProps, isImageFilled, isTextFilled, mergeRefs } from '@micromag/core/utils';
|
|
13
13
|
import Background from '@micromag/element-background';
|
|
14
14
|
import Container from '@micromag/element-container';
|
|
15
15
|
import Footer from '@micromag/element-footer';
|
|
@@ -219,6 +219,8 @@ function GalleryScreen(_ref) {
|
|
|
219
219
|
initialSpacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
|
|
220
220
|
_ref$captionMaxLines = _ref.captionMaxLines,
|
|
221
221
|
captionMaxLines = _ref$captionMaxLines === void 0 ? 2 : _ref$captionMaxLines,
|
|
222
|
+
_ref$mediaRef = _ref.mediaRef,
|
|
223
|
+
customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
|
|
222
224
|
_ref$className = _ref.className,
|
|
223
225
|
className = _ref$className === void 0 ? null : _ref$className;
|
|
224
226
|
var _useScreenSize = useScreenSize(),
|
|
@@ -430,7 +432,7 @@ function GalleryScreen(_ref) {
|
|
|
430
432
|
playing: backgroundPlaying,
|
|
431
433
|
muted: muted,
|
|
432
434
|
shouldLoad: mediaShouldLoad,
|
|
433
|
-
mediaRef: mediaRef,
|
|
435
|
+
mediaRef: mergeRefs(mediaRef, customMediaRef),
|
|
434
436
|
withoutVideo: isPreview,
|
|
435
437
|
className: styles.background
|
|
436
438
|
}) : null]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-gallery",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.71",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -61,16 +61,16 @@
|
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
63
|
"@babel/runtime": "^7.28.6",
|
|
64
|
-
"@micromag/core": "^0.4.
|
|
65
|
-
"@micromag/element-background": "^0.4.
|
|
66
|
-
"@micromag/element-container": "^0.4.
|
|
67
|
-
"@micromag/element-footer": "^0.4.
|
|
68
|
-
"@micromag/element-grid": "^0.4.
|
|
69
|
-
"@micromag/element-header": "^0.4.
|
|
70
|
-
"@micromag/element-layout": "^0.4.
|
|
71
|
-
"@micromag/element-text": "^0.4.
|
|
72
|
-
"@micromag/element-visual": "^0.4.
|
|
73
|
-
"@micromag/transforms": "^0.4.
|
|
64
|
+
"@micromag/core": "^0.4.71",
|
|
65
|
+
"@micromag/element-background": "^0.4.71",
|
|
66
|
+
"@micromag/element-container": "^0.4.71",
|
|
67
|
+
"@micromag/element-footer": "^0.4.71",
|
|
68
|
+
"@micromag/element-grid": "^0.4.71",
|
|
69
|
+
"@micromag/element-header": "^0.4.71",
|
|
70
|
+
"@micromag/element-layout": "^0.4.71",
|
|
71
|
+
"@micromag/element-text": "^0.4.71",
|
|
72
|
+
"@micromag/element-visual": "^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",
|
|
@@ -80,6 +80,6 @@
|
|
|
80
80
|
"access": "public",
|
|
81
81
|
"registry": "https://registry.npmjs.org/"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "9101554bc5761e32b4a002a10d26800608c69773",
|
|
84
84
|
"types": "es/index.d.ts"
|
|
85
85
|
}
|