@micromag/screen-keypad 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 +18 -18
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, VisualElement, BoxStyle, TextStyle, Header, Footer, BackgroundElement } from '@micromag/core';
|
|
3
4
|
|
|
4
5
|
interface KeypadScreenProps {
|
|
@@ -46,9 +47,10 @@ interface KeypadScreenProps {
|
|
|
46
47
|
current?: boolean;
|
|
47
48
|
preload?: boolean;
|
|
48
49
|
withoutCloseButton?: boolean;
|
|
50
|
+
mediaRef?: ForwardedRef<HTMLMediaElement> | null;
|
|
49
51
|
className?: string | null;
|
|
50
52
|
}
|
|
51
|
-
declare function KeypadScreen({ items, title, subtitle, layout, spacing, keypadLayout, buttonStyles, popupStyles, header, footer, background, current, preload, withoutCloseButton, className, }: KeypadScreenProps): react_jsx_runtime.JSX.Element;
|
|
53
|
+
declare function KeypadScreen({ items, title, subtitle, layout, spacing, keypadLayout, buttonStyles, popupStyles, header, footer, background, current, preload, withoutCloseButton, mediaRef: customMediaRef, className, }: KeypadScreenProps): react_jsx_runtime.JSX.Element;
|
|
52
54
|
|
|
53
55
|
declare const _default: {
|
|
54
56
|
id: string;
|
package/es/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
|
|
|
10
10
|
import { Close, ScreenElement } from '@micromag/core/components';
|
|
11
11
|
import { usePlaybackContext, usePlaybackMediaRef, useScreenState, useScreenSize, useViewerContext, useViewerWebView, useViewerInteraction, useScreenRenderContext } from '@micromag/core/contexts';
|
|
12
12
|
import { useTrackScreenEvent, useDimensionObserver, useDragProgress } from '@micromag/core/hooks';
|
|
13
|
-
import { isHeaderFilled, isFooterFilled, getFooterProps, isTextFilled, camelCase, getStyleFromBox } from '@micromag/core/utils';
|
|
13
|
+
import { isHeaderFilled, isFooterFilled, getFooterProps, isTextFilled, camelCase, mergeRefs, getStyleFromBox } from '@micromag/core/utils';
|
|
14
14
|
import Background from '@micromag/element-background';
|
|
15
15
|
import Button, { RichButton } from '@micromag/element-button';
|
|
16
16
|
import CallToAction from '@micromag/element-call-to-action';
|
|
@@ -83,6 +83,8 @@ function KeypadScreen(_ref) {
|
|
|
83
83
|
preload = _ref$preload === void 0 ? true : _ref$preload,
|
|
84
84
|
_ref$withoutCloseButt = _ref.withoutCloseButton,
|
|
85
85
|
withoutCloseButton = _ref$withoutCloseButt === void 0 ? false : _ref$withoutCloseButt,
|
|
86
|
+
_ref$mediaRef = _ref.mediaRef,
|
|
87
|
+
customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
|
|
86
88
|
_ref$className = _ref.className,
|
|
87
89
|
className = _ref$className === void 0 ? null : _ref$className;
|
|
88
90
|
var containerRef = useRef(null);
|
|
@@ -520,7 +522,7 @@ function KeypadScreen(_ref) {
|
|
|
520
522
|
playing: backgroundPlaying,
|
|
521
523
|
muted: muted,
|
|
522
524
|
shouldLoad: mediaShouldLoad,
|
|
523
|
-
mediaRef: mediaRef,
|
|
525
|
+
mediaRef: mergeRefs(mediaRef, customMediaRef),
|
|
524
526
|
className: styles.background
|
|
525
527
|
}) : null, isView && !isPlaceholder && !withoutCloseButton ? /*#__PURE__*/jsx(animated.div, {
|
|
526
528
|
className: classNames([styles.fixedHeader, _defineProperty({}, styles.open, showPopup)]),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-keypad",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.71",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -66,22 +66,22 @@
|
|
|
66
66
|
},
|
|
67
67
|
"dependencies": {
|
|
68
68
|
"@babel/runtime": "^7.28.6",
|
|
69
|
-
"@micromag/core": "^0.4.
|
|
70
|
-
"@micromag/element-background": "^0.4.
|
|
71
|
-
"@micromag/element-button": "^0.4.
|
|
72
|
-
"@micromag/element-call-to-action": "^0.4.
|
|
73
|
-
"@micromag/element-container": "^0.4.
|
|
74
|
-
"@micromag/element-footer": "^0.4.
|
|
75
|
-
"@micromag/element-grid": "^0.4.
|
|
76
|
-
"@micromag/element-header": "^0.4.
|
|
77
|
-
"@micromag/element-heading": "^0.4.
|
|
78
|
-
"@micromag/element-keypad": "^0.4.
|
|
79
|
-
"@micromag/element-layout": "^0.4.
|
|
80
|
-
"@micromag/element-scroll": "^0.4.
|
|
81
|
-
"@micromag/element-text": "^0.4.
|
|
82
|
-
"@micromag/element-urbania-author": "^0.4.
|
|
83
|
-
"@micromag/element-visual": "^0.4.
|
|
84
|
-
"@micromag/transforms": "^0.4.
|
|
69
|
+
"@micromag/core": "^0.4.71",
|
|
70
|
+
"@micromag/element-background": "^0.4.71",
|
|
71
|
+
"@micromag/element-button": "^0.4.71",
|
|
72
|
+
"@micromag/element-call-to-action": "^0.4.71",
|
|
73
|
+
"@micromag/element-container": "^0.4.71",
|
|
74
|
+
"@micromag/element-footer": "^0.4.71",
|
|
75
|
+
"@micromag/element-grid": "^0.4.71",
|
|
76
|
+
"@micromag/element-header": "^0.4.71",
|
|
77
|
+
"@micromag/element-heading": "^0.4.71",
|
|
78
|
+
"@micromag/element-keypad": "^0.4.71",
|
|
79
|
+
"@micromag/element-layout": "^0.4.71",
|
|
80
|
+
"@micromag/element-scroll": "^0.4.71",
|
|
81
|
+
"@micromag/element-text": "^0.4.71",
|
|
82
|
+
"@micromag/element-urbania-author": "^0.4.71",
|
|
83
|
+
"@micromag/element-visual": "^0.4.71",
|
|
84
|
+
"@micromag/transforms": "^0.4.71",
|
|
85
85
|
"@react-spring/core": "^10.0.3",
|
|
86
86
|
"@react-spring/web": "^10.0.3",
|
|
87
87
|
"@use-gesture/react": "^10.3.0",
|
|
@@ -94,6 +94,6 @@
|
|
|
94
94
|
"access": "public",
|
|
95
95
|
"registry": "https://registry.npmjs.org/"
|
|
96
96
|
},
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "9101554bc5761e32b4a002a10d26800608c69773",
|
|
98
98
|
"types": "es/index.d.ts"
|
|
99
99
|
}
|