@dgui/react-native-shared 1.7.6-next.1 → 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.
Files changed (86) hide show
  1. package/dist/cjs/Components/AppBar/DrawerToggle/index.js +15 -0
  2. package/dist/cjs/Components/AppBar/DrawerToggle/index.js.map +1 -0
  3. package/dist/cjs/Components/AppBar/index.js +33 -0
  4. package/dist/cjs/Components/AppBar/index.js.map +1 -0
  5. package/dist/cjs/Components/Drawers/DrawerBar/index.js +32 -0
  6. package/dist/cjs/Components/Drawers/DrawerBar/index.js.map +1 -0
  7. package/dist/cjs/Generics/NativeBaseButton/index.js +8 -0
  8. package/dist/cjs/Generics/NativeBaseButton/index.js.map +1 -0
  9. package/dist/cjs/Generics/NativeBaseContainer/index.js +8 -0
  10. package/dist/cjs/Generics/NativeBaseContainer/index.js.map +1 -0
  11. package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.js +3 -0
  12. package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.js.map +1 -0
  13. package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.native.js +3 -0
  14. package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.native.js.map +1 -0
  15. package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.web.js +3 -0
  16. package/dist/cjs/Generics/NativeBaseDrawers/PLATFORM.web.js.map +1 -0
  17. package/dist/cjs/Generics/NativeBaseDrawers/index.js +137 -0
  18. package/dist/cjs/Generics/NativeBaseDrawers/index.js.map +1 -0
  19. package/dist/cjs/Generics/NativeBaseTabBar/NativeBaseTabBar.js +14 -0
  20. package/dist/cjs/Generics/NativeBaseTabBar/NativeBaseTabBar.js.map +1 -0
  21. package/dist/cjs/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js +15 -0
  22. package/dist/cjs/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js.map +1 -0
  23. package/dist/cjs/Generics/NativeBaseTabBar/index.js +3 -0
  24. package/dist/cjs/Generics/NativeBaseTabBar/index.js.map +1 -0
  25. package/dist/cjs/index.js +7 -0
  26. package/dist/cjs/index.js.map +1 -0
  27. package/dist/esm/Components/AppBar/DrawerToggle/index.js +15 -0
  28. package/dist/esm/Components/AppBar/DrawerToggle/index.js.map +1 -0
  29. package/dist/esm/Components/AppBar/index.js +33 -0
  30. package/dist/esm/Components/AppBar/index.js.map +1 -0
  31. package/dist/esm/Components/Drawers/DrawerBar/index.js +32 -0
  32. package/dist/esm/Components/Drawers/DrawerBar/index.js.map +1 -0
  33. package/dist/esm/Generics/NativeBaseButton/index.js +8 -0
  34. package/dist/esm/Generics/NativeBaseButton/index.js.map +1 -0
  35. package/dist/esm/Generics/NativeBaseContainer/index.js +8 -0
  36. package/dist/esm/Generics/NativeBaseContainer/index.js.map +1 -0
  37. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.d.ts +2 -0
  38. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.js +3 -0
  39. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.js.map +1 -0
  40. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.native.d.ts +2 -0
  41. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.native.js +3 -0
  42. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.native.js.map +1 -0
  43. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.web.d.ts +2 -0
  44. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.web.js +3 -0
  45. package/dist/esm/Generics/NativeBaseDrawers/PLATFORM.web.js.map +1 -0
  46. package/dist/esm/Generics/NativeBaseDrawers/index.js +137 -0
  47. package/dist/esm/Generics/NativeBaseDrawers/index.js.map +1 -0
  48. package/dist/esm/Generics/NativeBaseTabBar/NativeBaseTabBar.js +14 -0
  49. package/dist/esm/Generics/NativeBaseTabBar/NativeBaseTabBar.js.map +1 -0
  50. package/dist/esm/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js +15 -0
  51. package/dist/esm/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js.map +1 -0
  52. package/dist/esm/Generics/NativeBaseTabBar/index.js +3 -0
  53. package/dist/esm/Generics/NativeBaseTabBar/index.js.map +1 -0
  54. package/dist/esm/index.js +7 -0
  55. package/dist/esm/index.js.map +1 -0
  56. package/package.json +19 -16
  57. package/dist/Components/AppBar/DrawerToggle/index.js +0 -20
  58. package/dist/Components/AppBar/DrawerToggle/index.js.map +0 -1
  59. package/dist/Components/AppBar/index.js +0 -38
  60. package/dist/Components/AppBar/index.js.map +0 -1
  61. package/dist/Components/Drawers/DrawerBar/index.js +0 -34
  62. package/dist/Components/Drawers/DrawerBar/index.js.map +0 -1
  63. package/dist/Generics/NativeBaseButton/index.js +0 -10
  64. package/dist/Generics/NativeBaseButton/index.js.map +0 -1
  65. package/dist/Generics/NativeBaseContainer/index.js +0 -22
  66. package/dist/Generics/NativeBaseContainer/index.js.map +0 -1
  67. package/dist/Generics/NativeBaseDrawers/index.js +0 -141
  68. package/dist/Generics/NativeBaseDrawers/index.js.map +0 -1
  69. package/dist/Generics/NativeBaseTabBar/NativeBaseTabBar.js +0 -19
  70. package/dist/Generics/NativeBaseTabBar/NativeBaseTabBar.js.map +0 -1
  71. package/dist/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js +0 -20
  72. package/dist/Generics/NativeBaseTabBar/NativeBaseTabBarTab.js.map +0 -1
  73. package/dist/Generics/NativeBaseTabBar/index.js +0 -11
  74. package/dist/Generics/NativeBaseTabBar/index.js.map +0 -1
  75. package/dist/index.js +0 -20
  76. package/dist/index.js.map +0 -1
  77. /package/dist/{Components → esm/Components}/AppBar/DrawerToggle/index.d.ts +0 -0
  78. /package/dist/{Components → esm/Components}/AppBar/index.d.ts +0 -0
  79. /package/dist/{Components → esm/Components}/Drawers/DrawerBar/index.d.ts +0 -0
  80. /package/dist/{Generics → esm/Generics}/NativeBaseButton/index.d.ts +0 -0
  81. /package/dist/{Generics → esm/Generics}/NativeBaseContainer/index.d.ts +0 -0
  82. /package/dist/{Generics → esm/Generics}/NativeBaseDrawers/index.d.ts +0 -0
  83. /package/dist/{Generics → esm/Generics}/NativeBaseTabBar/NativeBaseTabBar.d.ts +0 -0
  84. /package/dist/{Generics → esm/Generics}/NativeBaseTabBar/NativeBaseTabBarTab.d.ts +0 -0
  85. /package/dist/{Generics → esm/Generics}/NativeBaseTabBar/index.d.ts +0 -0
  86. /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,3 @@
1
+ const PLATFORM = 'web';
2
+ export default PLATFORM;
3
+ //# sourceMappingURL=PLATFORM.js.map
@@ -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,3 @@
1
+ const PLATFORM = 'native';
2
+ export default PLATFORM;
3
+ //# sourceMappingURL=PLATFORM.native.js.map
@@ -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,3 @@
1
+ const PLATFORM = 'web';
2
+ export default PLATFORM;
3
+ //# sourceMappingURL=PLATFORM.web.js.map
@@ -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":"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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,3 @@
1
+ export { default as NativeBaseTabBar } from './NativeBaseTabBar';
2
+ export { default as NativeBaseTabBarTab } from './NativeBaseTabBarTab';
3
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ declare const PLATFORM = "web";
2
+ export default PLATFORM;
@@ -0,0 +1,3 @@
1
+ const PLATFORM = 'web';
2
+ export default PLATFORM;
3
+ //# sourceMappingURL=PLATFORM.js.map
@@ -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,2 @@
1
+ declare const PLATFORM = "native";
2
+ export default PLATFORM;
@@ -0,0 +1,3 @@
1
+ const PLATFORM = 'native';
2
+ export default PLATFORM;
3
+ //# sourceMappingURL=PLATFORM.native.js.map
@@ -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,2 @@
1
+ declare const PLATFORM = "web";
2
+ export default PLATFORM;
@@ -0,0 +1,3 @@
1
+ const PLATFORM = 'web';
2
+ export default PLATFORM;
3
+ //# sourceMappingURL=PLATFORM.web.js.map
@@ -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"}