@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.
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 +12 -9
  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,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"}
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.7.6",
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
- "types": "dist/index.d.ts",
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": "tsc -p ./tsconfig.json",
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.7",
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.3",
64
+ "react": "^19.2.4",
62
65
  "react-native": "^0.83.1",
63
- "react-test-renderer": "^19.2.3",
66
+ "react-test-renderer": "^19.2.4",
64
67
  "rimraf": "^6.1.2"
65
68
  },
66
69
  "dependencies": {
67
- "@dgui/react-shared": "1.7.6",
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": "864501301de458311da44d7b3043c7488ce6096c"
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"}