@micromag/screen-article 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 +15 -15
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, Text, BackgroundElement, Header, Footer } from '@micromag/core';
|
|
3
4
|
|
|
4
5
|
interface ArticleScreenProps {
|
|
@@ -17,9 +18,10 @@ interface ArticleScreenProps {
|
|
|
17
18
|
current?: boolean;
|
|
18
19
|
preload?: boolean;
|
|
19
20
|
type?: string | null;
|
|
21
|
+
mediaRef?: ForwardedRef<HTMLMediaElement> | null;
|
|
20
22
|
className?: string | null;
|
|
21
23
|
}
|
|
22
|
-
declare function ArticleScreen({ image, title, surtitle, date, author, subtitle, text, spacing, background, header, footer, current, preload, type, className, }: ArticleScreenProps): react_jsx_runtime.JSX.Element;
|
|
24
|
+
declare function ArticleScreen({ image, title, surtitle, date, author, subtitle, text, spacing, background, header, footer, current, preload, type, mediaRef: customMediaRef, className, }: ArticleScreenProps): react_jsx_runtime.JSX.Element;
|
|
23
25
|
|
|
24
26
|
declare const _default: {
|
|
25
27
|
id: string;
|
package/es/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { useMemo, 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, isImageFilled, getFooterProps } from '@micromag/core/utils';
|
|
11
|
+
import { isTextFilled, isHeaderFilled, isFooterFilled, isImageFilled, getFooterProps, mergeRefs } from '@micromag/core/utils';
|
|
12
12
|
import Author from '@micromag/element-author';
|
|
13
13
|
import Background from '@micromag/element-background';
|
|
14
14
|
import Container from '@micromag/element-container';
|
|
@@ -52,6 +52,8 @@ function ArticleScreen(_ref) {
|
|
|
52
52
|
preload = _ref$preload === void 0 ? true : _ref$preload,
|
|
53
53
|
_ref$type = _ref.type,
|
|
54
54
|
type = _ref$type === void 0 ? null : _ref$type,
|
|
55
|
+
_ref$mediaRef = _ref.mediaRef,
|
|
56
|
+
customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
|
|
55
57
|
_ref$className = _ref.className,
|
|
56
58
|
className = _ref$className === void 0 ? null : _ref$className;
|
|
57
59
|
var intl = useIntl();
|
|
@@ -326,7 +328,7 @@ function ArticleScreen(_ref) {
|
|
|
326
328
|
playing: backgroundPlaying,
|
|
327
329
|
muted: muted,
|
|
328
330
|
shouldLoad: mediaShouldLoad,
|
|
329
|
-
mediaRef: mediaRef,
|
|
331
|
+
mediaRef: mergeRefs(mediaRef, customMediaRef),
|
|
330
332
|
withoutVideo: isPreview,
|
|
331
333
|
className: styles.background
|
|
332
334
|
}) : null]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-article",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.71",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -57,19 +57,19 @@
|
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@babel/runtime": "^7.28.6",
|
|
60
|
-
"@micromag/core": "^0.4.
|
|
61
|
-
"@micromag/element-author": "^0.4.
|
|
62
|
-
"@micromag/element-background": "^0.4.
|
|
63
|
-
"@micromag/element-container": "^0.4.
|
|
64
|
-
"@micromag/element-footer": "^0.4.
|
|
65
|
-
"@micromag/element-header": "^0.4.
|
|
66
|
-
"@micromag/element-heading": "^0.4.
|
|
67
|
-
"@micromag/element-layout": "^0.4.
|
|
68
|
-
"@micromag/element-scroll": "^0.4.
|
|
69
|
-
"@micromag/element-stack": "^0.4.
|
|
70
|
-
"@micromag/element-text": "^0.4.
|
|
71
|
-
"@micromag/element-visual": "^0.4.
|
|
72
|
-
"@micromag/transforms": "^0.4.
|
|
60
|
+
"@micromag/core": "^0.4.71",
|
|
61
|
+
"@micromag/element-author": "^0.4.71",
|
|
62
|
+
"@micromag/element-background": "^0.4.71",
|
|
63
|
+
"@micromag/element-container": "^0.4.71",
|
|
64
|
+
"@micromag/element-footer": "^0.4.71",
|
|
65
|
+
"@micromag/element-header": "^0.4.71",
|
|
66
|
+
"@micromag/element-heading": "^0.4.71",
|
|
67
|
+
"@micromag/element-layout": "^0.4.71",
|
|
68
|
+
"@micromag/element-scroll": "^0.4.71",
|
|
69
|
+
"@micromag/element-stack": "^0.4.71",
|
|
70
|
+
"@micromag/element-text": "^0.4.71",
|
|
71
|
+
"@micromag/element-visual": "^0.4.71",
|
|
72
|
+
"@micromag/transforms": "^0.4.71",
|
|
73
73
|
"classnames": "^2.2.6",
|
|
74
74
|
"dayjs": "^1.11.10",
|
|
75
75
|
"lodash": "^4.17.23",
|
|
@@ -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
|
}
|