@dgui/react-native-material-bars-shared 1.7.6 → 1.8.0-next.1

package/dist/cjs/AppBar.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DrawerToggle from './DrawerToggle';
+import Tabs from './Tabs';
+import { useSelectTab, useTabIndex, useTabOrder, useTabs } from '@dgui/react-shared';
+import { useCallback, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+const styles = StyleSheet.create({
+    appBar: {
+        alignItems: 'center',
+        backgroundColor: '#CCC',
+        display: 'flex',
+        elevation: 12,
+        flexDirection: 'row'
+    }
+});
+const AppBar = ({ appBarStyle: givenAppBarStyle, children, drawerButtonIcon, tabBarStyle, ...props }) => {
+    const appBarStyle = useMemo(() => {
+        return {
+            ...styles.appBar,
+            ...givenAppBarStyle
+        };
+    }, [
+        givenAppBarStyle
+    ]);
+    const selectTab = useSelectTab();
+    const tabIndex = useTabIndex();
+    const handleSelectTab = useCallback((index) => {
+        selectTab(index);
+    }, [
+        selectTab
+    ]);
+    const tabOrder = useTabOrder();
+    const tabs = useTabs();
+    const routes = useMemo(() => {
+        return tabOrder.map((tabId) => {
+            return ({
+                accessibilityLabel: tabs[tabId]?.title ?? tabId,
+                icon: undefined,
+                key: tabId,
+                title: tabs[tabId]?.title ?? tabId
+            });
+        });
+    }, [
+        tabOrder,
+        tabs
+    ]);
+    return (_jsxs(View, { style: appBarStyle, children: [_jsx(DrawerToggle, { icon: drawerButtonIcon }), _jsx(Tabs, { ...props, defaultIndex: tabIndex, onSelectTab: handleSelectTab, routes: routes, style: tabBarStyle }), children] }));
+};
+export default AppBar;
+//# sourceMappingURL=AppBar.js.map

package/dist/cjs/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/AppBar.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAGL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,UAAU,EACV,IAAI,EAEL,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,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,OAAO,CAC/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,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,KAAa,EACb,EAAE;QACF,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,MAAM,GAAG,OAAO,CACpB,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,MAAC,IAAI,IACH,KAAK,EAAE,WAAW,aAElB,KAAC,YAAY,IACX,IAAI,EAAE,gBAAgB,GACtB,EACF,KAAC,IAAI,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,eAAe,MAAM,CAAC"}

package/dist/cjs/DrawerBar.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Tabs from './Tabs';
+import { useDrawerIndex, useDrawerOrder, useDrawers, useSelectDrawer } from '@dgui/react-shared';
+import { useCallback, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+const styles = StyleSheet.create({
+    tabBar: {
+        backgroundColor: '#CCC',
+        display: 'flex',
+        elevation: 6,
+        flexDirection: 'row'
+    }
+});
+const DrawerBar = () => {
+    const drawerIndex = useDrawerIndex();
+    const selectDrawer = useSelectDrawer();
+    const handleSelectDrawer = useCallback((tabIndex) => {
+        selectDrawer(tabIndex);
+    }, [
+        selectDrawer
+    ]);
+    const drawerOrder = useDrawerOrder();
+    const drawers = useDrawers();
+    const routes = useMemo(() => {
+        return drawerOrder.map((drawerId) => {
+            return ({
+                key: drawerId,
+                title: drawers[drawerId]?.title ?? drawerId
+            });
+        });
+    }, [
+        drawerOrder,
+        drawers
+    ]);
+    return (_jsx(View, { style: styles.tabBar, children: _jsx(Tabs, { defaultIndex: drawerIndex, onSelectTab: handleSelectDrawer, routes: routes }) }));
+};
+export default DrawerBar;
+//# sourceMappingURL=DrawerBar.js.map

package/dist/cjs/DrawerBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBar.js","sourceRoot":"","sources":["../../src/DrawerBar.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,cAAc,EACd,UAAU,EACV,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,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,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CACE,QAAgB,EAChB,EAAE;QACF,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,OAAO,CACpB,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,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,MAAM,YAEpB,KAAC,IAAI,IACH,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,kBAAkB,EAC/B,MAAM,EAAE,MAAM,GACd,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/cjs/DrawerToggle.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDrawerToggle } from '@dgui/react-shared';
+import { memo, useCallback } from 'react';
+import { StyleSheet } from 'react-native';
+import { IconButton } from 'react-native-paper';
+const styles = StyleSheet.create({
+    iconButton: {
+        margin: 0
+    }
+});
+const DrawerToggle = ({ icon }) => {
+    const toggleDrawer = useDrawerToggle();
+    const handlePress = useCallback(() => {
+        if (toggleDrawer) {
+            toggleDrawer();
+        }
+    }, [
+        toggleDrawer
+    ]);
+    return (_jsx(IconButton, { accessibilityLabel: 'open drawer', icon: icon ?? 'menu', onPress: handlePress, style: styles.iconButton }));
+};
+export default memo(DrawerToggle);
+//# sourceMappingURL=DrawerToggle.js.map

package/dist/cjs/DrawerToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerToggle.js","sourceRoot":"","sources":["../../src/DrawerToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,IAAI,EACJ,WAAW,EACZ,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,UAAU,EACX,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,GAAG,UAAU,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,eAAe,EAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE;QACH,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,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,eAAe,IAAI,CACjB,YAAY,CACb,CAAC"}

package/dist/cjs/TabBar.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { TabBar as AnnoyingTabBar } from 'react-native-tab-view';
+const styles = StyleSheet.create({
+    indicator: {
+        backgroundColor: '#1976d2'
+    },
+    label: {
+        color: '#1976d2',
+        textTransform: 'none'
+    },
+    tabBar: {
+        backgroundColor: 'rgb(204, 204, 204)'
+    },
+    tabBarTab: {
+        width: 'auto'
+    }
+});
+const TabBar = ({ indicatorStyle: parentIndicatorStyle, style: parentStyle, tabStyle: parentTabStyle, ...props }) => {
+    const style = useMemo(() => {
+        return {
+            ...styles.tabBar,
+            ...parentStyle
+        };
+    }, [
+        parentStyle
+    ]);
+    const tabStyle = useMemo(() => {
+        return {
+            ...styles.tabBarTab,
+            ...parentTabStyle
+        };
+    }, [
+        parentTabStyle
+    ]);
+    const indicatorStyle = useMemo(() => {
+        return {
+            ...styles.indicator,
+            ...parentIndicatorStyle
+        };
+    }, [
+        parentIndicatorStyle
+    ]);
+    return (_jsx(AnnoyingTabBar, { bounces: true, indicatorStyle: indicatorStyle, pressColor: '#999', scrollEnabled: true, style: style, tabStyle: tabStyle, ...props }));
+};
+export default TabBar;
+//# sourceMappingURL=TabBar.js.map

package/dist/cjs/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../src/TabBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,UAAU,EAEX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,MAAM,IAAI,cAAc,EAIzB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,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,OAAO,CACzC,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,OAAO,CAC5C,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,OAAO,CAClD,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,KAAC,cAAc,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,eAAe,MAAM,CAAC"}

package/dist/cjs/TabBarItem.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TabBarItem as AnnoyingTabBarItem } from 'react-native-tab-view';
+const TabBarItem = ({ key, ...props }) => {
+    return (_jsx(AnnoyingTabBarItem, { ...props }));
+};
+export default TabBarItem;
+//# sourceMappingURL=TabBarItem.js.map

package/dist/cjs/TabBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarItem.js","sourceRoot":"","sources":["../../src/TabBarItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,UAAU,IAAI,kBAAkB,EAEjC,MAAM,uBAAuB,CAAC;AAU/B,MAAM,UAAU,GAAqB,CAAC,EAEpC,GAAG,EACH,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,kBAAkB,OACb,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/cjs/Tabs.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import renderScene from './renderScene';
+import TabBar from './TabBar';
+import TabBarItem from './TabBarItem';
+import { useCallback, useMemo } from 'react';
+import { TabView as ReactNativeTabView } from 'react-native-tab-view';
+const Tabs = ({ defaultIndex, indicatorStyle, onSelectTab, renderTabBarItem: givenRenderTabBarItem, routes = [], style, tabStyle }) => {
+    const handleSelectTab = useCallback((tabIndex) => {
+        if (onSelectTab) {
+            onSelectTab(tabIndex);
+        }
+    }, [
+        onSelectTab
+    ]);
+    const navigationState = useMemo(() => {
+        const index = defaultIndex < routes.length ?
+            defaultIndex :
+            routes.length - 1;
+        return {
+            index,
+            routes
+        };
+    }, [
+        defaultIndex,
+        routes
+    ]);
+    const renderedScene = useMemo(() => {
+        return renderScene(routes);
+    }, [
+        routes
+    ]);
+    const renderTabBarItem = useMemo(() => {
+        const render = (props) => {
+            return givenRenderTabBarItem ?
+                givenRenderTabBarItem(props) :
+                TabBarItem(props);
+        };
+        return render;
+    }, [
+        givenRenderTabBarItem
+    ]);
+    const renderTabBar = useMemo(() => {
+        const render = (props) => {
+            return TabBar({
+                indicatorStyle,
+                renderTabBarItem,
+                style,
+                tabStyle,
+                ...props
+            });
+        };
+        return render;
+    }, [
+        indicatorStyle,
+        renderTabBarItem,
+        style,
+        tabStyle
+    ]);
+    return (_jsx(ReactNativeTabView, { navigationState: navigationState, onIndexChange: handleSelectTab, renderScene: renderedScene, renderTabBar: renderTabBar }));
+};
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

package/dist/cjs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,MAEN,MAAM,UAAU,CAAC;AAClB,OAAO,UAEN,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,OAAO,IAAI,kBAAkB,EAC9B,MAAM,uBAAuB,CAAC;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,WAAW,CACjC,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,OAAO,CAC7B,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,OAAO,CAC3B,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EACD;QACE,MAAM;KACP,CACF,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE;QACH,MAAM,MAAM,GAAqB,CAAC,KAAK,EAAE,EAAE;YACzC,OAAO,qBAAqB,CAAC,CAAC;gBAC5B,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,OAAO,MAAM,CAAC;IAChB,CAAC,EACD;QACE,qBAAqB;KACtB,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE;QACH,MAAM,MAAM,GAAiB,CAAC,KAAK,EAAE,EAAE;YACrC,OAAO,MAAM,CAAC;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,KAAC,kBAAkB,IACjB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,eAAe,EAC9B,WAAW,EAAE,aAAa,EAC1B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,4 @@
+export { default as ReactNativeMaterialSharedAppBar } from './AppBar';
+export { default as ReactNativeMaterialSharedDrawerBar } from './DrawerBar';
+export { default as ReactNativeMaterialSharedTabs } from './Tabs';
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,+BAA+B,EAE3C,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,OAAO,IAAI,kCAAkC,EAE9C,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,OAAO,IAAI,6BAA6B,EAEzC,MAAM,QAAQ,CAAC"}

package/dist/cjs/renderScene.js

@@ -0,0 +1,10 @@
+import { SceneMap } from 'react-native-tab-view';
+export default (routes) => {
+    return SceneMap(routes.reduce((groutes, route) => {
+        groutes[route.key] = () => {
+            return null;
+        };
+        return groutes;
+    }, {}));
+};
+//# sourceMappingURL=renderScene.js.map

package/dist/cjs/renderScene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderScene.js","sourceRoot":"","sources":["../../src/renderScene.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACT,MAAM,uBAAuB,CAAC;AAE/B,eAAe,CACb,MAGE,EACF,EAAE;IACF,OAAO,QAAQ,CAEb,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/dist/esm/AppBar.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DrawerToggle from './DrawerToggle';
+import Tabs from './Tabs';
+import { useSelectTab, useTabIndex, useTabOrder, useTabs } from '@dgui/react-shared';
+import { useCallback, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+const styles = StyleSheet.create({
+    appBar: {
+        alignItems: 'center',
+        backgroundColor: '#CCC',
+        display: 'flex',
+        elevation: 12,
+        flexDirection: 'row'
+    }
+});
+const AppBar = ({ appBarStyle: givenAppBarStyle, children, drawerButtonIcon, tabBarStyle, ...props }) => {
+    const appBarStyle = useMemo(() => {
+        return {
+            ...styles.appBar,
+            ...givenAppBarStyle
+        };
+    }, [
+        givenAppBarStyle
+    ]);
+    const selectTab = useSelectTab();
+    const tabIndex = useTabIndex();
+    const handleSelectTab = useCallback((index) => {
+        selectTab(index);
+    }, [
+        selectTab
+    ]);
+    const tabOrder = useTabOrder();
+    const tabs = useTabs();
+    const routes = useMemo(() => {
+        return tabOrder.map((tabId) => {
+            return ({
+                accessibilityLabel: tabs[tabId]?.title ?? tabId,
+                icon: undefined,
+                key: tabId,
+                title: tabs[tabId]?.title ?? tabId
+            });
+        });
+    }, [
+        tabOrder,
+        tabs
+    ]);
+    return (_jsxs(View, { style: appBarStyle, children: [_jsx(DrawerToggle, { icon: drawerButtonIcon }), _jsx(Tabs, { ...props, defaultIndex: tabIndex, onSelectTab: handleSelectTab, routes: routes, style: tabBarStyle }), children] }));
+};
+export default AppBar;
+//# sourceMappingURL=AppBar.js.map

package/dist/esm/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/AppBar.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAGL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,UAAU,EACV,IAAI,EAEL,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,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,OAAO,CAC/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,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,KAAa,EACb,EAAE;QACF,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,MAAM,GAAG,OAAO,CACpB,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,MAAC,IAAI,IACH,KAAK,EAAE,WAAW,aAElB,KAAC,YAAY,IACX,IAAI,EAAE,gBAAgB,GACtB,EACF,KAAC,IAAI,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,eAAe,MAAM,CAAC"}

package/dist/esm/DrawerBar.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Tabs from './Tabs';
+import { useDrawerIndex, useDrawerOrder, useDrawers, useSelectDrawer } from '@dgui/react-shared';
+import { useCallback, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+const styles = StyleSheet.create({
+    tabBar: {
+        backgroundColor: '#CCC',
+        display: 'flex',
+        elevation: 6,
+        flexDirection: 'row'
+    }
+});
+const DrawerBar = () => {
+    const drawerIndex = useDrawerIndex();
+    const selectDrawer = useSelectDrawer();
+    const handleSelectDrawer = useCallback((tabIndex) => {
+        selectDrawer(tabIndex);
+    }, [
+        selectDrawer
+    ]);
+    const drawerOrder = useDrawerOrder();
+    const drawers = useDrawers();
+    const routes = useMemo(() => {
+        return drawerOrder.map((drawerId) => {
+            return ({
+                key: drawerId,
+                title: drawers[drawerId]?.title ?? drawerId
+            });
+        });
+    }, [
+        drawerOrder,
+        drawers
+    ]);
+    return (_jsx(View, { style: styles.tabBar, children: _jsx(Tabs, { defaultIndex: drawerIndex, onSelectTab: handleSelectDrawer, routes: routes }) }));
+};
+export default DrawerBar;
+//# sourceMappingURL=DrawerBar.js.map

package/dist/esm/DrawerBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBar.js","sourceRoot":"","sources":["../../src/DrawerBar.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,cAAc,EACd,UAAU,EACV,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,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,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CACE,QAAgB,EAChB,EAAE;QACF,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,OAAO,CACpB,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,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,MAAM,YAEpB,KAAC,IAAI,IACH,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,kBAAkB,EAC/B,MAAM,EAAE,MAAM,GACd,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/DrawerToggle.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDrawerToggle } from '@dgui/react-shared';
+import { memo, useCallback } from 'react';
+import { StyleSheet } from 'react-native';
+import { IconButton } from 'react-native-paper';
+const styles = StyleSheet.create({
+    iconButton: {
+        margin: 0
+    }
+});
+const DrawerToggle = ({ icon }) => {
+    const toggleDrawer = useDrawerToggle();
+    const handlePress = useCallback(() => {
+        if (toggleDrawer) {
+            toggleDrawer();
+        }
+    }, [
+        toggleDrawer
+    ]);
+    return (_jsx(IconButton, { accessibilityLabel: 'open drawer', icon: icon ?? 'menu', onPress: handlePress, style: styles.iconButton }));
+};
+export default memo(DrawerToggle);
+//# sourceMappingURL=DrawerToggle.js.map

package/dist/esm/DrawerToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerToggle.js","sourceRoot":"","sources":["../../src/DrawerToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,IAAI,EACJ,WAAW,EACZ,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,UAAU,EACX,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,GAAG,UAAU,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,eAAe,EAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE;QACH,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,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,eAAe,IAAI,CACjB,YAAY,CACb,CAAC"}

package/dist/esm/TabBar.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { TabBar as AnnoyingTabBar } from 'react-native-tab-view';
+const styles = StyleSheet.create({
+    indicator: {
+        backgroundColor: '#1976d2'
+    },
+    label: {
+        color: '#1976d2',
+        textTransform: 'none'
+    },
+    tabBar: {
+        backgroundColor: 'rgb(204, 204, 204)'
+    },
+    tabBarTab: {
+        width: 'auto'
+    }
+});
+const TabBar = ({ indicatorStyle: parentIndicatorStyle, style: parentStyle, tabStyle: parentTabStyle, ...props }) => {
+    const style = useMemo(() => {
+        return {
+            ...styles.tabBar,
+            ...parentStyle
+        };
+    }, [
+        parentStyle
+    ]);
+    const tabStyle = useMemo(() => {
+        return {
+            ...styles.tabBarTab,
+            ...parentTabStyle
+        };
+    }, [
+        parentTabStyle
+    ]);
+    const indicatorStyle = useMemo(() => {
+        return {
+            ...styles.indicator,
+            ...parentIndicatorStyle
+        };
+    }, [
+        parentIndicatorStyle
+    ]);
+    return (_jsx(AnnoyingTabBar, { bounces: true, indicatorStyle: indicatorStyle, pressColor: '#999', scrollEnabled: true, style: style, tabStyle: tabStyle, ...props }));
+};
+export default TabBar;
+//# sourceMappingURL=TabBar.js.map

package/dist/esm/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../src/TabBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,UAAU,EAEX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,MAAM,IAAI,cAAc,EAIzB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,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,OAAO,CACzC,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,OAAO,CAC5C,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,OAAO,CAClD,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,KAAC,cAAc,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,eAAe,MAAM,CAAC"}

package/dist/esm/TabBarItem.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TabBarItem as AnnoyingTabBarItem } from 'react-native-tab-view';
+const TabBarItem = ({ key, ...props }) => {
+    return (_jsx(AnnoyingTabBarItem, { ...props }));
+};
+export default TabBarItem;
+//# sourceMappingURL=TabBarItem.js.map

package/dist/esm/TabBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarItem.js","sourceRoot":"","sources":["../../src/TabBarItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,UAAU,IAAI,kBAAkB,EAEjC,MAAM,uBAAuB,CAAC;AAU/B,MAAM,UAAU,GAAqB,CAAC,EAEpC,GAAG,EACH,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,kBAAkB,OACb,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/Tabs.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import renderScene from './renderScene';
+import TabBar from './TabBar';
+import TabBarItem from './TabBarItem';
+import { useCallback, useMemo } from 'react';
+import { TabView as ReactNativeTabView } from 'react-native-tab-view';
+const Tabs = ({ defaultIndex, indicatorStyle, onSelectTab, renderTabBarItem: givenRenderTabBarItem, routes = [], style, tabStyle }) => {
+    const handleSelectTab = useCallback((tabIndex) => {
+        if (onSelectTab) {
+            onSelectTab(tabIndex);
+        }
+    }, [
+        onSelectTab
+    ]);
+    const navigationState = useMemo(() => {
+        const index = defaultIndex < routes.length ?
+            defaultIndex :
+            routes.length - 1;
+        return {
+            index,
+            routes
+        };
+    }, [
+        defaultIndex,
+        routes
+    ]);
+    const renderedScene = useMemo(() => {
+        return renderScene(routes);
+    }, [
+        routes
+    ]);
+    const renderTabBarItem = useMemo(() => {
+        const render = (props) => {
+            return givenRenderTabBarItem ?
+                givenRenderTabBarItem(props) :
+                TabBarItem(props);
+        };
+        return render;
+    }, [
+        givenRenderTabBarItem
+    ]);
+    const renderTabBar = useMemo(() => {
+        const render = (props) => {
+            return TabBar({
+                indicatorStyle,
+                renderTabBarItem,
+                style,
+                tabStyle,
+                ...props
+            });
+        };
+        return render;
+    }, [
+        indicatorStyle,
+        renderTabBarItem,
+        style,
+        tabStyle
+    ]);
+    return (_jsx(ReactNativeTabView, { navigationState: navigationState, onIndexChange: handleSelectTab, renderScene: renderedScene, renderTabBar: renderTabBar }));
+};
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,MAEN,MAAM,UAAU,CAAC;AAClB,OAAO,UAEN,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,OAAO,IAAI,kBAAkB,EAC9B,MAAM,uBAAuB,CAAC;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,WAAW,CACjC,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,OAAO,CAC7B,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,OAAO,CAC3B,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EACD;QACE,MAAM;KACP,CACF,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE;QACH,MAAM,MAAM,GAAqB,CAAC,KAAK,EAAE,EAAE;YACzC,OAAO,qBAAqB,CAAC,CAAC;gBAC5B,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,OAAO,MAAM,CAAC;IAChB,CAAC,EACD;QACE,qBAAqB;KACtB,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE;QACH,MAAM,MAAM,GAAiB,CAAC,KAAK,EAAE,EAAE;YACrC,OAAO,MAAM,CAAC;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,KAAC,kBAAkB,IACjB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,eAAe,EAC9B,WAAW,EAAE,aAAa,EAC1B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export { default as ReactNativeMaterialSharedAppBar } from './AppBar';
+export { default as ReactNativeMaterialSharedDrawerBar } from './DrawerBar';
+export { default as ReactNativeMaterialSharedTabs } from './Tabs';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,+BAA+B,EAE3C,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,OAAO,IAAI,kCAAkC,EAE9C,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,OAAO,IAAI,6BAA6B,EAEzC,MAAM,QAAQ,CAAC"}

package/dist/esm/renderScene.js

@@ -0,0 +1,10 @@
+import { SceneMap } from 'react-native-tab-view';
+export default (routes) => {
+    return SceneMap(routes.reduce((groutes, route) => {
+        groutes[route.key] = () => {
+            return null;
+        };
+        return groutes;
+    }, {}));
+};
+//# sourceMappingURL=renderScene.js.map

package/dist/esm/renderScene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderScene.js","sourceRoot":"","sources":["../../src/renderScene.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACT,MAAM,uBAAuB,CAAC;AAE/B,eAAe,CACb,MAGE,EACF,EAAE;IACF,OAAO,QAAQ,CAEb,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

@@ -2,7 +2,7 @@
   "name": "@dgui/react-native-material-bars-shared",
   "title": "Digested React GUI Shared Native Material Bars Shared Components",
   "license": "LGPL-3.0-or-later",
-  "version": "1.7.6",
+  "version": "1.8.0-next.1",
   "private": false,
   "description": "Shared Native Material Bars (AppBar & DrawerBar) components for @dgui",
   "author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -13,8 +13,9 @@
       "position": "Initial and Lead Developer"
     }
   ],
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
   "files": [
     "dist/",
     "COPYING.md",
@@ -30,7 +31,9 @@
   },
   "scripts": {
     "build": "run-s clean:dist build:prod",
-    "build:prod": "tsc -p ./tsconfig.json",
+    "build:prod": "run-p build:cjs:prod build:esm:prod",
+    "build:cjs:prod": "tsc -p ./tsconfig.cjs.json",
+    "build:esm:prod": "tsc -p ./tsconfig.json",
     "build:watch": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
     "----------------------------------------------------------------": "",
     "build:prod:config": "",
@@ -49,31 +52,37 @@
     "@digest/jest-react": "^4.14.14",
     "@digest/jest-typescript": "^4.14.14",
     "@digest/typescript": "^4.14.14",
+    "@react-native-vector-icons/get-image": "^12.3.0",
+    "@react-native-vector-icons/material-design-icons": "^12.4.0",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.13",
     "@types/react-test-renderer": "^19.1.0",
     "cross-env": "^10.1.0",
     "jest-environment-jsdom": "^30.2.0",
     "jest-environment-jsdom-global": "^4.0.0",
     "npm-run-all": "^4.1.5",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "react-native": "^0.83.1",
-    "react-native-paper": "^5.14.5",
+    "react-native-pager-view": "^6.9.1",
+    "react-native-paper": "^5.15.0",
     "react-native-safe-area-context": "^5.6.2",
+    "react-native-tab-view": "^4.2.2",
     "react-native-vector-icons": "^10.3.0",
-    "react-test-renderer": "^19.2.3",
+    "react-test-renderer": "^19.2.4",
     "rimraf": "^6.1.2"
   },
   "dependencies": {
-    "@dgui/react-shared": "1.7.6",
-    "react-native-tab-view": "^4.2.2"
+    "@dgui/react-shared": "1.8.0-next.1"
   },
   "peerDependencies": {
+    "@react-native-vector-icons/get-image": "^12.0.0",
+    "@react-native-vector-icons/material-design-icons": "^12.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-native": "^0.83.0",
+    "react-native-pager-view": "^6.0.0",
     "react-native-paper": "^5.0.0",
     "react-native-safe-area-context": "^5.0.0",
-    "react-native-vector-icons": "^10.0.0"
+    "react-native-tab-view": "^4.2.2"
   },
   "keywords": [
     "digest",
@@ -85,5 +94,5 @@
     "material",
     "typescript"
   ],
-  "gitHead": "864501301de458311da44d7b3043c7488ce6096c"
+  "gitHead": "8c988440fbced187ef0eb3b458b429666ba85415"
 }

package/dist/AppBar.js

@@ -1,65 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DrawerToggle_1 = __importDefault(require("./DrawerToggle"));
-const Tabs_1 = __importDefault(require("./Tabs"));
-const react_shared_1 = require("@dgui/react-shared");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const styles = react_native_1.StyleSheet.create({
-    appBar: {
-        alignItems: 'center',
-        backgroundColor: '#CCC',
-        display: 'flex',
-        elevation: 12,
-        flexDirection: 'row'
-    }
-});
-const AppBar = (_a) => {
-    var { appBarStyle: givenAppBarStyle, children, drawerButtonIcon, tabBarStyle } = _a, props = __rest(_a, ["appBarStyle", "children", "drawerButtonIcon", "tabBarStyle"]);
-    const appBarStyle = (0, react_1.useMemo)(() => {
-        return Object.assign(Object.assign({}, styles.appBar), givenAppBarStyle);
-    }, [
-        givenAppBarStyle
-    ]);
-    const selectTab = (0, react_shared_1.useSelectTab)();
-    const tabIndex = (0, react_shared_1.useTabIndex)();
-    const handleSelectTab = (0, react_1.useCallback)((index) => {
-        selectTab(index);
-    }, [
-        selectTab
-    ]);
-    const tabOrder = (0, react_shared_1.useTabOrder)();
-    const tabs = (0, react_shared_1.useTabs)();
-    const routes = (0, react_1.useMemo)(() => {
-        return tabOrder.map((tabId) => {
-            var _a, _b, _c, _d;
-            return ({
-                accessibilityLabel: (_b = (_a = tabs[tabId]) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : tabId,
-                icon: undefined,
-                key: tabId,
-                title: (_d = (_c = tabs[tabId]) === null || _c === void 0 ? void 0 : _c.title) !== null && _d !== void 0 ? _d : tabId
-            });
-        });
-    }, [
-        tabOrder,
-        tabs
-    ]);
-    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, Object.assign({}, props, { defaultIndex: tabIndex, onSelectTab: handleSelectTab, routes: routes, style: tabBarStyle })), children] }));
-};
-exports.default = AppBar;
-//# sourceMappingURL=AppBar.js.map

package/dist/AppBar.js.map

@@ -1 +0,0 @@
-{"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,EAM/C,EAAE,EAAE;QAN2C,EAC9C,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EACR,gBAAgB,EAChB,WAAW,OAEZ,EADI,KAAK,cALsC,8DAM/C,CADS;IAER,MAAM,WAAW,GAAyB,IAAA,eAAO,EAC/C,GAAG,EAAE;QACH,uCACK,MAAM,CAAC,MAAM,GACb,gBAAgB,EACnB;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,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,0CAAE,KAAK,mCAAI,KAAK;gBAC/C,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,0CAAE,KAAK,mCAAI,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,oBACC,KAAK,IACT,YAAY,EAAE,QAAQ,EACtB,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,WAAW,IAClB,EACD,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/DrawerBar.js

@@ -1,44 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Tabs_1 = __importDefault(require("./Tabs"));
-const react_shared_1 = require("@dgui/react-shared");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const styles = react_native_1.StyleSheet.create({
-    tabBar: {
-        backgroundColor: '#CCC',
-        display: 'flex',
-        elevation: 6,
-        flexDirection: 'row'
-    }
-});
-const DrawerBar = () => {
-    const drawerIndex = (0, react_shared_1.useDrawerIndex)();
-    const selectDrawer = (0, react_shared_1.useSelectDrawer)();
-    const handleSelectDrawer = (0, react_1.useCallback)((tabIndex) => {
-        selectDrawer(tabIndex);
-    }, [
-        selectDrawer
-    ]);
-    const drawerOrder = (0, react_shared_1.useDrawerOrder)();
-    const drawers = (0, react_shared_1.useDrawers)();
-    const routes = (0, react_1.useMemo)(() => {
-        return drawerOrder.map((drawerId) => {
-            var _a, _b;
-            return ({
-                key: drawerId,
-                title: (_b = (_a = drawers[drawerId]) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : drawerId
-            });
-        });
-    }, [
-        drawerOrder,
-        drawers
-    ]);
-    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 }) }));
-};
-exports.default = DrawerBar;
-//# sourceMappingURL=DrawerBar.js.map

package/dist/DrawerBar.js.map

@@ -1 +0,0 @@
-{"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,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,0CAAE,KAAK,mCAAI,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/DrawerToggle.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_shared_1 = require("@dgui/react-shared");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_paper_1 = require("react-native-paper");
-const styles = react_native_1.StyleSheet.create({
-    iconButton: {
-        margin: 0
-    }
-});
-const DrawerToggle = ({ icon }) => {
-    const toggleDrawer = (0, react_shared_1.useDrawerToggle)();
-    const handlePress = (0, react_1.useCallback)(() => {
-        if (toggleDrawer) {
-            toggleDrawer();
-        }
-    }, [
-        toggleDrawer
-    ]);
-    return ((0, jsx_runtime_1.jsx)(react_native_paper_1.IconButton, { accessibilityLabel: 'open drawer', icon: icon !== null && icon !== void 0 ? icon : 'menu', onPress: handlePress, style: styles.iconButton }));
-};
-exports.default = (0, react_1.memo)(DrawerToggle);
-//# sourceMappingURL=DrawerToggle.js.map

package/dist/DrawerToggle.js.map

@@ -1 +0,0 @@
-{"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,aAAJ,IAAI,cAAJ,IAAI,GAAI,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/TabBar.js

@@ -1,53 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_tab_view_1 = require("react-native-tab-view");
-const styles = react_native_1.StyleSheet.create({
-    indicator: {
-        backgroundColor: '#1976d2'
-    },
-    label: {
-        color: '#1976d2',
-        textTransform: 'none'
-    },
-    tabBar: {
-        backgroundColor: 'rgb(204, 204, 204)'
-    },
-    tabBarTab: {
-        width: 'auto'
-    }
-});
-const TabBar = (_a) => {
-    var { indicatorStyle: parentIndicatorStyle, style: parentStyle, tabStyle: parentTabStyle } = _a, props = __rest(_a, ["indicatorStyle", "style", "tabStyle"]);
-    const style = (0, react_1.useMemo)(() => {
-        return Object.assign(Object.assign({}, styles.tabBar), parentStyle);
-    }, [
-        parentStyle
-    ]);
-    const tabStyle = (0, react_1.useMemo)(() => {
-        return Object.assign(Object.assign({}, styles.tabBarTab), parentTabStyle);
-    }, [
-        parentTabStyle
-    ]);
-    const indicatorStyle = (0, react_1.useMemo)(() => {
-        return Object.assign(Object.assign({}, styles.indicator), parentIndicatorStyle);
-    }, [
-        parentIndicatorStyle
-    ]);
-    return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabBar, Object.assign({ bounces: true, indicatorStyle: indicatorStyle, pressColor: '#999', scrollEnabled: true, style: style, tabStyle: tabStyle }, props)));
-};
-exports.default = TabBar;
-//# sourceMappingURL=TabBar.js.map

package/dist/TabBar.js.map

@@ -1 +0,0 @@
-{"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,EAMF,EAAE,EAAE;QANF,EACd,cAAc,EAAE,oBAAoB,EAEpC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,OAEZ,EADT,KAAK,cALM,uCAMf,CADS;IAER,MAAM,KAAK,GAAyB,IAAA,eAAO,EACzC,GAAG,EAAE;QACH,uCACK,MAAM,CAAC,MAAM,GACb,WAAW,EACd;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,QAAQ,GAAyB,IAAA,eAAO,EAC5C,GAAG,EAAE;QACH,uCACK,MAAM,CAAC,SAAS,GAChB,cAAc,EACjB;IACJ,CAAC,EACD;QACE,cAAc;KACf,CACF,CAAC;IAEF,MAAM,cAAc,GAAyB,IAAA,eAAO,EAClD,GAAG,EAAE;QACH,uCACK,MAAM,CAAC,SAAS,GAChB,oBAAoB,EACvB;IACJ,CAAC,EACD;QACE,oBAAoB;KACrB,CACF,CAAC;IAgBF,OAAO,CACL,uBAAC,8BAAc,kBAGb,OAAO,QACP,cAAc,EAAE,cAAc,EAE9B,UAAU,EAAC,MAAM,EACjB,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/TabBarItem.js

@@ -1,21 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_tab_view_1 = require("react-native-tab-view");
-const TabBarItem = (_a) => {
-    var { key } = _a, props = __rest(_a, ["key"]);
-    return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabBarItem, Object.assign({}, props)));
-};
-exports.default = TabBarItem;
-//# sourceMappingURL=TabBarItem.js.map

package/dist/TabBarItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBarItem.js","sourceRoot":"","sources":["../src/TabBarItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAIA,iEAG+B;AAU/B,MAAM,UAAU,GAAqB,CAAC,EAIrC,EAAE,EAAE;QAJiC,EAEpC,GAAG,OAEJ,EADI,KAAK,cAH4B,OAIrC,CADS;IAER,OAAO,CACL,uBAAC,kCAAkB,oBACb,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/Tabs.js

@@ -1,64 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const renderScene_1 = __importDefault(require("./renderScene"));
-const TabBar_1 = __importDefault(require("./TabBar"));
-const TabBarItem_1 = __importDefault(require("./TabBarItem"));
-const react_1 = require("react");
-const react_native_tab_view_1 = require("react-native-tab-view");
-const Tabs = ({ defaultIndex, indicatorStyle, onSelectTab, renderTabBarItem: givenRenderTabBarItem, routes = [], style, tabStyle }) => {
-    const handleSelectTab = (0, react_1.useCallback)((tabIndex) => {
-        if (onSelectTab) {
-            onSelectTab(tabIndex);
-        }
-    }, [
-        onSelectTab
-    ]);
-    const navigationState = (0, react_1.useMemo)(() => {
-        const index = defaultIndex < routes.length ?
-            defaultIndex :
-            routes.length - 1;
-        return {
-            index,
-            routes
-        };
-    }, [
-        defaultIndex,
-        routes
-    ]);
-    const renderedScene = (0, react_1.useMemo)(() => {
-        return (0, renderScene_1.default)(routes);
-    }, [
-        routes
-    ]);
-    const renderTabBarItem = (0, react_1.useMemo)(() => {
-        const render = (props) => {
-            return givenRenderTabBarItem ?
-                givenRenderTabBarItem(props) :
-                (0, TabBarItem_1.default)(props);
-        };
-        return render;
-    }, [
-        givenRenderTabBarItem
-    ]);
-    const renderTabBar = (0, react_1.useMemo)(() => {
-        const render = (props) => {
-            return (0, TabBar_1.default)(Object.assign({ indicatorStyle,
-                renderTabBarItem,
-                style,
-                tabStyle }, props));
-        };
-        return render;
-    }, [
-        indicatorStyle,
-        renderTabBarItem,
-        style,
-        tabStyle
-    ]);
-    return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabView, { navigationState: navigationState, onIndexChange: handleSelectTab, renderScene: renderedScene, renderTabBar: renderTabBar }));
-};
-exports.default = Tabs;
-//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -1 +0,0 @@
-{"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,kBACX,cAAc;gBAEd,gBAAgB;gBAChB,KAAK;gBACL,QAAQ,IACL,KAAK,EACR,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/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactNativeMaterialSharedTabs = exports.ReactNativeMaterialSharedDrawerBar = exports.ReactNativeMaterialSharedAppBar = void 0;
-var AppBar_1 = require("./AppBar");
-Object.defineProperty(exports, "ReactNativeMaterialSharedAppBar", { enumerable: true, get: function () { return __importDefault(AppBar_1).default; } });
-var DrawerBar_1 = require("./DrawerBar");
-Object.defineProperty(exports, "ReactNativeMaterialSharedDrawerBar", { enumerable: true, get: function () { return __importDefault(DrawerBar_1).default; } });
-var Tabs_1 = require("./Tabs");
-Object.defineProperty(exports, "ReactNativeMaterialSharedTabs", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"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/renderScene.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_native_tab_view_1 = require("react-native-tab-view");
-exports.default = (routes) => {
-    return (0, react_native_tab_view_1.SceneMap)(routes.reduce((groutes, route) => {
-        groutes[route.key] = () => {
-            return null;
-        };
-        return groutes;
-    }, {}));
-};
-//# sourceMappingURL=renderScene.js.map

package/dist/renderScene.js.map

@@ -1 +0,0 @@
-{"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"}