@micromag/screen-conversation 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 +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, BackgroundElement, Header, Footer, Conversation, Transitions } from '@micromag/core';
|
|
3
4
|
|
|
4
5
|
interface ConversationScreenProps {
|
|
@@ -14,9 +15,10 @@ interface ConversationScreenProps {
|
|
|
14
15
|
type?: string | null;
|
|
15
16
|
conversation?: Conversation | null;
|
|
16
17
|
transitions?: Transitions | null;
|
|
18
|
+
mediaRef?: ForwardedRef<HTMLMediaElement> | null;
|
|
17
19
|
className?: string | null;
|
|
18
20
|
}
|
|
19
|
-
declare function ConversationScreen({ title, timing: timingMode, readingSpeed, spacing, background, header, footer, current, preload, type, conversation, transitions, className, }: ConversationScreenProps): react_jsx_runtime.JSX.Element;
|
|
21
|
+
declare function ConversationScreen({ title, timing: timingMode, readingSpeed, spacing, background, header, footer, current, preload, type, conversation, transitions, mediaRef: customMediaRef, className, }: ConversationScreenProps): react_jsx_runtime.JSX.Element;
|
|
20
22
|
|
|
21
23
|
declare const _default: {
|
|
22
24
|
id: string;
|
package/es/index.js
CHANGED
|
@@ -9,7 +9,7 @@ import { v1 } from 'uuid';
|
|
|
9
9
|
import { PlayIcon, PauseIcon, Button, ScreenElement, Transitions } from '@micromag/core/components';
|
|
10
10
|
import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
|
|
11
11
|
import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
|
|
12
|
-
import { getStyleFromColor, isHeaderFilled, isFooterFilled, getFooterProps, isTextFilled } from '@micromag/core/utils';
|
|
12
|
+
import { getStyleFromColor, isHeaderFilled, isFooterFilled, getFooterProps, 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';
|
|
@@ -283,6 +283,8 @@ function ConversationScreen(_ref) {
|
|
|
283
283
|
conversation = _ref$conversation === void 0 ? null : _ref$conversation,
|
|
284
284
|
_ref$transitions = _ref.transitions,
|
|
285
285
|
transitions = _ref$transitions === void 0 ? null : _ref$transitions,
|
|
286
|
+
_ref$mediaRef = _ref.mediaRef,
|
|
287
|
+
customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
|
|
286
288
|
_ref$className = _ref.className,
|
|
287
289
|
className = _ref$className === void 0 ? null : _ref$className;
|
|
288
290
|
var _useScreenSize = useScreenSize(),
|
|
@@ -547,7 +549,7 @@ function ConversationScreen(_ref) {
|
|
|
547
549
|
playing: backgroundPlaying,
|
|
548
550
|
muted: muted,
|
|
549
551
|
shouldLoad: mediaShouldLoad,
|
|
550
|
-
mediaRef: mediaRef,
|
|
552
|
+
mediaRef: mergeRefs(mediaRef, customMediaRef),
|
|
551
553
|
withoutVideo: isPreview,
|
|
552
554
|
className: styles.background
|
|
553
555
|
}) : null]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-conversation",
|
|
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/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-scroll": "^0.4.
|
|
72
|
-
"@micromag/element-text": "^0.4.
|
|
73
|
-
"@micromag/element-visual": "^0.4.
|
|
74
|
-
"@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-scroll": "^0.4.71",
|
|
72
|
+
"@micromag/element-text": "^0.4.71",
|
|
73
|
+
"@micromag/element-visual": "^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
|
}
|