@micromag/screen-title 0.4.70 → 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 { HeadingElement, TextElement, BoxStyle, Label, Header, Footer, BackgroundElement } from '@micromag/core';
|
|
3
4
|
|
|
4
5
|
interface TitleScreenProps {
|
|
@@ -18,9 +19,10 @@ interface TitleScreenProps {
|
|
|
18
19
|
current?: boolean;
|
|
19
20
|
active?: boolean;
|
|
20
21
|
transitionStagger?: number;
|
|
22
|
+
mediaRef?: ForwardedRef<HTMLMediaElement> | null;
|
|
21
23
|
className?: string | null;
|
|
22
24
|
}
|
|
23
|
-
declare function TitleScreen({ layout, title, subtitle, description, boxStyle, withSubtitle, withDescription, withBox, spacing, descriptionEmptyLabel, header, footer, background, current, active, className, }: TitleScreenProps): react_jsx_runtime.JSX.Element;
|
|
25
|
+
declare function TitleScreen({ layout, title, subtitle, description, boxStyle, withSubtitle, withDescription, withBox, spacing, descriptionEmptyLabel, header, footer, background, current, active, mediaRef: customMediaRef, className, }: TitleScreenProps): react_jsx_runtime.JSX.Element;
|
|
24
26
|
|
|
25
27
|
interface TitleSubtitleCreditsScreenProps {
|
|
26
28
|
credits?: TextElement | null;
|
package/es/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { ScreenElement } from '@micromag/core/components';
|
|
6
6
|
import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
|
|
7
|
-
import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getStyleFromBox } from '@micromag/core/utils';
|
|
7
|
+
import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getStyleFromBox, mergeRefs } from '@micromag/core/utils';
|
|
8
8
|
import Background from '@micromag/element-background';
|
|
9
9
|
import Container from '@micromag/element-container';
|
|
10
10
|
import Footer from '@micromag/element-footer';
|
|
@@ -56,6 +56,8 @@ function TitleScreen(_ref) {
|
|
|
56
56
|
current = _ref$current === void 0 ? true : _ref$current,
|
|
57
57
|
_ref$active = _ref.active,
|
|
58
58
|
active = _ref$active === void 0 ? true : _ref$active,
|
|
59
|
+
_ref$mediaRef = _ref.mediaRef,
|
|
60
|
+
customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
|
|
59
61
|
_ref$className = _ref.className,
|
|
60
62
|
className = _ref$className === void 0 ? null : _ref$className;
|
|
61
63
|
var _useScreenSize = useScreenSize(),
|
|
@@ -196,7 +198,7 @@ function TitleScreen(_ref) {
|
|
|
196
198
|
playing: backgroundPlaying,
|
|
197
199
|
muted: muted,
|
|
198
200
|
shouldLoad: backgroundShouldLoad,
|
|
199
|
-
mediaRef: mediaRef,
|
|
201
|
+
mediaRef: mergeRefs(mediaRef, customMediaRef),
|
|
200
202
|
withoutVideo: isPreview,
|
|
201
203
|
className: styles.background
|
|
202
204
|
}) : null]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-title",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.71",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -61,15 +61,15 @@
|
|
|
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-header": "^0.4.
|
|
69
|
-
"@micromag/element-heading": "^0.4.
|
|
70
|
-
"@micromag/element-layout": "^0.4.
|
|
71
|
-
"@micromag/element-text": "^0.4.
|
|
72
|
-
"@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-header": "^0.4.71",
|
|
69
|
+
"@micromag/element-heading": "^0.4.71",
|
|
70
|
+
"@micromag/element-layout": "^0.4.71",
|
|
71
|
+
"@micromag/element-text": "^0.4.71",
|
|
72
|
+
"@micromag/transforms": "^0.4.71",
|
|
73
73
|
"classnames": "^2.2.6",
|
|
74
74
|
"lodash": "^4.17.23",
|
|
75
75
|
"react-intl": "^8.1.3 || ^10.0.0",
|
|
@@ -79,6 +79,6 @@
|
|
|
79
79
|
"access": "public",
|
|
80
80
|
"registry": "https://registry.npmjs.org/"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "9101554bc5761e32b4a002a10d26800608c69773",
|
|
83
83
|
"types": "es/index.d.ts"
|
|
84
84
|
}
|