@dgui/react-native-shared 1.7.6 → 1.8.0-next.1
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/dist/cjs/Components/AppBar/DrawerToggle/index.js +15 -0
- package/dist/cjs/Components/AppBar/DrawerToggle/index.js.map +1 -0
- package/dist/cjs/Components/AppBar/index.js +33 -0
- package/dist/cjs/Components/AppBar/index.js.map +1 -0
- package/dist/cjs/Components/Drawers/DrawerBar/index.js +32 -0
- package/dist/cjs/Components/Drawers/DrawerBar/index.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseButton/index.js +8 -0
- package/dist/cjs/Generics/NativeBaseButton/index.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseContainer/index.js +8 -0
- package/dist/cjs/Generics/NativeBaseContainer/index.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.js +3 -0
- package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.native.js +3 -0
- package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.native.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.web.js +3 -0
- package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.web.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseDrawers/index.js +137 -0
- package/dist/cjs/Generics/NativeBaseDrawers/index.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseTabBar/NativeBaseTabBar.js +14 -0
- package/dist/cjs/Generics/NativeBaseTabBar/NativeBaseTabBar.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js +15 -0
- package/dist/cjs/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js.map +1 -0
- package/dist/cjs/Generics/NativeBaseTabBar/index.js +3 -0
- package/dist/cjs/Generics/NativeBaseTabBar/index.js.map +1 -0
- package/dist/cjs/index.js +7 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/esm/Components/AppBar/DrawerToggle/index.js +15 -0
- package/dist/esm/Components/AppBar/DrawerToggle/index.js.map +1 -0
- package/dist/esm/Components/AppBar/index.js +33 -0
- package/dist/esm/Components/AppBar/index.js.map +1 -0
- package/dist/esm/Components/Drawers/DrawerBar/index.js +32 -0
- package/dist/esm/Components/Drawers/DrawerBar/index.js.map +1 -0
- package/dist/esm/Generics/NativeBaseButton/index.js +8 -0
- package/dist/esm/Generics/NativeBaseButton/index.js.map +1 -0
- package/dist/esm/Generics/NativeBaseContainer/index.js +8 -0
- package/dist/esm/Generics/NativeBaseContainer/index.js.map +1 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.d.ts +2 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.js +3 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.js.map +1 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.native.d.ts +2 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.native.js +3 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.native.js.map +1 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.web.d.ts +2 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.web.js +3 -0
- package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.web.js.map +1 -0
- package/dist/esm/Generics/NativeBaseDrawers/index.js +137 -0
- package/dist/esm/Generics/NativeBaseDrawers/index.js.map +1 -0
- package/dist/esm/Generics/NativeBaseTabBar/NativeBaseTabBar.js +14 -0
- package/dist/esm/Generics/NativeBaseTabBar/NativeBaseTabBar.js.map +1 -0
- package/dist/esm/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js +15 -0
- package/dist/esm/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js.map +1 -0
- package/dist/esm/Generics/NativeBaseTabBar/index.js +3 -0
- package/dist/esm/Generics/NativeBaseTabBar/index.js.map +1 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +1 -0
- package/package.json +12 -9
- package/dist/Components/AppBar/DrawerToggle/index.js +0 -20
- package/dist/Components/AppBar/DrawerToggle/index.js.map +0 -1
- package/dist/Components/AppBar/index.js +0 -38
- package/dist/Components/AppBar/index.js.map +0 -1
- package/dist/Components/Drawers/DrawerBar/index.js +0 -34
- package/dist/Components/Drawers/DrawerBar/index.js.map +0 -1
- package/dist/Generics/NativeBaseButton/index.js +0 -10
- package/dist/Generics/NativeBaseButton/index.js.map +0 -1
- package/dist/Generics/NativeBaseContainer/index.js +0 -22
- package/dist/Generics/NativeBaseContainer/index.js.map +0 -1
- package/dist/Generics/NativeBaseDrawers/index.js +0 -141
- package/dist/Generics/NativeBaseDrawers/index.js.map +0 -1
- package/dist/Generics/NativeBaseTabBar/NativeBaseTabBar.js +0 -19
- package/dist/Generics/NativeBaseTabBar/NativeBaseTabBar.js.map +0 -1
- package/dist/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js +0 -20
- package/dist/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js.map +0 -1
- package/dist/Generics/NativeBaseTabBar/index.js +0 -11
- package/dist/Generics/NativeBaseTabBar/index.js.map +0 -1
- package/dist/index.js +0 -20
- package/dist/index.js.map +0 -1
- /package/dist/{Components → esm/Components}/AppBar/DrawerToggle/index.d.ts +0 -0
- /package/dist/{Components → esm/Components}/AppBar/index.d.ts +0 -0
- /package/dist/{Components → esm/Components}/Drawers/DrawerBar/index.d.ts +0 -0
- /package/dist/{Generics → esm/Generics}/NativeBaseButton/index.d.ts +0 -0
- /package/dist/{Generics → esm/Generics}/NativeBaseContainer/index.d.ts +0 -0
- /package/dist/{Generics → esm/Generics}/NativeBaseDrawers/index.d.ts +0 -0
- /package/dist/{Generics → esm/Generics}/NativeBaseTabBar/NativeBaseTabBar.d.ts +0 -0
- /package/dist/{Generics → esm/Generics}/NativeBaseTabBar/NativeBaseTabBarTab.d.ts +0 -0
- /package/dist/{Generics → esm/Generics}/NativeBaseTabBar/index.d.ts +0 -0
- /package/dist/{index.d.ts → esm/index.d.ts} +0 -0
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import PLATFORM from './PLATFORM';
|
|
3
|
+
import debounce from 'lodash.debounce';
|
|
4
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
5
|
+
import { Animated, Easing, StyleSheet, useWindowDimensions, View } from 'react-native';
|
|
6
|
+
const fadeAnim = new Animated.Value(0);
|
|
7
|
+
const easing = Easing.bezier(0.4, 0, 0.1, 1);
|
|
8
|
+
const styles = StyleSheet.create({
|
|
9
|
+
container: {
|
|
10
|
+
flex: 1,
|
|
11
|
+
height: '100%'
|
|
12
|
+
},
|
|
13
|
+
content: {
|
|
14
|
+
flex: 1,
|
|
15
|
+
opacity: fadeAnim
|
|
16
|
+
},
|
|
17
|
+
drawer: {
|
|
18
|
+
backgroundColor: '#FFF',
|
|
19
|
+
elevation: 12,
|
|
20
|
+
height: '100%',
|
|
21
|
+
position: 'absolute'
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
const NativeBaseDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth: givenDrawerWidth = 400, opacity = 0.6, open = true, position = 'left', style: givenDrawerStyle }) => {
|
|
25
|
+
const [screenWidth, setScreenWidth] = useState(useWindowDimensions().width);
|
|
26
|
+
const setWidthDebounced = useCallback(debounce(setScreenWidth, 100), []);
|
|
27
|
+
setWidthDebounced(useWindowDimensions().width);
|
|
28
|
+
const determineNewLeftOffset = useCallback((drawerWidth2) => {
|
|
29
|
+
return position === 'left' ?
|
|
30
|
+
drawerWidth2 :
|
|
31
|
+
-drawerWidth2;
|
|
32
|
+
}, [
|
|
33
|
+
position
|
|
34
|
+
]);
|
|
35
|
+
const [leftOffset, setLeftOffset] = useState(new Animated.Value(0));
|
|
36
|
+
const maxDrawerWidth = useMemo(() => {
|
|
37
|
+
return screenWidth - 100;
|
|
38
|
+
}, [
|
|
39
|
+
screenWidth
|
|
40
|
+
]);
|
|
41
|
+
const drawerWidth = useMemo(() => {
|
|
42
|
+
return givenDrawerWidth > maxDrawerWidth ?
|
|
43
|
+
maxDrawerWidth :
|
|
44
|
+
givenDrawerWidth;
|
|
45
|
+
}, [
|
|
46
|
+
givenDrawerWidth,
|
|
47
|
+
maxDrawerWidth
|
|
48
|
+
]);
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
if (open) {
|
|
51
|
+
setLeftOffset(new Animated.Value(determineNewLeftOffset(drawerWidth)));
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
setLeftOffset(new Animated.Value(0));
|
|
55
|
+
}
|
|
56
|
+
}, [
|
|
57
|
+
determineNewLeftOffset,
|
|
58
|
+
drawerWidth
|
|
59
|
+
]);
|
|
60
|
+
const openDrawer = useCallback(() => {
|
|
61
|
+
Animated.parallel([
|
|
62
|
+
Animated.timing(leftOffset, {
|
|
63
|
+
duration: animationTime,
|
|
64
|
+
easing,
|
|
65
|
+
toValue: determineNewLeftOffset(drawerWidth),
|
|
66
|
+
useNativeDriver: PLATFORM !== 'web'
|
|
67
|
+
}),
|
|
68
|
+
Animated.timing(fadeAnim, {
|
|
69
|
+
duration: animationTime,
|
|
70
|
+
easing,
|
|
71
|
+
toValue: opacity,
|
|
72
|
+
useNativeDriver: PLATFORM !== 'web'
|
|
73
|
+
})
|
|
74
|
+
]).start();
|
|
75
|
+
}, [
|
|
76
|
+
animationTime,
|
|
77
|
+
determineNewLeftOffset,
|
|
78
|
+
drawerWidth,
|
|
79
|
+
leftOffset,
|
|
80
|
+
opacity
|
|
81
|
+
]);
|
|
82
|
+
const closeDrawer = useCallback(() => {
|
|
83
|
+
Animated.parallel([
|
|
84
|
+
Animated.timing(leftOffset, {
|
|
85
|
+
duration: animationTime,
|
|
86
|
+
easing,
|
|
87
|
+
toValue: 0,
|
|
88
|
+
useNativeDriver: PLATFORM !== 'web'
|
|
89
|
+
}),
|
|
90
|
+
Animated.timing(fadeAnim, {
|
|
91
|
+
duration: animationTime,
|
|
92
|
+
easing,
|
|
93
|
+
toValue: 1,
|
|
94
|
+
useNativeDriver: PLATFORM !== 'web'
|
|
95
|
+
})
|
|
96
|
+
]).start();
|
|
97
|
+
}, [
|
|
98
|
+
animationTime,
|
|
99
|
+
leftOffset
|
|
100
|
+
]);
|
|
101
|
+
useEffect(() => {
|
|
102
|
+
if (open) {
|
|
103
|
+
openDrawer();
|
|
104
|
+
}
|
|
105
|
+
else {
|
|
106
|
+
closeDrawer();
|
|
107
|
+
}
|
|
108
|
+
}, [
|
|
109
|
+
closeDrawer,
|
|
110
|
+
open,
|
|
111
|
+
openDrawer
|
|
112
|
+
]);
|
|
113
|
+
const drawerStyle = useMemo(() => {
|
|
114
|
+
return [
|
|
115
|
+
{
|
|
116
|
+
[position]: -drawerWidth,
|
|
117
|
+
transform: [
|
|
118
|
+
{
|
|
119
|
+
translateX: leftOffset
|
|
120
|
+
}
|
|
121
|
+
],
|
|
122
|
+
width: drawerWidth
|
|
123
|
+
},
|
|
124
|
+
styles.drawer,
|
|
125
|
+
givenDrawerStyle
|
|
126
|
+
];
|
|
127
|
+
}, [
|
|
128
|
+
drawerWidth,
|
|
129
|
+
givenDrawerStyle,
|
|
130
|
+
leftOffset,
|
|
131
|
+
position
|
|
132
|
+
]);
|
|
133
|
+
return (_jsxs(View, { style: styles.container, children: [_jsx(Animated.View, { style: styles.content, children: children }), _jsx(Animated.View, { style: drawerStyle, children: drawerContent })] }));
|
|
134
|
+
};
|
|
135
|
+
NativeBaseDrawers.displayName = 'NativeBaseDrawers';
|
|
136
|
+
export default NativeBaseDrawers;
|
|
137
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseDrawers/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import NativeContainer from '../NativeBaseContainer';
|
|
3
|
+
import { StyleSheet } from 'react-native';
|
|
4
|
+
const styles = StyleSheet.create({
|
|
5
|
+
tabBar: {
|
|
6
|
+
flex: 1,
|
|
7
|
+
flexDirection: 'row'
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
const NativeBaseTabBar = ({ children }) => {
|
|
11
|
+
return (_jsx(NativeContainer, { style: styles.tabBar, children: children }));
|
|
12
|
+
};
|
|
13
|
+
export default NativeBaseTabBar;
|
|
14
|
+
//# sourceMappingURL=NativeBaseTabBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeBaseTabBar.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseTabBar/NativeBaseTabBar.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAKrD,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAA6C,CAAC,EAClE,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAE,MAAM,CAAC,MAAM,YAEnB,QAAQ,GACO,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import NativeButton from '../NativeBaseButton';
|
|
3
|
+
import { useCallback } from 'react';
|
|
4
|
+
const NativeBaseTabBarTab = ({ onSelectTab, tabId, tabIndex, tabTitle }) => {
|
|
5
|
+
const handlePress = useCallback(() => {
|
|
6
|
+
onSelectTab(tabIndex, tabId);
|
|
7
|
+
}, [
|
|
8
|
+
onSelectTab,
|
|
9
|
+
tabId,
|
|
10
|
+
tabIndex
|
|
11
|
+
]);
|
|
12
|
+
return (_jsx(NativeButton, { onPress: handlePress, title: tabTitle ?? tabId }));
|
|
13
|
+
};
|
|
14
|
+
export default NativeBaseTabBarTab;
|
|
15
|
+
//# sourceMappingURL=NativeBaseTabBarTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeBaseTabBarTab.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseTabBar/NativeBaseTabBarTab.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAEL,WAAW,EACZ,MAAM,OAAO,CAAC;AAEf,MAAM,mBAAmB,GAAgD,CAAC,EACxE,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE;QACH,WAAW,CACT,QAAQ,EACR,KAAK,CACN,CAAC;IACJ,CAAC,EACD;QACE,WAAW;QACX,KAAK;QACL,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,QAAQ,IAAI,KAAK,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseTabBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,gBAAgB,EAE5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,mBAAmB,EAE/B,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as AppBar } from './Components/AppBar';
|
|
2
|
+
export { default as DrawerBar } from './Components/Drawers/DrawerBar';
|
|
3
|
+
export { default as NativeBaseButton } from './Generics/NativeBaseButton';
|
|
4
|
+
export { default as NativeBaseContainer } from './Generics/NativeBaseContainer';
|
|
5
|
+
export { default as NativeBaseDrawers } from './Generics/NativeBaseDrawers';
|
|
6
|
+
export { NativeBaseTabBar, NativeBaseTabBarTab } from './Generics/NativeBaseTabBar';
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,MAAM,EAElB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,SAAS,EAErB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAE5B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,OAAO,IAAI,mBAAmB,EAE/B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,OAAO,IAAI,iBAAiB,EAE7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,gBAAgB,EAEhB,mBAAmB,EAEpB,MAAM,6BAA6B,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dgui/react-native-shared",
|
|
3
3
|
"title": "Digested React GUI Native Shared Components",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.8.0-next.1",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "Native Shared Components for a boilerplate React GUI",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -13,8 +13,9 @@
|
|
|
13
13
|
"position": "Initial and Lead Developer"
|
|
14
14
|
}
|
|
15
15
|
],
|
|
16
|
-
"main": "dist/index.js",
|
|
17
|
-
"
|
|
16
|
+
"main": "dist/cjs/index.js",
|
|
17
|
+
"module": "dist/esm/index.js",
|
|
18
|
+
"types": "dist/esm/index.d.ts",
|
|
18
19
|
"files": [
|
|
19
20
|
"dist/",
|
|
20
21
|
"COPYING.md",
|
|
@@ -30,7 +31,9 @@
|
|
|
30
31
|
},
|
|
31
32
|
"scripts": {
|
|
32
33
|
"build": "run-s clean:dist build:prod",
|
|
33
|
-
"build:prod": "
|
|
34
|
+
"build:prod": "run-p build:cjs:prod build:esm:prod",
|
|
35
|
+
"build:cjs:prod": "tsc -p ./tsconfig.cjs.json",
|
|
36
|
+
"build:esm:prod": "tsc -p ./tsconfig.json",
|
|
34
37
|
"build:watch": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
|
|
35
38
|
"----------------------------------------------------------------": "",
|
|
36
39
|
"build:prod:config": "",
|
|
@@ -51,20 +54,20 @@
|
|
|
51
54
|
"@digest/typescript": "^4.14.14",
|
|
52
55
|
"@types/jest": "^30.0.0",
|
|
53
56
|
"@types/lodash.debounce": "^4.0.9",
|
|
54
|
-
"@types/react": "^19.2.
|
|
57
|
+
"@types/react": "^19.2.13",
|
|
55
58
|
"@types/react-native": "^0.73.0",
|
|
56
59
|
"@types/react-test-renderer": "^19.1.0",
|
|
57
60
|
"cross-env": "^10.1.0",
|
|
58
61
|
"jest-environment-jsdom": "^30.2.0",
|
|
59
62
|
"jest-environment-jsdom-global": "^4.0.0",
|
|
60
63
|
"npm-run-all": "^4.1.5",
|
|
61
|
-
"react": "^19.2.
|
|
64
|
+
"react": "^19.2.4",
|
|
62
65
|
"react-native": "^0.83.1",
|
|
63
|
-
"react-test-renderer": "^19.2.
|
|
66
|
+
"react-test-renderer": "^19.2.4",
|
|
64
67
|
"rimraf": "^6.1.2"
|
|
65
68
|
},
|
|
66
69
|
"dependencies": {
|
|
67
|
-
"@dgui/react-shared": "1.
|
|
70
|
+
"@dgui/react-shared": "1.8.0-next.1",
|
|
68
71
|
"lodash.debounce": "^4.0.8"
|
|
69
72
|
},
|
|
70
73
|
"peerDependencies": {
|
|
@@ -79,5 +82,5 @@
|
|
|
79
82
|
"react-native",
|
|
80
83
|
"typescript"
|
|
81
84
|
],
|
|
82
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "8c988440fbced187ef0eb3b458b429666ba85415"
|
|
83
86
|
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const NativeBaseButton_1 = __importDefault(require("../../../Generics/NativeBaseButton"));
|
|
8
|
-
const react_shared_1 = require("@dgui/react-shared");
|
|
9
|
-
const react_1 = require("react");
|
|
10
|
-
const DrawerToggle = () => {
|
|
11
|
-
const drawerToggle = (0, react_shared_1.useDrawerToggle)();
|
|
12
|
-
const handlePress = (0, react_1.useCallback)(() => {
|
|
13
|
-
drawerToggle();
|
|
14
|
-
}, [
|
|
15
|
-
drawerToggle
|
|
16
|
-
]);
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(NativeBaseButton_1.default, { onPress: handlePress, title: 'Drawer Toggle' }));
|
|
18
|
-
};
|
|
19
|
-
exports.default = (0, react_1.memo)(DrawerToggle);
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/AppBar/DrawerToggle/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0FAAkE;AAClE,qDAE4B;AAC5B,iCAIe;AAEf,MAAM,YAAY,GAAyC,GAAG,EAAE;IAC9D,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,GAAG,EAAE;QACH,YAAY,EAAE,CAAC;IACjB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,0BAAgB,IACf,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,eAAe,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EACjB,YAAY,CACb,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const NativeBaseContainer_1 = __importDefault(require("../../Generics/NativeBaseContainer"));
|
|
8
|
-
const NativeBaseTabBar_1 = require("../../Generics/NativeBaseTabBar");
|
|
9
|
-
const DrawerToggle_1 = __importDefault(require("./DrawerToggle"));
|
|
10
|
-
const react_shared_1 = require("@dgui/react-shared");
|
|
11
|
-
const react_1 = require("react");
|
|
12
|
-
const react_native_1 = require("react-native");
|
|
13
|
-
const styles = react_native_1.StyleSheet.create({
|
|
14
|
-
tabBar: {
|
|
15
|
-
backgroundColor: '#CCC',
|
|
16
|
-
flexDirection: 'row'
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const AppBar = () => {
|
|
20
|
-
const selectTab = (0, react_shared_1.useSelectTab)();
|
|
21
|
-
const handleSelectTab = (0, react_1.useCallback)((tabIndex) => {
|
|
22
|
-
selectTab(tabIndex);
|
|
23
|
-
}, [
|
|
24
|
-
selectTab
|
|
25
|
-
]);
|
|
26
|
-
const tabOrder = (0, react_shared_1.useTabOrder)();
|
|
27
|
-
const tabs = (0, react_1.useMemo)(() => {
|
|
28
|
-
return tabOrder.map((tabId, index) => {
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)(NativeBaseTabBar_1.NativeBaseTabBarTab, { onSelectTab: handleSelectTab, tabId: tabId, tabIndex: index }, tabId));
|
|
30
|
-
});
|
|
31
|
-
}, [
|
|
32
|
-
handleSelectTab,
|
|
33
|
-
tabOrder
|
|
34
|
-
]);
|
|
35
|
-
return ((0, jsx_runtime_1.jsxs)(NativeBaseContainer_1.default, { style: styles.tabBar, children: [(0, jsx_runtime_1.jsx)(DrawerToggle_1.default, {}), (0, jsx_runtime_1.jsx)(NativeBaseTabBar_1.NativeBaseTabBar, { children: tabs })] }));
|
|
36
|
-
};
|
|
37
|
-
exports.default = AppBar;
|
|
38
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/AppBar/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6FAAqE;AACrE,sEAGyC;AACzC,kEAA0C;AAC1C,qDAG4B;AAC5B,iCAIe;AACf,+CAEsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,eAAe,EAAE,MAAM;QACvB,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAmC,GAAG,EAAE;IAClD,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CACE,QAAgB,EAChB,EAAE;QACF,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,uBAAC,sCAAmB,IAElB,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,IAHV,KAAK,CAIV,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,eAAe;QACf,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,wBAAC,6BAAmB,IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,aAEpB,uBAAC,sBAAY,KAAG,EAChB,uBAAC,mCAAgB,cACd,IAAI,GACY,IACC,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const NativeBaseTabBar_1 = require("../../../Generics/NativeBaseTabBar");
|
|
5
|
-
const react_shared_1 = require("@dgui/react-shared");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const react_native_1 = require("react-native");
|
|
8
|
-
const styles = react_native_1.StyleSheet.create({
|
|
9
|
-
drawerBar: {
|
|
10
|
-
backgroundColor: '#CCC',
|
|
11
|
-
flexDirection: 'row'
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
const DrawerBar = () => {
|
|
15
|
-
const selectDrawer = (0, react_shared_1.useSelectDrawer)();
|
|
16
|
-
const handleSelectDrawer = (0, react_1.useCallback)((drawerIndex) => {
|
|
17
|
-
selectDrawer(drawerIndex);
|
|
18
|
-
}, [
|
|
19
|
-
selectDrawer
|
|
20
|
-
]);
|
|
21
|
-
const drawerOrder = (0, react_shared_1.useDrawerOrder)();
|
|
22
|
-
const tabs = (0, react_1.useMemo)(() => {
|
|
23
|
-
return drawerOrder.map((tabId, index) => {
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)(NativeBaseTabBar_1.NativeBaseTabBarTab, { onSelectTab: handleSelectDrawer, tabId: tabId, tabIndex: index }, tabId));
|
|
25
|
-
});
|
|
26
|
-
}, [
|
|
27
|
-
drawerOrder,
|
|
28
|
-
handleSelectDrawer
|
|
29
|
-
]);
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.drawerBar, children: (0, jsx_runtime_1.jsx)(NativeBaseTabBar_1.NativeBaseTabBar, { children: tabs }) }));
|
|
31
|
-
};
|
|
32
|
-
DrawerBar.displayName = 'NativeWebDrawerBar';
|
|
33
|
-
exports.default = DrawerBar;
|
|
34
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Drawers/DrawerBar/index.tsx"],"names":[],"mappings":";;;AAAA,yEAG4C;AAC5C,qDAG4B;AAC5B,iCAIe;AACf,+CAGsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,MAAM;QACvB,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAAsC,GAAG,EAAE;IACxD,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CACE,WAAmB,EACnB,EAAE;QACF,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IAErC,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,uBAAC,sCAAS,IAER,WAAW,EAAE,kBAAkB,EAC/B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,IAHV,KAAK,CAIV,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;QACX,kBAAkB;KACnB,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE,MAAM,CAAC,SAAS,YAEvB,uBAAC,mCAAM,cACJ,IAAI,GACE,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE7C,kBAAe,SAAS,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const react_native_1 = require("react-native");
|
|
5
|
-
const NativeBaseButton = (props) => {
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)(react_native_1.Button, Object.assign({}, props)));
|
|
7
|
-
};
|
|
8
|
-
NativeBaseButton.displayName = 'NativeBaseButton';
|
|
9
|
-
exports.default = NativeBaseButton;
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Generics/NativeBaseButton/index.tsx"],"names":[],"mappings":";;;AAGA,+CAGsB;AAEtB,MAAM,gBAAgB,GAA6C,CACjE,KAAK,EACL,EAAE;IACF,OAAO,CACL,uBAAC,qBAAM,oBACD,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
|
-
const react_native_1 = require("react-native");
|
|
16
|
-
const NativeBaseContainer = (_a) => {
|
|
17
|
-
var { children, style } = _a, props = __rest(_a, ["children", "style"]);
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(react_native_1.View, Object.assign({}, props, { style: style, children: children })));
|
|
19
|
-
};
|
|
20
|
-
NativeBaseContainer.displayName = 'NativeBaseContainer';
|
|
21
|
-
exports.default = NativeBaseContainer;
|
|
22
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Generics/NativeBaseContainer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAIA,+CAIsB;AAEtB,MAAM,mBAAmB,GAAgD,CAAC,EAIzE,EAAE,EAAE;QAJqE,EACxE,QAAQ,EACR,KAAK,OAEN,EADI,KAAK,cAHgE,qBAIzE,CADS;IAER,OAAO,CACL,uBAAC,mBAAI,oBACC,KAAK,IACT,KAAK,EAAE,KAAK,YAEX,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,kBAAe,mBAAmB,CAAC"}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
|
|
8
|
-
const react_1 = require("react");
|
|
9
|
-
const react_native_1 = require("react-native");
|
|
10
|
-
const fadeAnim = new react_native_1.Animated.Value(0);
|
|
11
|
-
const easing = react_native_1.Easing.bezier(0.4, 0, 0.1, 1);
|
|
12
|
-
const styles = react_native_1.StyleSheet.create({
|
|
13
|
-
container: {
|
|
14
|
-
flex: 1,
|
|
15
|
-
height: '100%'
|
|
16
|
-
},
|
|
17
|
-
content: {
|
|
18
|
-
flex: 1,
|
|
19
|
-
opacity: fadeAnim
|
|
20
|
-
},
|
|
21
|
-
drawer: {
|
|
22
|
-
backgroundColor: '#FFF',
|
|
23
|
-
elevation: 12,
|
|
24
|
-
height: '100%',
|
|
25
|
-
position: 'absolute'
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
const NativeBaseDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth: givenDrawerWidth = 400, opacity = 0.6, open = true, position = 'left', style: givenDrawerStyle }) => {
|
|
29
|
-
const [screenWidth, setScreenWidth] = (0, react_1.useState)((0, react_native_1.useWindowDimensions)().width);
|
|
30
|
-
const setWidthDebounced = (0, react_1.useCallback)((0, lodash_debounce_1.default)(setScreenWidth, 100), []);
|
|
31
|
-
setWidthDebounced((0, react_native_1.useWindowDimensions)().width);
|
|
32
|
-
const determineNewLeftOffset = (0, react_1.useCallback)((drawerWidth2) => {
|
|
33
|
-
return position === 'left' ?
|
|
34
|
-
drawerWidth2 :
|
|
35
|
-
-drawerWidth2;
|
|
36
|
-
}, [
|
|
37
|
-
position
|
|
38
|
-
]);
|
|
39
|
-
const [leftOffset, setLeftOffset] = (0, react_1.useState)(new react_native_1.Animated.Value(0));
|
|
40
|
-
const maxDrawerWidth = (0, react_1.useMemo)(() => {
|
|
41
|
-
return screenWidth - 100;
|
|
42
|
-
}, [
|
|
43
|
-
screenWidth
|
|
44
|
-
]);
|
|
45
|
-
const drawerWidth = (0, react_1.useMemo)(() => {
|
|
46
|
-
return givenDrawerWidth > maxDrawerWidth ?
|
|
47
|
-
maxDrawerWidth :
|
|
48
|
-
givenDrawerWidth;
|
|
49
|
-
}, [
|
|
50
|
-
givenDrawerWidth,
|
|
51
|
-
maxDrawerWidth
|
|
52
|
-
]);
|
|
53
|
-
(0, react_1.useEffect)(() => {
|
|
54
|
-
if (open) {
|
|
55
|
-
setLeftOffset(new react_native_1.Animated.Value(determineNewLeftOffset(drawerWidth)));
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
setLeftOffset(new react_native_1.Animated.Value(0));
|
|
59
|
-
}
|
|
60
|
-
}, [
|
|
61
|
-
determineNewLeftOffset,
|
|
62
|
-
drawerWidth
|
|
63
|
-
]);
|
|
64
|
-
const openDrawer = (0, react_1.useCallback)(() => {
|
|
65
|
-
react_native_1.Animated.parallel([
|
|
66
|
-
react_native_1.Animated.timing(leftOffset, {
|
|
67
|
-
duration: animationTime,
|
|
68
|
-
easing,
|
|
69
|
-
toValue: determineNewLeftOffset(drawerWidth),
|
|
70
|
-
useNativeDriver: true
|
|
71
|
-
}),
|
|
72
|
-
react_native_1.Animated.timing(fadeAnim, {
|
|
73
|
-
duration: animationTime,
|
|
74
|
-
easing,
|
|
75
|
-
toValue: opacity,
|
|
76
|
-
useNativeDriver: true
|
|
77
|
-
})
|
|
78
|
-
]).start();
|
|
79
|
-
}, [
|
|
80
|
-
animationTime,
|
|
81
|
-
determineNewLeftOffset,
|
|
82
|
-
drawerWidth,
|
|
83
|
-
leftOffset,
|
|
84
|
-
opacity
|
|
85
|
-
]);
|
|
86
|
-
const closeDrawer = (0, react_1.useCallback)(() => {
|
|
87
|
-
react_native_1.Animated.parallel([
|
|
88
|
-
react_native_1.Animated.timing(leftOffset, {
|
|
89
|
-
duration: animationTime,
|
|
90
|
-
easing,
|
|
91
|
-
toValue: 0,
|
|
92
|
-
useNativeDriver: true
|
|
93
|
-
}),
|
|
94
|
-
react_native_1.Animated.timing(fadeAnim, {
|
|
95
|
-
duration: animationTime,
|
|
96
|
-
easing,
|
|
97
|
-
toValue: 1,
|
|
98
|
-
useNativeDriver: true
|
|
99
|
-
})
|
|
100
|
-
]).start();
|
|
101
|
-
}, [
|
|
102
|
-
animationTime,
|
|
103
|
-
leftOffset
|
|
104
|
-
]);
|
|
105
|
-
(0, react_1.useEffect)(() => {
|
|
106
|
-
if (open) {
|
|
107
|
-
openDrawer();
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
closeDrawer();
|
|
111
|
-
}
|
|
112
|
-
}, [
|
|
113
|
-
closeDrawer,
|
|
114
|
-
open,
|
|
115
|
-
openDrawer
|
|
116
|
-
]);
|
|
117
|
-
const drawerStyle = (0, react_1.useMemo)(() => {
|
|
118
|
-
return [
|
|
119
|
-
{
|
|
120
|
-
[position]: -drawerWidth,
|
|
121
|
-
transform: [
|
|
122
|
-
{
|
|
123
|
-
translateX: leftOffset
|
|
124
|
-
}
|
|
125
|
-
],
|
|
126
|
-
width: drawerWidth
|
|
127
|
-
},
|
|
128
|
-
styles.drawer,
|
|
129
|
-
givenDrawerStyle
|
|
130
|
-
];
|
|
131
|
-
}, [
|
|
132
|
-
drawerWidth,
|
|
133
|
-
givenDrawerStyle,
|
|
134
|
-
leftOffset,
|
|
135
|
-
position
|
|
136
|
-
]);
|
|
137
|
-
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: styles.content, children: children }), (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: drawerStyle, children: drawerContent })] }));
|
|
138
|
-
};
|
|
139
|
-
NativeBaseDrawers.displayName = 'NativeBaseDrawers';
|
|
140
|
-
exports.default = NativeBaseDrawers;
|
|
141
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Generics/NativeBaseDrawers/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const NativeBaseContainer_1 = __importDefault(require("../NativeBaseContainer"));
|
|
8
|
-
const react_native_1 = require("react-native");
|
|
9
|
-
const styles = react_native_1.StyleSheet.create({
|
|
10
|
-
tabBar: {
|
|
11
|
-
flex: 1,
|
|
12
|
-
flexDirection: 'row'
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
const NativeBaseTabBar = ({ children }) => {
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)(NativeBaseContainer_1.default, { style: styles.tabBar, children: children }));
|
|
17
|
-
};
|
|
18
|
-
exports.default = NativeBaseTabBar;
|
|
19
|
-
//# sourceMappingURL=NativeBaseTabBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NativeBaseTabBar.js","sourceRoot":"","sources":["../../../src/Generics/NativeBaseTabBar/NativeBaseTabBar.tsx"],"names":[],"mappings":";;;;;;AAAA,iFAAqD;AAKrD,+CAEsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAA6C,CAAC,EAClE,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,6BAAe,IACd,KAAK,EAAE,MAAM,CAAC,MAAM,YAEnB,QAAQ,GACO,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const NativeBaseButton_1 = __importDefault(require("../NativeBaseButton"));
|
|
8
|
-
const react_1 = require("react");
|
|
9
|
-
const NativeBaseTabBarTab = ({ onSelectTab, tabId, tabIndex, tabTitle }) => {
|
|
10
|
-
const handlePress = (0, react_1.useCallback)(() => {
|
|
11
|
-
onSelectTab(tabIndex, tabId);
|
|
12
|
-
}, [
|
|
13
|
-
onSelectTab,
|
|
14
|
-
tabId,
|
|
15
|
-
tabIndex
|
|
16
|
-
]);
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(NativeBaseButton_1.default, { onPress: handlePress, title: tabTitle !== null && tabTitle !== void 0 ? tabTitle : tabId }));
|
|
18
|
-
};
|
|
19
|
-
exports.default = NativeBaseTabBarTab;
|
|
20
|
-
//# sourceMappingURL=NativeBaseTabBarTab.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NativeBaseTabBarTab.js","sourceRoot":"","sources":["../../../src/Generics/NativeBaseTabBar/NativeBaseTabBarTab.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAA+C;AAC/C,iCAGe;AAEf,MAAM,mBAAmB,GAAgD,CAAC,EACxE,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,GAAG,EAAE;QACH,WAAW,CACT,QAAQ,EACR,KAAK,CACN,CAAC;IACJ,CAAC,EACD;QACE,WAAW;QACX,KAAK;QACL,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,0BAAY,IACX,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.NativeBaseTabBarTab = exports.NativeBaseTabBar = void 0;
|
|
7
|
-
var NativeBaseTabBar_1 = require("./NativeBaseTabBar");
|
|
8
|
-
Object.defineProperty(exports, "NativeBaseTabBar", { enumerable: true, get: function () { return __importDefault(NativeBaseTabBar_1).default; } });
|
|
9
|
-
var NativeBaseTabBarTab_1 = require("./NativeBaseTabBarTab");
|
|
10
|
-
Object.defineProperty(exports, "NativeBaseTabBarTab", { enumerable: true, get: function () { return __importDefault(NativeBaseTabBarTab_1).default; } });
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Generics/NativeBaseTabBar/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB;AAG7B,6DAG+B;AAF7B,2IAAA,OAAO,OAAuB"}
|