@applicaster/zapp-react-native-ui-components 13.0.0-alpha.6095951301 → 13.0.0-alpha.6518750342
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/Components/Cell/TvOSCellComponent.tsx +0 -4
- package/Components/Focusable/FocusableTvOS.tsx +1 -1
- package/Components/FocusableList/index.tsx +0 -1
- package/Components/MasterCell/DefaultComponents/Image/Image.ios.tsx +1 -1
- package/Components/MasterCell/hooks/useAsyncRendering/index.ts +2 -2
- package/Components/PlayerContainer/PlayerContainer.tsx +3 -7
- package/Components/VideoModal/ModalAnimation/AnimationComponent.tsx +1 -1
- package/package.json +5 -5
|
@@ -10,10 +10,6 @@ import { focusManager } from "@applicaster/zapp-react-native-utils/appUtils/focu
|
|
|
10
10
|
import { sendSelectCellEvent } from "@applicaster/zapp-react-native-utils/analyticsUtils";
|
|
11
11
|
import { noop } from "@applicaster/zapp-react-native-utils/functionUtils";
|
|
12
12
|
import { CellWithFocusable } from "./CellWithFocusable";
|
|
13
|
-
import { getCellState } from "./utils";
|
|
14
|
-
|
|
15
|
-
const _getCellState = (focused, selected) =>
|
|
16
|
-
getCellState({ focused, selected });
|
|
17
13
|
|
|
18
14
|
type Props = {
|
|
19
15
|
item: ZappEntry;
|
|
@@ -90,7 +90,7 @@ export class Focusable extends BaseFocusable<Props> {
|
|
|
90
90
|
onBlur(nativeEvent);
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
setFocus(
|
|
93
|
+
setFocus(_direction, callback) {
|
|
94
94
|
const focusMethods = [
|
|
95
95
|
{ method: this.willReceiveFocus },
|
|
96
96
|
{ method: this.focus, args: [callback] },
|
|
@@ -87,7 +87,6 @@ function FocusableListComponent<ItemT>(props: Props<ItemT>, ref) {
|
|
|
87
87
|
initialFocusDirection = "down",
|
|
88
88
|
data = [],
|
|
89
89
|
// eslint-disable-next-line unused-imports/no-unused-vars
|
|
90
|
-
onAllComponentsLoaded, // TODO: re-implement it
|
|
91
90
|
omitPropsPropagation = [],
|
|
92
91
|
} = props;
|
|
93
92
|
|
|
@@ -50,7 +50,7 @@ function Image({
|
|
|
50
50
|
// @ts-ignore
|
|
51
51
|
<MemoizedImage
|
|
52
52
|
style={style as ImageStyle}
|
|
53
|
-
onError={() => setErrorState(true)}
|
|
53
|
+
onError={React.useCallback(() => setErrorState(true), [])}
|
|
54
54
|
source={
|
|
55
55
|
shouldRenderImg ? withDimensions(source) : defaultPlaceHolderImage
|
|
56
56
|
}
|
|
@@ -8,7 +8,7 @@ import { MasterCellAsyncRenderManager } from "./MasterCellAsyncRenderManager";
|
|
|
8
8
|
const layoutMeasure = (viewRef, onMeasure) => {
|
|
9
9
|
viewRef?.measureLayout?.(
|
|
10
10
|
findNodeHandle(viewRef),
|
|
11
|
-
(
|
|
11
|
+
(_x, _y, width, height) => {
|
|
12
12
|
onMeasure({ width, height });
|
|
13
13
|
},
|
|
14
14
|
noop
|
|
@@ -16,7 +16,7 @@ const layoutMeasure = (viewRef, onMeasure) => {
|
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
const regularMeasure = (viewRef, onMeasure) => {
|
|
19
|
-
viewRef?.measure?.((
|
|
19
|
+
viewRef?.measure?.((_x, _y, width, height) => {
|
|
20
20
|
onMeasure({ width, height });
|
|
21
21
|
});
|
|
22
22
|
};
|
|
@@ -380,7 +380,7 @@ const PlayerContainerComponent = (props: Props) => {
|
|
|
380
380
|
}
|
|
381
381
|
};
|
|
382
382
|
|
|
383
|
-
const playerRemoteHandler = (
|
|
383
|
+
const playerRemoteHandler = (event, isLanguageOverlayVisible) => {
|
|
384
384
|
const { eventType } = event;
|
|
385
385
|
|
|
386
386
|
if (!isLanguageOverlayVisible && eventType === "menu") {
|
|
@@ -623,12 +623,8 @@ const PlayerContainerComponent = (props: Props) => {
|
|
|
623
623
|
<PlayerContainerContext.Consumer>
|
|
624
624
|
{(context) => (
|
|
625
625
|
<TVEventHandlerComponent
|
|
626
|
-
tvEventHandler={(
|
|
627
|
-
playerRemoteHandler(
|
|
628
|
-
component,
|
|
629
|
-
event,
|
|
630
|
-
context.isLanguageOverlayVisible
|
|
631
|
-
)
|
|
626
|
+
tvEventHandler={(_component, event) =>
|
|
627
|
+
playerRemoteHandler(event, context.isLanguageOverlayVisible)
|
|
632
628
|
}
|
|
633
629
|
>
|
|
634
630
|
<FocusableGroup
|
|
@@ -77,7 +77,7 @@ export const AnimationView = ({
|
|
|
77
77
|
const measureView = React.useCallback(() => {
|
|
78
78
|
if (isTabletLandscape && tabletLandscapePlayerTopPosition === 0) {
|
|
79
79
|
animationComponentRef.current.measure(
|
|
80
|
-
(
|
|
80
|
+
(_x, _y, _width, _height, _pageX, pageY) => {
|
|
81
81
|
setTabletLandscapePlayerTopPosition(pageY - 20);
|
|
82
82
|
}
|
|
83
83
|
);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@applicaster/zapp-react-native-ui-components",
|
|
3
|
-
"version": "13.0.0-alpha.
|
|
3
|
+
"version": "13.0.0-alpha.6518750342",
|
|
4
4
|
"description": "Applicaster Zapp React Native ui components for the Quick Brick App",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"types": "index.d.ts",
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
"redux-mock-store": "^1.5.3"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@applicaster/applicaster-types": "13.0.0-alpha.
|
|
38
|
-
"@applicaster/zapp-react-native-bridge": "13.0.0-alpha.
|
|
39
|
-
"@applicaster/zapp-react-native-redux": "13.0.0-alpha.
|
|
40
|
-
"@applicaster/zapp-react-native-utils": "13.0.0-alpha.
|
|
37
|
+
"@applicaster/applicaster-types": "13.0.0-alpha.6518750342",
|
|
38
|
+
"@applicaster/zapp-react-native-bridge": "13.0.0-alpha.6518750342",
|
|
39
|
+
"@applicaster/zapp-react-native-redux": "13.0.0-alpha.6518750342",
|
|
40
|
+
"@applicaster/zapp-react-native-utils": "13.0.0-alpha.6518750342",
|
|
41
41
|
"promise": "^8.3.0",
|
|
42
42
|
"react-router-native": "^5.1.2",
|
|
43
43
|
"url": "^0.11.0",
|