@micromag/screen-ranking 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 +13 -13
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, TextStyle, BackgroundElement, Header, Footer } from '@micromag/core';
|
|
3
4
|
|
|
4
5
|
interface RankingScreenProps {
|
|
@@ -16,9 +17,10 @@ interface RankingScreenProps {
|
|
|
16
17
|
current?: boolean;
|
|
17
18
|
preload?: boolean;
|
|
18
19
|
type?: string | null;
|
|
20
|
+
mediaRef?: ForwardedRef<HTMLMediaElement> | null;
|
|
19
21
|
className?: string | null;
|
|
20
22
|
}
|
|
21
|
-
declare function RankingScreen({ layout, title, items, itemTitleStyle, itemDescriptionStyle, numbersStyle, ascending, spacing, background, header, footer, current, preload, type, className, }: RankingScreenProps): react_jsx_runtime.JSX.Element;
|
|
23
|
+
declare function RankingScreen({ layout, title, items, itemTitleStyle, itemDescriptionStyle, numbersStyle, ascending, spacing, background, header, footer, current, preload, type, mediaRef: customMediaRef, className, }: RankingScreenProps): react_jsx_runtime.JSX.Element;
|
|
22
24
|
|
|
23
25
|
declare const _default: {
|
|
24
26
|
id: string;
|
package/es/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { useState, useCallback } from 'react';
|
|
|
8
8
|
import { ScreenElement } from '@micromag/core/components';
|
|
9
9
|
import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
|
|
10
10
|
import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
|
|
11
|
-
import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps } from '@micromag/core/utils';
|
|
11
|
+
import { isTextFilled, 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';
|
|
@@ -51,6 +51,8 @@ function RankingScreen(_ref) {
|
|
|
51
51
|
preload = _ref$preload === void 0 ? true : _ref$preload,
|
|
52
52
|
_ref$type = _ref.type,
|
|
53
53
|
type = _ref$type === void 0 ? null : _ref$type,
|
|
54
|
+
_ref$mediaRef = _ref.mediaRef,
|
|
55
|
+
customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
|
|
54
56
|
_ref$className = _ref.className,
|
|
55
57
|
className = _ref$className === void 0 ? null : _ref$className;
|
|
56
58
|
var trackScreenEvent = useTrackScreenEvent(type);
|
|
@@ -260,7 +262,7 @@ function RankingScreen(_ref) {
|
|
|
260
262
|
playing: backgroundPlaying,
|
|
261
263
|
muted: muted,
|
|
262
264
|
shouldLoad: mediaShouldLoad,
|
|
263
|
-
mediaRef: mediaRef,
|
|
265
|
+
mediaRef: mergeRefs(mediaRef, customMediaRef),
|
|
264
266
|
withoutVideo: isPreview,
|
|
265
267
|
className: styles.background
|
|
266
268
|
}) : null]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-ranking",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.71",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -61,17 +61,17 @@
|
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
63
|
"@babel/runtime": "^7.28.6",
|
|
64
|
-
"@micromag/core": "^0.4.
|
|
65
|
-
"@micromag/data": "^0.4.
|
|
66
|
-
"@micromag/element-background": "^0.4.
|
|
67
|
-
"@micromag/element-container": "^0.4.
|
|
68
|
-
"@micromag/element-footer": "^0.4.
|
|
69
|
-
"@micromag/element-header": "^0.4.
|
|
70
|
-
"@micromag/element-heading": "^0.4.
|
|
71
|
-
"@micromag/element-layout": "^0.4.
|
|
72
|
-
"@micromag/element-scroll": "^0.4.
|
|
73
|
-
"@micromag/element-text": "^0.4.
|
|
74
|
-
"@micromag/transforms": "^0.4.
|
|
64
|
+
"@micromag/core": "^0.4.71",
|
|
65
|
+
"@micromag/data": "^0.4.71",
|
|
66
|
+
"@micromag/element-background": "^0.4.71",
|
|
67
|
+
"@micromag/element-container": "^0.4.71",
|
|
68
|
+
"@micromag/element-footer": "^0.4.71",
|
|
69
|
+
"@micromag/element-header": "^0.4.71",
|
|
70
|
+
"@micromag/element-heading": "^0.4.71",
|
|
71
|
+
"@micromag/element-layout": "^0.4.71",
|
|
72
|
+
"@micromag/element-scroll": "^0.4.71",
|
|
73
|
+
"@micromag/element-text": "^0.4.71",
|
|
74
|
+
"@micromag/transforms": "^0.4.71",
|
|
75
75
|
"classnames": "^2.2.6",
|
|
76
76
|
"lodash": "^4.17.23",
|
|
77
77
|
"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
|
}
|