@evlop/native-components 1.0.153 → 1.0.155
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderTabs/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,KAAK,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderTabs/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAOzE,UAAU,GAAI,SAAQ,KAAK;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,EAAE,CAAC;CACjB;AAED,UAAU,eAAe;IACrB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,qBAAqB,CAAC,EAAE,GAAG,CAAC;CAC/B;AAcD,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,eAAe,eAsEnE;AAgBD,eAAe,UAAU,CAAC"}
|
|
@@ -32,8 +32,13 @@ const react_native_1 = require("react-native");
|
|
|
32
32
|
const RenderBlocks_1 = __importDefault(require("../RenderBlocks"));
|
|
33
33
|
const commons_1 = require("@evlop/commons");
|
|
34
34
|
const native_1 = require("@react-navigation/native");
|
|
35
|
+
const View_1 = __importDefault(require("../View"));
|
|
36
|
+
const renderLazyPlaceholder = () => {
|
|
37
|
+
return (react_1.default.createElement(View_1.default, { p: "md" },
|
|
38
|
+
react_1.default.createElement(View_1.default, { width: "100%", height: "100%", backgroundColor: "gray-100", borderRadius: 10 })));
|
|
39
|
+
};
|
|
35
40
|
function RenderTabs({ tabs, animatedScrollPostion }) {
|
|
36
|
-
var _a, _b, _c
|
|
41
|
+
var _a, _b, _c;
|
|
37
42
|
const layout = (0, react_native_1.useWindowDimensions)();
|
|
38
43
|
const [index, setIndex] = (0, react_1.useState)(0);
|
|
39
44
|
const theme = (0, commons_1.useTheme)();
|
|
@@ -41,13 +46,19 @@ function RenderTabs({ tabs, animatedScrollPostion }) {
|
|
|
41
46
|
const tabIdFromParams = (_a = route.params) === null || _a === void 0 ? void 0 : _a.tab;
|
|
42
47
|
const tabBackgroundColor = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b['body-background'];
|
|
43
48
|
const tabTintColor = (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c['primary'];
|
|
44
|
-
const
|
|
45
|
-
const
|
|
49
|
+
const tabRoutes = (0, react_1.useMemo)(() => tabs.map((tab) => ({ key: tab.id, title: tab.label, blocks: tab.blocks })), [tabs]);
|
|
50
|
+
const onIndexChange = (0, react_1.useCallback)((index) => {
|
|
51
|
+
setIndex(index);
|
|
52
|
+
if (react_native_1.Platform.OS === 'web') {
|
|
53
|
+
// @ts-ignore
|
|
54
|
+
commons_1.remoteAction.do({ setParams: { tab: tabRoutes[index].key } });
|
|
55
|
+
}
|
|
56
|
+
}, [tabRoutes]);
|
|
46
57
|
// Watch for tab parameter changes
|
|
47
58
|
(0, react_1.useEffect)(() => {
|
|
48
59
|
if (!tabIdFromParams)
|
|
49
60
|
return;
|
|
50
|
-
const tabIndex =
|
|
61
|
+
const tabIndex = tabRoutes.findIndex(route => route.key === tabIdFromParams);
|
|
51
62
|
if (tabIndex >= 0)
|
|
52
63
|
setIndex(tabIndex);
|
|
53
64
|
}, [tabIdFromParams]);
|
|
@@ -59,8 +70,8 @@ function RenderTabs({ tabs, animatedScrollPostion }) {
|
|
|
59
70
|
const renderScene = ({ route }) => {
|
|
60
71
|
return (react_1.default.createElement(RenderBlocks_1.default, { blocks: route.blocks, animatedScrollPostion: animatedScrollPostion }));
|
|
61
72
|
};
|
|
62
|
-
const renderTabBar = (props) => (react_1.default.createElement(react_native_tab_view_1.TabBar, Object.assign({}, props, { scrollEnabled:
|
|
63
|
-
return (react_1.default.createElement(react_native_tab_view_1.TabView, { navigationState: { index, routes }, tabBarPosition: "top", lazy: true, renderScene: renderScene, onIndexChange:
|
|
73
|
+
const renderTabBar = (props) => (react_1.default.createElement(react_native_tab_view_1.TabBar, Object.assign({}, props, { scrollEnabled: true, style: tabBarStyles.tabBar, labelStyle: tabBarStyles.label, indicatorStyle: tabBarStyles.indicator, activeColor: tabTintColor, inactiveColor: tabTintColor })));
|
|
74
|
+
return (react_1.default.createElement(react_native_tab_view_1.TabView, { navigationState: { index, routes: tabRoutes }, tabBarPosition: "top", lazy: true, renderScene: renderScene, onIndexChange: onIndexChange, initialLayout: { width: layout.width }, renderTabBar: renderTabBar, renderLazyPlaceholder: renderLazyPlaceholder }));
|
|
64
75
|
}
|
|
65
76
|
const styles = react_native_1.StyleSheet.create({
|
|
66
77
|
tabBar: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderTabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderTabs/index.tsx"],"names":[],"mappings":"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"}
|