@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,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import NativeBaseButton from '../../../Generics/NativeBaseButton';
|
|
3
|
+
import { useDrawerToggle } from '@dgui/react-shared';
|
|
4
|
+
import { memo, useCallback } from 'react';
|
|
5
|
+
const DrawerToggle = () => {
|
|
6
|
+
const drawerToggle = useDrawerToggle();
|
|
7
|
+
const handlePress = useCallback(() => {
|
|
8
|
+
drawerToggle();
|
|
9
|
+
}, [
|
|
10
|
+
drawerToggle
|
|
11
|
+
]);
|
|
12
|
+
return (_jsx(NativeBaseButton, { onPress: handlePress, title: 'Drawer Toggle' }));
|
|
13
|
+
};
|
|
14
|
+
export default memo(DrawerToggle);
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/AppBar/DrawerToggle/index.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,EACL,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,IAAI,EACJ,WAAW,EACZ,MAAM,OAAO,CAAC;AAEf,MAAM,YAAY,GAAyC,GAAG,EAAE;IAC9D,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE;QACH,YAAY,EAAE,CAAC;IACjB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,eAAe,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CACjB,YAAY,CACb,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import NativeBaseContainer from '../../Generics/NativeBaseContainer';
|
|
3
|
+
import { NativeBaseTabBar, NativeBaseTabBarTab } from '../../Generics/NativeBaseTabBar';
|
|
4
|
+
import DrawerToggle from './DrawerToggle';
|
|
5
|
+
import { useSelectTab, useTabOrder } from '@dgui/react-shared';
|
|
6
|
+
import { useCallback, useMemo } from 'react';
|
|
7
|
+
import { StyleSheet } from 'react-native';
|
|
8
|
+
const styles = StyleSheet.create({
|
|
9
|
+
tabBar: {
|
|
10
|
+
backgroundColor: '#CCC',
|
|
11
|
+
flexDirection: 'row'
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
const AppBar = () => {
|
|
15
|
+
const selectTab = useSelectTab();
|
|
16
|
+
const handleSelectTab = useCallback((tabIndex) => {
|
|
17
|
+
selectTab(tabIndex);
|
|
18
|
+
}, [
|
|
19
|
+
selectTab
|
|
20
|
+
]);
|
|
21
|
+
const tabOrder = useTabOrder();
|
|
22
|
+
const tabs = useMemo(() => {
|
|
23
|
+
return tabOrder.map((tabId, index) => {
|
|
24
|
+
return (_jsx(NativeBaseTabBarTab, { onSelectTab: handleSelectTab, tabId: tabId, tabIndex: index }, tabId));
|
|
25
|
+
});
|
|
26
|
+
}, [
|
|
27
|
+
handleSelectTab,
|
|
28
|
+
tabOrder
|
|
29
|
+
]);
|
|
30
|
+
return (_jsxs(NativeBaseContainer, { style: styles.tabBar, children: [_jsx(DrawerToggle, {}), _jsx(NativeBaseTabBar, { children: tabs })] }));
|
|
31
|
+
};
|
|
32
|
+
export default AppBar;
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/AppBar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,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,YAAY,EAAE,CAAC;IAEjC,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,QAAgB,EAChB,EAAE;QACF,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,KAAC,mBAAmB,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,MAAC,mBAAmB,IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,aAEpB,KAAC,YAAY,KAAG,EAChB,KAAC,gBAAgB,cACd,IAAI,GACY,IACC,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { NativeBaseTabBar as TabBar, NativeBaseTabBarTab as TabBarTab } from '../../../Generics/NativeBaseTabBar';
|
|
3
|
+
import { useDrawerOrder, useSelectDrawer } from '@dgui/react-shared';
|
|
4
|
+
import { useCallback, useMemo } from 'react';
|
|
5
|
+
import { StyleSheet, View } from 'react-native';
|
|
6
|
+
const styles = StyleSheet.create({
|
|
7
|
+
drawerBar: {
|
|
8
|
+
backgroundColor: '#CCC',
|
|
9
|
+
flexDirection: 'row'
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
const DrawerBar = () => {
|
|
13
|
+
const selectDrawer = useSelectDrawer();
|
|
14
|
+
const handleSelectDrawer = useCallback((drawerIndex) => {
|
|
15
|
+
selectDrawer(drawerIndex);
|
|
16
|
+
}, [
|
|
17
|
+
selectDrawer
|
|
18
|
+
]);
|
|
19
|
+
const drawerOrder = useDrawerOrder();
|
|
20
|
+
const tabs = useMemo(() => {
|
|
21
|
+
return drawerOrder.map((tabId, index) => {
|
|
22
|
+
return (_jsx(TabBarTab, { onSelectTab: handleSelectDrawer, tabId: tabId, tabIndex: index }, tabId));
|
|
23
|
+
});
|
|
24
|
+
}, [
|
|
25
|
+
drawerOrder,
|
|
26
|
+
handleSelectDrawer
|
|
27
|
+
]);
|
|
28
|
+
return (_jsx(View, { style: styles.drawerBar, children: _jsx(TabBar, { children: tabs }) }));
|
|
29
|
+
};
|
|
30
|
+
DrawerBar.displayName = 'NativeWebDrawerBar';
|
|
31
|
+
export default DrawerBar;
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/DrawerBar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,IAAI,MAAM,EAC1B,mBAAmB,IAAI,SAAS,EACjC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,cAAc,EACd,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACV,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,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,eAAe,EAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CACE,WAAmB,EACnB,EAAE;QACF,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,KAAC,SAAS,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,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,SAAS,YAEvB,KAAC,MAAM,cACJ,IAAI,GACE,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE7C,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from 'react-native';
|
|
3
|
+
const NativeBaseButton = (props) => {
|
|
4
|
+
return (_jsx(Button, { ...props }));
|
|
5
|
+
};
|
|
6
|
+
NativeBaseButton.displayName = 'NativeBaseButton';
|
|
7
|
+
export default NativeBaseButton;
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseButton/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,MAAM,EAEP,MAAM,cAAc,CAAC;AAEtB,MAAM,gBAAgB,GAA6C,CACjE,KAAK,EACL,EAAE;IACF,OAAO,CACL,KAAC,MAAM,OACD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
const NativeBaseContainer = ({ children, style, ...props }) => {
|
|
4
|
+
return (_jsx(View, { ...props, style: style, children: children }));
|
|
5
|
+
};
|
|
6
|
+
NativeBaseContainer.displayName = 'NativeBaseContainer';
|
|
7
|
+
export default NativeBaseContainer;
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseContainer/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,IAAI,EAGL,MAAM,cAAc,CAAC;AAEtB,MAAM,mBAAmB,GAAgD,CAAC,EACxE,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,KAAK,EAAE,KAAK,YAEX,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PLATFORM.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseDrawers/PLATFORM.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,KAAK,CAAC;AAEvB,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PLATFORM.native.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseDrawers/PLATFORM.native.ts"],"names":[],"mappings":"AAKA,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAE1B,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PLATFORM.web.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseDrawers/PLATFORM.web.ts"],"names":[],"mappings":"AAKA,MAAM,QAAQ,GAAG,KAAK,CAAC;AAEvB,eAAe,QAAQ,CAAC"}
|
|
@@ -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":";AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAIL,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,IAAI,EAEL,MAAM,cAAc,CAAC;AAEtB,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAEvC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAC1B,GAAG,EACH,CAAC,EACD,GAAG,EACH,CAAC,CACF,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;KACf;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,QAA6B;KACvC;IACD,MAAM,EAAE;QACN,eAAe,EAAE,MAAM;QAEvB,SAAS,EAAE,EAAE;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;KAErB;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAA8C,CAAC,EACpE,aAAa,GAAG,GAAG,EACnB,QAAQ,EACR,aAAa,EACb,WAAW,EAAE,gBAAgB,GAAG,GAAG,EACnC,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,MAAM,EACjB,KAAK,EAAE,gBAAgB,EACxB,EAAE,EAAE;IACH,MAAM,CACJ,WAAW,EACX,cAAc,CACf,GAAG,QAAQ,CAAC,mBAAmB,EAAE,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,iBAAiB,GAAG,WAAW,CACnC,QAAQ,CACN,cAAc,EACd,GAAG,CACJ,EACD,EAAE,CACH,CAAC;IAEF,iBAAiB,CAAC,mBAAmB,EAAE,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,YAAoB,EAAE,EAAE;QACvB,OAAO,QAAQ,KAAK,MAAM,CAAC,CAAC;YAC1B,YAAY,CAAC,CAAC;YACd,CAAC,YAAY,CAAC;IAClB,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,MAAM,CACJ,UAAU,EACV,aAAa,CACd,GAAG,QAAQ,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpC,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE;QACH,OAAO,WAAW,GAAG,GAAG,CAAC;IAC3B,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE;QACH,OAAO,gBAAgB,GAAG,cAAc,CAAC,CAAC;YACxC,cAAc,CAAC,CAAC;YAChB,gBAAgB,CAAC;IACrB,CAAC,EACD;QACE,gBAAgB;QAChB,cAAc;KACf,CACF,CAAC;IAEF,SAAS,CACP,GAAG,EAAE;QACH,IAAI,IAAI,EAAE,CAAC;YACT,aAAa,CACX,IAAI,QAAQ,CAAC,KAAK,CAChB,sBAAsB,CAAC,WAAW,CAAC,CACpC,CACF,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EACD;QACE,sBAAsB;QACtB,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,GAAG,EAAE;QACH,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CACb,UAAU,EACV;gBACE,QAAQ,EAAE,aAAa;gBACvB,MAAM;gBACN,OAAO,EAAE,sBAAsB,CAAC,WAAW,CAAC;gBAC5C,eAAe,EAAE,QAAQ,KAAK,KAAK;aACpC,CACF;YACD,QAAQ,CAAC,MAAM,CACb,QAAQ,EACR;gBACE,QAAQ,EAAE,aAAa;gBACvB,MAAM;gBACN,OAAO,EAAE,OAAO;gBAChB,eAAe,EAAE,QAAQ,KAAK,KAAK;aACpC,CACF;SACF,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EACD;QACE,aAAa;QACb,sBAAsB;QACtB,WAAW;QACX,UAAU;QACV,OAAO;KACR,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE;QACH,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CACb,UAAU,EACV;gBACE,QAAQ,EAAE,aAAa;gBACvB,MAAM;gBACN,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,QAAQ,KAAK,KAAK;aACpC,CACF;YACD,QAAQ,CAAC,MAAM,CACb,QAAQ,EACR;gBACE,QAAQ,EAAE,aAAa;gBACvB,MAAM;gBACN,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,QAAQ,KAAK,KAAK;aACpC,CACF;SACF,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EACD;QACE,aAAa;QACb,UAAU;KACX,CACF,CAAC;IAEF,SAAS,CACP,GAAG,EAAE;QACH,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,EAAE,CAAC;QACf,CAAC;aAAM,CAAC;YACN,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EACD;QACE,WAAW;QACX,IAAI;QACJ,UAAU;KACX,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE;QACH,OAAO;YACL;gBACE,CAAC,QAAQ,CAAC,EAAE,CAAC,WAAW;gBACxB,SAAS,EAAE;oBACT;wBACE,UAAU,EAAE,UAAU;qBACvB;iBACF;gBACD,KAAK,EAAE,WAAW;aACnB;YACD,MAAM,CAAC,MAAM;YACb,gBAAgB;SACjB,CAAC;IACJ,CAAC,EACD;QACE,WAAW;QACX,gBAAgB;QAChB,UAAU;QACV,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,SAAS,aAEvB,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE,MAAM,CAAC,OAAO,YAEpB,QAAQ,GACK,EAChB,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE,WAAW,YAEjB,aAAa,GACA,IACX,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,eAAe,iBAAiB,CAAC"}
|
|
@@ -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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import NativeBaseButton from '../../../Generics/NativeBaseButton';
|
|
3
|
+
import { useDrawerToggle } from '@dgui/react-shared';
|
|
4
|
+
import { memo, useCallback } from 'react';
|
|
5
|
+
const DrawerToggle = () => {
|
|
6
|
+
const drawerToggle = useDrawerToggle();
|
|
7
|
+
const handlePress = useCallback(() => {
|
|
8
|
+
drawerToggle();
|
|
9
|
+
}, [
|
|
10
|
+
drawerToggle
|
|
11
|
+
]);
|
|
12
|
+
return (_jsx(NativeBaseButton, { onPress: handlePress, title: 'Drawer Toggle' }));
|
|
13
|
+
};
|
|
14
|
+
export default memo(DrawerToggle);
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/AppBar/DrawerToggle/index.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,EACL,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,IAAI,EACJ,WAAW,EACZ,MAAM,OAAO,CAAC;AAEf,MAAM,YAAY,GAAyC,GAAG,EAAE;IAC9D,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE;QACH,YAAY,EAAE,CAAC;IACjB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,eAAe,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CACjB,YAAY,CACb,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import NativeBaseContainer from '../../Generics/NativeBaseContainer';
|
|
3
|
+
import { NativeBaseTabBar, NativeBaseTabBarTab } from '../../Generics/NativeBaseTabBar';
|
|
4
|
+
import DrawerToggle from './DrawerToggle';
|
|
5
|
+
import { useSelectTab, useTabOrder } from '@dgui/react-shared';
|
|
6
|
+
import { useCallback, useMemo } from 'react';
|
|
7
|
+
import { StyleSheet } from 'react-native';
|
|
8
|
+
const styles = StyleSheet.create({
|
|
9
|
+
tabBar: {
|
|
10
|
+
backgroundColor: '#CCC',
|
|
11
|
+
flexDirection: 'row'
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
const AppBar = () => {
|
|
15
|
+
const selectTab = useSelectTab();
|
|
16
|
+
const handleSelectTab = useCallback((tabIndex) => {
|
|
17
|
+
selectTab(tabIndex);
|
|
18
|
+
}, [
|
|
19
|
+
selectTab
|
|
20
|
+
]);
|
|
21
|
+
const tabOrder = useTabOrder();
|
|
22
|
+
const tabs = useMemo(() => {
|
|
23
|
+
return tabOrder.map((tabId, index) => {
|
|
24
|
+
return (_jsx(NativeBaseTabBarTab, { onSelectTab: handleSelectTab, tabId: tabId, tabIndex: index }, tabId));
|
|
25
|
+
});
|
|
26
|
+
}, [
|
|
27
|
+
handleSelectTab,
|
|
28
|
+
tabOrder
|
|
29
|
+
]);
|
|
30
|
+
return (_jsxs(NativeBaseContainer, { style: styles.tabBar, children: [_jsx(DrawerToggle, {}), _jsx(NativeBaseTabBar, { children: tabs })] }));
|
|
31
|
+
};
|
|
32
|
+
export default AppBar;
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/AppBar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,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,YAAY,EAAE,CAAC;IAEjC,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,QAAgB,EAChB,EAAE;QACF,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,KAAC,mBAAmB,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,MAAC,mBAAmB,IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,aAEpB,KAAC,YAAY,KAAG,EAChB,KAAC,gBAAgB,cACd,IAAI,GACY,IACC,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { NativeBaseTabBar as TabBar, NativeBaseTabBarTab as TabBarTab } from '../../../Generics/NativeBaseTabBar';
|
|
3
|
+
import { useDrawerOrder, useSelectDrawer } from '@dgui/react-shared';
|
|
4
|
+
import { useCallback, useMemo } from 'react';
|
|
5
|
+
import { StyleSheet, View } from 'react-native';
|
|
6
|
+
const styles = StyleSheet.create({
|
|
7
|
+
drawerBar: {
|
|
8
|
+
backgroundColor: '#CCC',
|
|
9
|
+
flexDirection: 'row'
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
const DrawerBar = () => {
|
|
13
|
+
const selectDrawer = useSelectDrawer();
|
|
14
|
+
const handleSelectDrawer = useCallback((drawerIndex) => {
|
|
15
|
+
selectDrawer(drawerIndex);
|
|
16
|
+
}, [
|
|
17
|
+
selectDrawer
|
|
18
|
+
]);
|
|
19
|
+
const drawerOrder = useDrawerOrder();
|
|
20
|
+
const tabs = useMemo(() => {
|
|
21
|
+
return drawerOrder.map((tabId, index) => {
|
|
22
|
+
return (_jsx(TabBarTab, { onSelectTab: handleSelectDrawer, tabId: tabId, tabIndex: index }, tabId));
|
|
23
|
+
});
|
|
24
|
+
}, [
|
|
25
|
+
drawerOrder,
|
|
26
|
+
handleSelectDrawer
|
|
27
|
+
]);
|
|
28
|
+
return (_jsx(View, { style: styles.drawerBar, children: _jsx(TabBar, { children: tabs }) }));
|
|
29
|
+
};
|
|
30
|
+
DrawerBar.displayName = 'NativeWebDrawerBar';
|
|
31
|
+
export default DrawerBar;
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/DrawerBar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,IAAI,MAAM,EAC1B,mBAAmB,IAAI,SAAS,EACjC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,cAAc,EACd,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACV,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,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,eAAe,EAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CACE,WAAmB,EACnB,EAAE;QACF,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,KAAC,SAAS,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,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,SAAS,YAEvB,KAAC,MAAM,cACJ,IAAI,GACE,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE7C,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from 'react-native';
|
|
3
|
+
const NativeBaseButton = (props) => {
|
|
4
|
+
return (_jsx(Button, { ...props }));
|
|
5
|
+
};
|
|
6
|
+
NativeBaseButton.displayName = 'NativeBaseButton';
|
|
7
|
+
export default NativeBaseButton;
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseButton/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,MAAM,EAEP,MAAM,cAAc,CAAC;AAEtB,MAAM,gBAAgB,GAA6C,CACjE,KAAK,EACL,EAAE;IACF,OAAO,CACL,KAAC,MAAM,OACD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
const NativeBaseContainer = ({ children, style, ...props }) => {
|
|
4
|
+
return (_jsx(View, { ...props, style: style, children: children }));
|
|
5
|
+
};
|
|
6
|
+
NativeBaseContainer.displayName = 'NativeBaseContainer';
|
|
7
|
+
export default NativeBaseContainer;
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseContainer/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,IAAI,EAGL,MAAM,cAAc,CAAC;AAEtB,MAAM,mBAAmB,GAAgD,CAAC,EACxE,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,KAAK,EAAE,KAAK,YAEX,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PLATFORM.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseDrawers/PLATFORM.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,KAAK,CAAC;AAEvB,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PLATFORM.native.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseDrawers/PLATFORM.native.ts"],"names":[],"mappings":"AAKA,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAE1B,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PLATFORM.web.js","sourceRoot":"","sources":["../../../../src/Generics/NativeBaseDrawers/PLATFORM.web.ts"],"names":[],"mappings":"AAKA,MAAM,QAAQ,GAAG,KAAK,CAAC;AAEvB,eAAe,QAAQ,CAAC"}
|