@dgui/react-native-material-bars-shared 1.8.3 → 1.8.5
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/AppBar.js +21 -16
- package/dist/cjs/AppBar.js.map +1 -1
- package/dist/cjs/DrawerBar.js +19 -14
- package/dist/cjs/DrawerBar.js.map +1 -1
- package/dist/cjs/DrawerToggle.js +12 -10
- package/dist/cjs/DrawerToggle.js.map +1 -1
- package/dist/cjs/TabBar.js +12 -10
- package/dist/cjs/TabBar.js.map +1 -1
- package/dist/cjs/TabBarItem.js +6 -4
- package/dist/cjs/TabBarItem.js.map +1 -1
- package/dist/cjs/Tabs.js +21 -16
- package/dist/cjs/Tabs.js.map +1 -1
- package/dist/cjs/index.js +12 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/renderScene.js +5 -3
- package/dist/cjs/renderScene.js.map +1 -1
- package/package.json +19 -19
package/dist/cjs/AppBar.js
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const
|
|
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 DrawerToggle_1 = __importDefault(require("./DrawerToggle"));
|
|
8
|
+
const Tabs_1 = __importDefault(require("./Tabs"));
|
|
9
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
10
|
+
const react_1 = require("react");
|
|
11
|
+
const react_native_1 = require("react-native");
|
|
12
|
+
const styles = react_native_1.StyleSheet.create({
|
|
8
13
|
appBar: {
|
|
9
14
|
alignItems: 'center',
|
|
10
15
|
backgroundColor: '#CCC',
|
|
@@ -14,7 +19,7 @@ const styles = StyleSheet.create({
|
|
|
14
19
|
}
|
|
15
20
|
});
|
|
16
21
|
const AppBar = ({ appBarStyle: givenAppBarStyle, children, drawerButtonIcon, tabBarStyle, ...props }) => {
|
|
17
|
-
const appBarStyle = useMemo(() => {
|
|
22
|
+
const appBarStyle = (0, react_1.useMemo)(() => {
|
|
18
23
|
return {
|
|
19
24
|
...styles.appBar,
|
|
20
25
|
...givenAppBarStyle
|
|
@@ -22,16 +27,16 @@ const AppBar = ({ appBarStyle: givenAppBarStyle, children, drawerButtonIcon, tab
|
|
|
22
27
|
}, [
|
|
23
28
|
givenAppBarStyle
|
|
24
29
|
]);
|
|
25
|
-
const selectTab = useSelectTab();
|
|
26
|
-
const tabIndex = useTabIndex();
|
|
27
|
-
const handleSelectTab = useCallback((index) => {
|
|
30
|
+
const selectTab = (0, react_shared_1.useSelectTab)();
|
|
31
|
+
const tabIndex = (0, react_shared_1.useTabIndex)();
|
|
32
|
+
const handleSelectTab = (0, react_1.useCallback)((index) => {
|
|
28
33
|
selectTab(index);
|
|
29
34
|
}, [
|
|
30
35
|
selectTab
|
|
31
36
|
]);
|
|
32
|
-
const tabOrder = useTabOrder();
|
|
33
|
-
const tabs = useTabs();
|
|
34
|
-
const routes = useMemo(() => {
|
|
37
|
+
const tabOrder = (0, react_shared_1.useTabOrder)();
|
|
38
|
+
const tabs = (0, react_shared_1.useTabs)();
|
|
39
|
+
const routes = (0, react_1.useMemo)(() => {
|
|
35
40
|
return tabOrder.map((tabId) => {
|
|
36
41
|
return ({
|
|
37
42
|
accessibilityLabel: tabs[tabId]?.title ?? tabId,
|
|
@@ -44,7 +49,7 @@ const AppBar = ({ appBarStyle: givenAppBarStyle, children, drawerButtonIcon, tab
|
|
|
44
49
|
tabOrder,
|
|
45
50
|
tabs
|
|
46
51
|
]);
|
|
47
|
-
return (
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: appBarStyle, children: [(0, jsx_runtime_1.jsx)(DrawerToggle_1.default, { icon: drawerButtonIcon }), (0, jsx_runtime_1.jsx)(Tabs_1.default, { ...props, defaultIndex: tabIndex, onSelectTab: handleSelectTab, routes: routes, style: tabBarStyle }), children] }));
|
|
48
53
|
};
|
|
49
|
-
|
|
54
|
+
exports.default = AppBar;
|
|
50
55
|
//# sourceMappingURL=AppBar.js.map
|
package/dist/cjs/AppBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/AppBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/AppBar.tsx"],"names":[],"mappings":";;;;;;AAAA,kEAA0C;AAC1C,kDAA0B;AAC1B,qDAK4B;AAC5B,iCAKe;AACf,+CAKsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM;QAEvB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAmC,CAAC,EAC9C,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAyB,IAAA,eAAO,EAC/C,GAAG,EAAE;QACH,OAAO;YACL,GAAG,MAAM,CAAC,MAAM;YAChB,GAAG,gBAAgB;SACpB,CAAC;IACJ,CAAC,EACD;QACE,gBAAgB;KACjB,CACF,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CACE,KAAa,EACb,EAAE;QACF,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,sBAAO,GAAE,CAAC;IAEvB,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CACE,KAAK,EACL,EAAE;YACF,OAAO,CACL;gBACE,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,KAAK;gBAC/C,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,KAAK;aACnC,CACF,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,QAAQ;QACR,IAAI;KACL,CACF,CAAC;IAEF,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE,WAAW,aAElB,uBAAC,sBAAY,IACX,IAAI,EAAE,gBAAgB,GACtB,EACF,uBAAC,cAAI,OACC,KAAK,EACT,YAAY,EAAE,QAAQ,EACtB,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,WAAW,GAClB,EACD,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
package/dist/cjs/DrawerBar.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
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 Tabs_1 = __importDefault(require("./Tabs"));
|
|
8
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
9
|
+
const react_1 = require("react");
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
const styles = react_native_1.StyleSheet.create({
|
|
7
12
|
tabBar: {
|
|
8
13
|
backgroundColor: '#CCC',
|
|
9
14
|
display: 'flex',
|
|
@@ -12,16 +17,16 @@ const styles = StyleSheet.create({
|
|
|
12
17
|
}
|
|
13
18
|
});
|
|
14
19
|
const DrawerBar = () => {
|
|
15
|
-
const drawerIndex = useDrawerIndex();
|
|
16
|
-
const selectDrawer = useSelectDrawer();
|
|
17
|
-
const handleSelectDrawer = useCallback((tabIndex) => {
|
|
20
|
+
const drawerIndex = (0, react_shared_1.useDrawerIndex)();
|
|
21
|
+
const selectDrawer = (0, react_shared_1.useSelectDrawer)();
|
|
22
|
+
const handleSelectDrawer = (0, react_1.useCallback)((tabIndex) => {
|
|
18
23
|
selectDrawer(tabIndex);
|
|
19
24
|
}, [
|
|
20
25
|
selectDrawer
|
|
21
26
|
]);
|
|
22
|
-
const drawerOrder = useDrawerOrder();
|
|
23
|
-
const drawers = useDrawers();
|
|
24
|
-
const routes = useMemo(() => {
|
|
27
|
+
const drawerOrder = (0, react_shared_1.useDrawerOrder)();
|
|
28
|
+
const drawers = (0, react_shared_1.useDrawers)();
|
|
29
|
+
const routes = (0, react_1.useMemo)(() => {
|
|
25
30
|
return drawerOrder.map((drawerId) => {
|
|
26
31
|
return ({
|
|
27
32
|
key: drawerId,
|
|
@@ -32,7 +37,7 @@ const DrawerBar = () => {
|
|
|
32
37
|
drawerOrder,
|
|
33
38
|
drawers
|
|
34
39
|
]);
|
|
35
|
-
return (
|
|
40
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.tabBar, children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { defaultIndex: drawerIndex, onSelectTab: handleSelectDrawer, routes: routes }) }));
|
|
36
41
|
};
|
|
37
|
-
|
|
42
|
+
exports.default = DrawerBar;
|
|
38
43
|
//# sourceMappingURL=DrawerBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerBar.js","sourceRoot":"","sources":["../../src/DrawerBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerBar.js","sourceRoot":"","sources":["../../src/DrawerBar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAK4B;AAC5B,iCAIe;AACf,+CAGsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,eAAe,EAAE,MAAM;QAEvB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAAsC,GAAG,EAAE;IACxD,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CACE,QAAgB,EAChB,EAAE;QACF,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IACrC,MAAM,OAAO,GAAG,IAAA,yBAAU,GAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CACE,QAAQ,EACR,EAAE;YACF,OAAO,CACL;gBACE,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,QAAQ;aAC5C,CACF,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;QACX,OAAO;KACR,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE,MAAM,CAAC,MAAM,YAEpB,uBAAC,cAAI,IACH,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,kBAAkB,EAC/B,MAAM,EAAE,MAAM,GACd,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
package/dist/cjs/DrawerToggle.js
CHANGED
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const react_native_paper_1 = require("react-native-paper");
|
|
8
|
+
const styles = react_native_1.StyleSheet.create({
|
|
7
9
|
iconButton: {
|
|
8
10
|
margin: 0
|
|
9
11
|
}
|
|
10
12
|
});
|
|
11
13
|
const DrawerToggle = ({ icon }) => {
|
|
12
|
-
const toggleDrawer = useDrawerToggle();
|
|
13
|
-
const handlePress = useCallback(() => {
|
|
14
|
+
const toggleDrawer = (0, react_shared_1.useDrawerToggle)();
|
|
15
|
+
const handlePress = (0, react_1.useCallback)(() => {
|
|
14
16
|
if (toggleDrawer) {
|
|
15
17
|
toggleDrawer();
|
|
16
18
|
}
|
|
17
19
|
}, [
|
|
18
20
|
toggleDrawer
|
|
19
21
|
]);
|
|
20
|
-
return (
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(react_native_paper_1.IconButton, { accessibilityLabel: 'open drawer', icon: icon ?? 'menu', onPress: handlePress, style: styles.iconButton }));
|
|
21
23
|
};
|
|
22
|
-
|
|
24
|
+
exports.default = (0, react_1.memo)(DrawerToggle);
|
|
23
25
|
//# sourceMappingURL=DrawerToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerToggle.js","sourceRoot":"","sources":["../../src/DrawerToggle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerToggle.js","sourceRoot":"","sources":["../../src/DrawerToggle.tsx"],"names":[],"mappings":";;;AAAA,qDAE4B;AAC5B,iCAIe;AACf,+CAEsB;AACtB,2DAE4B;AAE5B,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE;QACV,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAyC,CAAC,EAC1D,IAAI,EACL,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,GAAG,EAAE;QACH,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,+BAAU,IACT,kBAAkB,EAAC,aAAa,EAGhC,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,MAAM,CAAC,UAAU,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EACjB,YAAY,CACb,CAAC"}
|
package/dist/cjs/TabBar.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const react_native_tab_view_1 = require("react-native-tab-view");
|
|
7
|
+
const styles = react_native_1.StyleSheet.create({
|
|
6
8
|
indicator: {
|
|
7
9
|
backgroundColor: '#1976d2'
|
|
8
10
|
},
|
|
@@ -18,7 +20,7 @@ const styles = StyleSheet.create({
|
|
|
18
20
|
}
|
|
19
21
|
});
|
|
20
22
|
const TabBar = ({ indicatorStyle: parentIndicatorStyle, style: parentStyle, tabStyle: parentTabStyle, ...props }) => {
|
|
21
|
-
const style = useMemo(() => {
|
|
23
|
+
const style = (0, react_1.useMemo)(() => {
|
|
22
24
|
return {
|
|
23
25
|
...styles.tabBar,
|
|
24
26
|
...parentStyle
|
|
@@ -26,7 +28,7 @@ const TabBar = ({ indicatorStyle: parentIndicatorStyle, style: parentStyle, tabS
|
|
|
26
28
|
}, [
|
|
27
29
|
parentStyle
|
|
28
30
|
]);
|
|
29
|
-
const tabStyle = useMemo(() => {
|
|
31
|
+
const tabStyle = (0, react_1.useMemo)(() => {
|
|
30
32
|
return {
|
|
31
33
|
...styles.tabBarTab,
|
|
32
34
|
...parentTabStyle
|
|
@@ -34,7 +36,7 @@ const TabBar = ({ indicatorStyle: parentIndicatorStyle, style: parentStyle, tabS
|
|
|
34
36
|
}, [
|
|
35
37
|
parentTabStyle
|
|
36
38
|
]);
|
|
37
|
-
const indicatorStyle = useMemo(() => {
|
|
39
|
+
const indicatorStyle = (0, react_1.useMemo)(() => {
|
|
38
40
|
return {
|
|
39
41
|
...styles.indicator,
|
|
40
42
|
...parentIndicatorStyle
|
|
@@ -42,7 +44,7 @@ const TabBar = ({ indicatorStyle: parentIndicatorStyle, style: parentStyle, tabS
|
|
|
42
44
|
}, [
|
|
43
45
|
parentIndicatorStyle
|
|
44
46
|
]);
|
|
45
|
-
return (
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabBar, { bounces: true, indicatorStyle: indicatorStyle, pressColor: '#999', scrollEnabled: true, style: style, tabStyle: tabStyle, ...props }));
|
|
46
48
|
};
|
|
47
|
-
|
|
49
|
+
exports.default = TabBar;
|
|
48
50
|
//# sourceMappingURL=TabBar.js.map
|
package/dist/cjs/TabBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../src/TabBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../src/TabBar.tsx"],"names":[],"mappings":";;;AAAA,iCAGe;AACf,+CAIsB;AACtB,iEAK+B;AAE/B,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,SAAS;KAC3B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,MAAM;KACtB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,oBAAoB;KACtC;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAWH,MAAM,MAAM,GAAG,CAAC,EACd,cAAc,EAAE,oBAAoB,EAEpC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,EACxB,GAAG,KAAK,EACI,EAAE,EAAE;IAChB,MAAM,KAAK,GAAyB,IAAA,eAAO,EACzC,GAAG,EAAE;QACH,OAAO;YACL,GAAG,MAAM,CAAC,MAAM;YAChB,GAAG,WAAW;SACf,CAAC;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,QAAQ,GAAyB,IAAA,eAAO,EAC5C,GAAG,EAAE;QACH,OAAO;YACL,GAAG,MAAM,CAAC,SAAS;YACnB,GAAG,cAAc;SAClB,CAAC;IACJ,CAAC,EACD;QACE,cAAc;KACf,CACF,CAAC;IAEF,MAAM,cAAc,GAAyB,IAAA,eAAO,EAClD,GAAG,EAAE;QACH,OAAO;YACL,GAAG,MAAM,CAAC,SAAS;YACnB,GAAG,oBAAoB;SACxB,CAAC;IACJ,CAAC,EACD;QACE,oBAAoB;KACrB,CACF,CAAC;IAgBF,OAAO,CACL,uBAAC,8BAAc,IAGb,OAAO,QACP,cAAc,EAAE,cAAc,EAE9B,UAAU,EAAC,MAAM,EACjB,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
package/dist/cjs/TabBarItem.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_native_tab_view_1 = require("react-native-tab-view");
|
|
3
5
|
const TabBarItem = ({ key, ...props }) => {
|
|
4
|
-
return (
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabBarItem, { ...props }));
|
|
5
7
|
};
|
|
6
|
-
|
|
8
|
+
exports.default = TabBarItem;
|
|
7
9
|
//# sourceMappingURL=TabBarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarItem.js","sourceRoot":"","sources":["../../src/TabBarItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TabBarItem.js","sourceRoot":"","sources":["../../src/TabBarItem.tsx"],"names":[],"mappings":";;;AAIA,iEAG+B;AAU/B,MAAM,UAAU,GAAqB,CAAC,EAEpC,GAAG,EACH,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,kCAAkB,OACb,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
package/dist/cjs/Tabs.js
CHANGED
|
@@ -1,18 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 renderScene_1 = __importDefault(require("./renderScene"));
|
|
8
|
+
const TabBar_1 = __importDefault(require("./TabBar"));
|
|
9
|
+
const TabBarItem_1 = __importDefault(require("./TabBarItem"));
|
|
10
|
+
const react_1 = require("react");
|
|
11
|
+
const react_native_tab_view_1 = require("react-native-tab-view");
|
|
7
12
|
const Tabs = ({ defaultIndex, indicatorStyle, onSelectTab, renderTabBarItem: givenRenderTabBarItem, routes = [], style, tabStyle }) => {
|
|
8
|
-
const handleSelectTab = useCallback((tabIndex) => {
|
|
13
|
+
const handleSelectTab = (0, react_1.useCallback)((tabIndex) => {
|
|
9
14
|
if (onSelectTab) {
|
|
10
15
|
onSelectTab(tabIndex);
|
|
11
16
|
}
|
|
12
17
|
}, [
|
|
13
18
|
onSelectTab
|
|
14
19
|
]);
|
|
15
|
-
const navigationState = useMemo(() => {
|
|
20
|
+
const navigationState = (0, react_1.useMemo)(() => {
|
|
16
21
|
const index = defaultIndex < routes.length ?
|
|
17
22
|
defaultIndex :
|
|
18
23
|
routes.length - 1;
|
|
@@ -24,24 +29,24 @@ const Tabs = ({ defaultIndex, indicatorStyle, onSelectTab, renderTabBarItem: giv
|
|
|
24
29
|
defaultIndex,
|
|
25
30
|
routes
|
|
26
31
|
]);
|
|
27
|
-
const renderedScene = useMemo(() => {
|
|
28
|
-
return
|
|
32
|
+
const renderedScene = (0, react_1.useMemo)(() => {
|
|
33
|
+
return (0, renderScene_1.default)(routes);
|
|
29
34
|
}, [
|
|
30
35
|
routes
|
|
31
36
|
]);
|
|
32
|
-
const renderTabBarItem = useMemo(() => {
|
|
37
|
+
const renderTabBarItem = (0, react_1.useMemo)(() => {
|
|
33
38
|
const render = (props) => {
|
|
34
39
|
return givenRenderTabBarItem ?
|
|
35
40
|
givenRenderTabBarItem(props) :
|
|
36
|
-
|
|
41
|
+
(0, TabBarItem_1.default)(props);
|
|
37
42
|
};
|
|
38
43
|
return render;
|
|
39
44
|
}, [
|
|
40
45
|
givenRenderTabBarItem
|
|
41
46
|
]);
|
|
42
|
-
const renderTabBar = useMemo(() => {
|
|
47
|
+
const renderTabBar = (0, react_1.useMemo)(() => {
|
|
43
48
|
const render = (props) => {
|
|
44
|
-
return
|
|
49
|
+
return (0, TabBar_1.default)({
|
|
45
50
|
indicatorStyle,
|
|
46
51
|
renderTabBarItem,
|
|
47
52
|
style,
|
|
@@ -56,7 +61,7 @@ const Tabs = ({ defaultIndex, indicatorStyle, onSelectTab, renderTabBarItem: giv
|
|
|
56
61
|
style,
|
|
57
62
|
tabStyle
|
|
58
63
|
]);
|
|
59
|
-
return (
|
|
64
|
+
return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabView, { navigationState: navigationState, onIndexChange: handleSelectTab, renderScene: renderedScene, renderTabBar: renderTabBar }));
|
|
60
65
|
};
|
|
61
|
-
|
|
66
|
+
exports.default = Tabs;
|
|
62
67
|
//# sourceMappingURL=Tabs.js.map
|
package/dist/cjs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":";;;;;;AAAA,gEAAwC;AACxC,sDAEkB;AAClB,8DAEsB;AACtB,iCAIe;AACf,iEAG+B;AAE/B,MAAM,IAAI,GAAiC,CAAC,EAC1C,YAAY,EACZ,cAAc,EAEd,WAAW,EACX,gBAAgB,EAAE,qBAAqB,EACvC,MAAM,GAAG,EAAE,EACX,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CACE,QAAgB,EAChB,EAAE;QACF,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE;QAEH,MAAM,KAAK,GAAG,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;YAC1C,YAAY,CAAC,CAAC;YACd,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAEpB,OAAO;YACL,KAAK;YACL,MAAM;SACP,CAAC;IACJ,CAAC,EACD;QACE,YAAY;QACZ,MAAM;KACP,CACF,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE;QACH,OAAO,IAAA,qBAAW,EAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EACD;QACE,MAAM;KACP,CACF,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE;QACH,MAAM,MAAM,GAAqB,CAAC,KAAK,EAAE,EAAE;YACzC,OAAO,qBAAqB,CAAC,CAAC;gBAC5B,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9B,IAAA,oBAAU,EAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,OAAO,MAAM,CAAC;IAChB,CAAC,EACD;QACE,qBAAqB;KACtB,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE;QACH,MAAM,MAAM,GAAiB,CAAC,KAAK,EAAE,EAAE;YACrC,OAAO,IAAA,gBAAM,EAAC;gBACZ,cAAc;gBAEd,gBAAgB;gBAChB,KAAK;gBACL,QAAQ;gBACR,GAAG,KAAK;aACT,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,MAAM,CAAC;IAChB,CAAC,EACD;QACE,cAAc;QAEd,gBAAgB;QAChB,KAAK;QACL,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,+BAAkB,IACjB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,eAAe,EAC9B,WAAW,EAAE,aAAa,EAC1B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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.ReactNativeMaterialSharedTabs = exports.ReactNativeMaterialSharedDrawerBar = exports.ReactNativeMaterialSharedAppBar = void 0;
|
|
7
|
+
var AppBar_1 = require("./AppBar");
|
|
8
|
+
Object.defineProperty(exports, "ReactNativeMaterialSharedAppBar", { enumerable: true, get: function () { return __importDefault(AppBar_1).default; } });
|
|
9
|
+
var DrawerBar_1 = require("./DrawerBar");
|
|
10
|
+
Object.defineProperty(exports, "ReactNativeMaterialSharedDrawerBar", { enumerable: true, get: function () { return __importDefault(DrawerBar_1).default; } });
|
|
11
|
+
var Tabs_1 = require("./Tabs");
|
|
12
|
+
Object.defineProperty(exports, "ReactNativeMaterialSharedTabs", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
|
|
4
13
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAGkB;AAFhB,0IAAA,OAAO,OAAmC;AAG5C,yCAGqB;AAFnB,gJAAA,OAAO,OAAsC;AAG/C,+BAGgB;AAFd,sIAAA,OAAO,OAAiC"}
|
package/dist/cjs/renderScene.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_native_tab_view_1 = require("react-native-tab-view");
|
|
4
|
+
exports.default = (routes) => {
|
|
5
|
+
return (0, react_native_tab_view_1.SceneMap)(routes.reduce((groutes, route) => {
|
|
4
6
|
groutes[route.key] = () => {
|
|
5
7
|
return null;
|
|
6
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderScene.js","sourceRoot":"","sources":["../../src/renderScene.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"renderScene.js","sourceRoot":"","sources":["../../src/renderScene.tsx"],"names":[],"mappings":";;AAAA,iEAE+B;AAE/B,kBAAe,CACb,MAGE,EACF,EAAE;IACF,OAAO,IAAA,gCAAQ,EAEb,MAAM,CAAC,MAAM,CACX,CACE,OAAO,EACP,KAAK,EACL,EAAE;QACF,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,EAAE;YACxB,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QAEF,OAAO,OAAO,CAAC;IACjB,CAAC,EACD,EAAE,CAAC,CACN,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dgui/react-native-material-bars-shared",
|
|
3
3
|
"title": "Digested React GUI Shared Native Material Bars Shared Components",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
|
-
"version": "1.8.
|
|
5
|
+
"version": "1.8.5",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "Shared Native Material Bars (AppBar & DrawerBar) components for @dgui",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -45,44 +45,44 @@
|
|
|
45
45
|
"clean:dist": "rimraf dist"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@digest/eslint-config-jest": "^4.14.
|
|
49
|
-
"@digest/eslint-config-react": "^4.14.
|
|
50
|
-
"@digest/eslint-config-typescript": "^4.14.
|
|
51
|
-
"@digest/jest-junit": "^4.14.
|
|
52
|
-
"@digest/jest-react": "^4.14.
|
|
53
|
-
"@digest/jest-typescript": "^4.14.
|
|
54
|
-
"@digest/typescript": "^4.14.
|
|
48
|
+
"@digest/eslint-config-jest": "^4.14.16",
|
|
49
|
+
"@digest/eslint-config-react": "^4.14.16",
|
|
50
|
+
"@digest/eslint-config-typescript": "^4.14.16",
|
|
51
|
+
"@digest/jest-junit": "^4.14.16",
|
|
52
|
+
"@digest/jest-react": "^4.14.16",
|
|
53
|
+
"@digest/jest-typescript": "^4.14.16",
|
|
54
|
+
"@digest/typescript": "^4.14.16",
|
|
55
55
|
"@react-native-vector-icons/get-image": "^12.3.0",
|
|
56
|
-
"@react-native-vector-icons/material-design-icons": "^12.
|
|
56
|
+
"@react-native-vector-icons/material-design-icons": "^12.5.0",
|
|
57
57
|
"@types/jest": "^30.0.0",
|
|
58
58
|
"@types/react": "^19.2.14",
|
|
59
59
|
"@types/react-test-renderer": "^19.1.0",
|
|
60
60
|
"cross-env": "^10.1.0",
|
|
61
|
-
"jest-environment-jsdom": "^30.
|
|
61
|
+
"jest-environment-jsdom": "^30.3.0",
|
|
62
62
|
"jest-environment-jsdom-global": "^4.0.0",
|
|
63
63
|
"npm-run-all": "^4.1.5",
|
|
64
64
|
"react": "^19.2.4",
|
|
65
|
-
"react-native": "^0.84.
|
|
66
|
-
"react-native-pager-view": "^
|
|
65
|
+
"react-native": "^0.84.1",
|
|
66
|
+
"react-native-pager-view": "^8.0.0",
|
|
67
67
|
"react-native-paper": "^5.15.0",
|
|
68
|
-
"react-native-safe-area-context": "^5.
|
|
69
|
-
"react-native-tab-view": "^4.
|
|
68
|
+
"react-native-safe-area-context": "^5.7.0",
|
|
69
|
+
"react-native-tab-view": "^4.3.0",
|
|
70
70
|
"react-native-vector-icons": "^10.3.0",
|
|
71
71
|
"react-test-renderer": "^19.2.4",
|
|
72
72
|
"rimraf": "^6.1.3"
|
|
73
73
|
},
|
|
74
74
|
"dependencies": {
|
|
75
|
-
"@dgui/react-shared": "^1.8.
|
|
75
|
+
"@dgui/react-shared": "^1.8.5"
|
|
76
76
|
},
|
|
77
77
|
"peerDependencies": {
|
|
78
78
|
"@react-native-vector-icons/get-image": "^12.0.0",
|
|
79
79
|
"@react-native-vector-icons/material-design-icons": "^12.0.0",
|
|
80
80
|
"react": "^18.0.0 || ^19.0.0",
|
|
81
|
-
"react-native": "^0.
|
|
82
|
-
"react-native-pager-view": "^
|
|
81
|
+
"react-native": "^0.84.0",
|
|
82
|
+
"react-native-pager-view": "^8.0.0",
|
|
83
83
|
"react-native-paper": "^5.0.0",
|
|
84
84
|
"react-native-safe-area-context": "^5.0.0",
|
|
85
|
-
"react-native-tab-view": "^4.
|
|
85
|
+
"react-native-tab-view": "^4.0.0"
|
|
86
86
|
},
|
|
87
87
|
"keywords": [
|
|
88
88
|
"digest",
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"material",
|
|
95
95
|
"typescript"
|
|
96
96
|
],
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "cbce957f6788a84d0b93534464b0c03d07ef5a86"
|
|
98
98
|
}
|