@applicaster/zapp-react-native-ui-components 13.0.0-alpha.7122212380 → 13.0.0-alpha.7196055925
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/MasterCell/dataAdapter.ts +3 -10
- package/Components/MasterCell/utils/index.ts +6 -20
- package/Components/ModalComponent/Header/index.tsx +3 -3
- package/Components/River/ComponentsMap/ComponentsMap.tsx +39 -65
- package/Components/River/ComponentsMap/hooks/useLoadingState.ts +78 -51
- package/Components/River/RiverFooter.tsx +39 -9
- package/Components/River/RiverItem.tsx +37 -2
- package/Components/River/__tests__/__snapshots__/componentsMap.test.js.snap +148 -31
- package/Components/River/__tests__/componentsMap.test.js +3 -4
- package/Components/Screen/hooks.ts +56 -0
- package/Components/Screen/index.tsx +13 -39
- package/Components/Transitioner/Scene.tsx +52 -23
- package/Components/Transitioner/__tests__/__snapshots__/Scene.test.js.snap +59 -43
- package/Components/Transitioner/__tests__/__snapshots__/transitioner.test.js.snap +2 -2
- package/Components/Transitioner/index.js +8 -4
- package/Components/VideoLive/PlayerLiveImageComponent.tsx +11 -5
- package/Components/default-cell-renderer/__tests__/defaultCellRenderer.test.tsx +3 -7
- package/Components/default-cell-renderer/viewTrees/tv/DefaultCell/__tests__/DefaultCell.test.tsx +1 -5
- package/package.json +5 -5
|
@@ -44,7 +44,10 @@ type Props = {
|
|
|
44
44
|
};
|
|
45
45
|
|
|
46
46
|
const PlayerLiveImageComponent = (props: Props) => {
|
|
47
|
-
const dimensions = useDimensions("screen", {
|
|
47
|
+
const dimensions = useDimensions("screen", {
|
|
48
|
+
fullDimensions: true,
|
|
49
|
+
updateForInactiveScreens: false,
|
|
50
|
+
});
|
|
48
51
|
|
|
49
52
|
const { item, style, playerId } = props;
|
|
50
53
|
|
|
@@ -135,13 +138,16 @@ const PlayerLiveImageComponent = (props: Props) => {
|
|
|
135
138
|
} else {
|
|
136
139
|
throw new Error("Player factory item is null");
|
|
137
140
|
}
|
|
138
|
-
}, [playerId, item, playerPluginId, screenConfig]);
|
|
141
|
+
}, [playerId, item.id, playerPluginId, screenConfig]);
|
|
139
142
|
|
|
140
143
|
React.useEffect(() => {
|
|
141
144
|
liveImageItem.setMode = setModeDebounced;
|
|
142
145
|
}, [setModeDebounced, liveImageItem]);
|
|
143
146
|
|
|
144
|
-
const { start, end } = React.useMemo(
|
|
147
|
+
const { start, end } = React.useMemo(
|
|
148
|
+
() => getAutoplaySettings(item),
|
|
149
|
+
[item.id]
|
|
150
|
+
);
|
|
145
151
|
|
|
146
152
|
const controller = liveImageItem.getPlayer();
|
|
147
153
|
const player = usePlayer(playerId);
|
|
@@ -174,7 +180,7 @@ const PlayerLiveImageComponent = (props: Props) => {
|
|
|
174
180
|
|
|
175
181
|
unregister();
|
|
176
182
|
};
|
|
177
|
-
}, [item, liveImageItem]);
|
|
183
|
+
}, [item.id, liveImageItem]);
|
|
178
184
|
|
|
179
185
|
React.useEffect(() => {
|
|
180
186
|
if (!player) {
|
|
@@ -304,7 +310,7 @@ const PlayerLiveImageComponent = (props: Props) => {
|
|
|
304
310
|
LiveImageManager.instance.checkPlayerPosition(liveImageItem);
|
|
305
311
|
}
|
|
306
312
|
},
|
|
307
|
-
[liveImageItem, dimensions]
|
|
313
|
+
[liveImageItem, dimensions.height, dimensions.width]
|
|
308
314
|
);
|
|
309
315
|
|
|
310
316
|
const platformSpecificProps = isApplePlatform()
|
|
@@ -25,10 +25,6 @@ const cell_styles = "style";
|
|
|
25
25
|
|
|
26
26
|
const configuration = { component, styles, cell_styles } as const;
|
|
27
27
|
|
|
28
|
-
const entry = {
|
|
29
|
-
id: "test",
|
|
30
|
-
};
|
|
31
|
-
|
|
32
28
|
describe("DefaultCellRenderer", () => {
|
|
33
29
|
it("is a function", () => {
|
|
34
30
|
expect(DefaultCellRenderer).toBeFunction();
|
|
@@ -42,7 +38,7 @@ describe("DefaultCellRenderer", () => {
|
|
|
42
38
|
|
|
43
39
|
it("returns a react component and it renders correctly", () => {
|
|
44
40
|
const CellRenderer = DefaultCellRenderer(configuration);
|
|
45
|
-
const wrapper = shallow(<CellRenderer store={null}
|
|
41
|
+
const wrapper = shallow(<CellRenderer store={null} />);
|
|
46
42
|
|
|
47
43
|
expect(shallowToJson(wrapper)).toMatchSnapshot();
|
|
48
44
|
});
|
|
@@ -51,7 +47,7 @@ describe("DefaultCellRenderer", () => {
|
|
|
51
47
|
Platform.OS = "lg_tv";
|
|
52
48
|
|
|
53
49
|
const CellRenderer = DefaultCellRenderer(configuration);
|
|
54
|
-
const wrapper = shallow(<CellRenderer store={null}
|
|
50
|
+
const wrapper = shallow(<CellRenderer store={null} />);
|
|
55
51
|
|
|
56
52
|
expect(shallowToJson(wrapper)).toMatchSnapshot();
|
|
57
53
|
});
|
|
@@ -60,7 +56,7 @@ describe("DefaultCellRenderer", () => {
|
|
|
60
56
|
Platform.OS = "samsung_tv";
|
|
61
57
|
|
|
62
58
|
const CellRenderer = DefaultCellRenderer(configuration);
|
|
63
|
-
const wrapper = shallow(<CellRenderer store={null}
|
|
59
|
+
const wrapper = shallow(<CellRenderer store={null} />);
|
|
64
60
|
|
|
65
61
|
expect(shallowToJson(wrapper)).toMatchSnapshot();
|
|
66
62
|
});
|
package/Components/default-cell-renderer/viewTrees/tv/DefaultCell/__tests__/DefaultCell.test.tsx
CHANGED
|
@@ -18,10 +18,6 @@ const {
|
|
|
18
18
|
|
|
19
19
|
const { DefaultCell } = require("../");
|
|
20
20
|
|
|
21
|
-
const entry = {
|
|
22
|
-
id: "test",
|
|
23
|
-
};
|
|
24
|
-
|
|
25
21
|
describe("DefaultCell", () => {
|
|
26
22
|
it("is a function", () => {
|
|
27
23
|
expect(DefaultCell).toBeFunction();
|
|
@@ -41,7 +37,7 @@ describe("DefaultCell", () => {
|
|
|
41
37
|
cellConfiguration: DefaultCell(styles),
|
|
42
38
|
});
|
|
43
39
|
|
|
44
|
-
const wrapper = shallow(<CellRenderer
|
|
40
|
+
const wrapper = shallow(<CellRenderer />);
|
|
45
41
|
|
|
46
42
|
expect(wrapper.find("_Text").first().prop("style").color).toEqual(
|
|
47
43
|
"rgba(239,239,239,1.0)"
|
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.7196055925",
|
|
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.7196055925",
|
|
38
|
+
"@applicaster/zapp-react-native-bridge": "13.0.0-alpha.7196055925",
|
|
39
|
+
"@applicaster/zapp-react-native-redux": "13.0.0-alpha.7196055925",
|
|
40
|
+
"@applicaster/zapp-react-native-utils": "13.0.0-alpha.7196055925",
|
|
41
41
|
"promise": "^8.3.0",
|
|
42
42
|
"react-router-native": "^5.1.2",
|
|
43
43
|
"url": "^0.11.0",
|