@dgui/react-native-material-bars-shared 1.3.0-beta.1 → 1.4.0-beta.1

package/dist/AppBar.d.ts

@@ -1,4 +1,8 @@
-import { type FunctionComponent } from 'react';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
 declare const AppBar: FunctionComponent<AppBarProps>;
 export default AppBar;
-export type AppBarProps = {};
+export type AppBarProps = PropsWithChildren<{
+    readonly appBarStyle?: StyleProp<ViewStyle>;
+    readonly tabBarStyle?: StyleProp<ViewStyle>;
+}>;

package/dist/AppBar.js

@@ -1,4 +1,15 @@
 "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 };
 };
@@ -10,7 +21,7 @@ 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: {
+    appBar: {
         alignItems: 'center',
         backgroundColor: '#CCC',
         display: 'flex',
@@ -18,14 +29,22 @@ const styles = react_native_1.StyleSheet.create({
         flexDirection: 'row'
     }
 });
-const AppBar = () => {
-    const { selectTab, tabIndex } = (0, react_1.useContext)(react_shared_1.TabIndexContext);
+const AppBar = (_a) => {
+    var { appBarStyle: givenAppBarStyle, children, tabBarStyle } = _a, props = __rest(_a, ["appBarStyle", "children", "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, tabs } = (0, react_1.useContext)(react_shared_1.TabContext);
+    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;
@@ -40,7 +59,7 @@ const AppBar = () => {
         tabOrder,
         tabs
     ]);
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.tabBar, children: [(0, jsx_runtime_1.jsx)(DrawerToggle_1.default, {}), (0, jsx_runtime_1.jsx)(Tabs_1.default, { defaultIndex: tabIndex, onSelectTab: handleSelectTab, routes: routes })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: appBarStyle, children: [(0, jsx_runtime_1.jsx)(DrawerToggle_1.default, {}), (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 +1 @@
-{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../src/AppBar.tsx"],"names":[],"mappings":";;;;;;AAAA,kEAA0C;AAC1C,kDAA0B;AAC1B,qDAG4B;AAC5B,iCAKe;AACf,+CAIsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChC,MAAM,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM;QAEvB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;KACpB;CACD,CAAC,CAAC;AAEH,MAAM,MAAM,GAAmC,GAAG,EAAE;IACnD,MAAM,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAA,kBAAU,EAAC,8BAAe,CAAC,CAAC;IAEhC,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,CACC,KAAa,EACZ,EAAE;QACH,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD;QACC,SAAS;KACT,CACD,CAAC;IAEF,MAAM,EACL,QAAQ,EACR,IAAI,EACJ,GAAG,IAAA,kBAAU,EAAC,yBAAU,CAAC,CAAC;IAE3B,MAAM,MAAM,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACJ,OAAO,QAAQ,CAAC,GAAG,CAClB,CACC,KAAK,EACJ,EAAE;;YACH,OAAO,CACN;gBACC,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;aAClC,CACD,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,QAAQ;QACR,IAAI;KACJ,CACD,CAAC;IAEF,OAAO,CACN,wBAAC,mBAAI,IACJ,KAAK,EAAE,MAAM,CAAC,MAAM,aAEpB,uBAAC,sBAAY,KAAG,EAChB,uBAAC,cAAI,IACJ,YAAY,EAAE,QAAQ,EACtB,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,MAAM,GACb,IACI,CACP,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../src/AppBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kEAA0C;AAC1C,kDACgB;AAChB,qDAK4B;AAC5B,iCAMe;AACf,+CAOsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChC,MAAM,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM;QAEvB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;KACpB;CACD,CAAC,CAAC;AAEH,MAAM,MAAM,GAAmC,CAAC,EAK/C,EAAE,EAAE;QAL2C,EAC/C,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EACR,WAAW,OAEX,EADG,KAAK,cAJuC,0CAK/C,CADQ;IAER,MAAM,WAAW,GAAyB,IAAA,eAAO,EAChD,GAAG,EAAE;QACJ,uCACI,MAAM,CAAC,MAAM,GAGb,gBAAgB,EAClB;IACH,CAAC,EACD;QACC,gBAAgB;KAChB,CACD,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,CACC,KAAa,EACZ,EAAE;QACH,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD;QACC,SAAS;KACT,CACD,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,sBAAO,GAAE,CAAC;IAEvB,MAAM,MAAM,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACJ,OAAO,QAAQ,CAAC,GAAG,CAClB,CACC,KAAK,EACJ,EAAE;;YACH,OAAO,CACN;gBACC,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;aAClC,CACD,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,QAAQ;QACR,IAAI;KACJ,CACD,CAAC;IAEF,OAAO,CACN,wBAAC,mBAAI,IACJ,KAAK,EAAE,WAAW,aAElB,uBAAC,sBAAY,KAAG,EAChB,uBAAC,cAAI,oBACA,KAAK,IACT,YAAY,EAAE,QAAQ,EACtB,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,WAAW,IACjB,EACD,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/DrawerBar.js

@@ -17,13 +17,15 @@ const styles = react_native_1.StyleSheet.create({
     }
 });
 const DrawerBar = () => {
-    const { drawerIndex, selectDrawer } = (0, react_1.useContext)(react_shared_1.DrawerIndexContext);
+    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, drawers } = (0, react_1.useContext)(react_shared_1.DrawerContext);
+    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;

package/dist/DrawerBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerBar.js","sourceRoot":"","sources":["../src/DrawerBar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAG4B;AAC5B,iCAKe;AACf,+CAGsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChC,MAAM,EAAE;QACP,eAAe,EAAE,MAAM;QAEvB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,KAAK;KACpB;CACD,CAAC,CAAC;AAEH,MAAM,SAAS,GAAsC,GAAG,EAAE;IACzD,MAAM,EACL,WAAW,EACX,YAAY,EACZ,GAAG,IAAA,kBAAU,EAAC,iCAAkB,CAAC,CAAC;IAEnC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACrC,CACC,QAAgB,EACf,EAAE;QACH,YAAY,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EACD;QACC,YAAY;KACZ,CACD,CAAC;IAEF,MAAM,EACL,WAAW,EACX,OAAO,EACP,GAAG,IAAA,kBAAU,EAAC,4BAAa,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACJ,OAAO,WAAW,CAAC,GAAG,CACrB,CACC,QAAQ,EACP,EAAE;;YACH,OAAO,CACN;gBACC,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,0CAAE,KAAK,mCAAI,QAAQ;aAC3C,CACD,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,WAAW;QACX,OAAO;KACP,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,mBAAI,IACJ,KAAK,EAAE,MAAM,CAAC,MAAM,YAEpB,uBAAC,cAAI,IACJ,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,kBAAkB,EAC/B,MAAM,EAAE,MAAM,GACb,GACI,CACP,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"DrawerBar.js","sourceRoot":"","sources":["../src/DrawerBar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAK4B;AAC5B,iCAIe;AACf,+CAIsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChC,MAAM,EAAE;QACP,eAAe,EAAE,MAAM;QAEvB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,KAAK;KACpB;CACD,CAAC,CAAC;AAEH,MAAM,SAAS,GAAsC,GAAG,EAAE;IACzD,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACrC,CACC,QAAgB,EACf,EAAE;QACH,YAAY,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EACD;QACC,YAAY;KACZ,CACD,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IACrC,MAAM,OAAO,GAAG,IAAA,yBAAU,GAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACJ,OAAO,WAAW,CAAC,GAAG,CACrB,CACC,QAAQ,EACP,EAAE;;YACH,OAAO,CACN;gBACC,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,0CAAE,KAAK,mCAAI,QAAQ;aAC3C,CACD,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,WAAW;QACX,OAAO;KACP,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,mBAAI,IACJ,KAAK,EAAE,MAAM,CAAC,MAAM,YAEpB,uBAAC,cAAI,IACJ,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,kBAAkB,EAC/B,MAAM,EAAE,MAAM,GACb,GACI,CACP,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/DrawerToggle.js

@@ -11,7 +11,7 @@ const styles = react_native_1.StyleSheet.create({
     }
 });
 const DrawerToggle = () => {
-    const { toggleDrawer } = (0, react_1.useContext)(react_shared_1.DrawerToggleContext);
+    const toggleDrawer = (0, react_shared_1.useDrawerToggle)();
     const handlePress = (0, react_1.useCallback)(() => {
         if (toggleDrawer) {
             toggleDrawer();

package/dist/DrawerToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerToggle.js","sourceRoot":"","sources":["../src/DrawerToggle.tsx"],"names":[],"mappings":";;;AAAA,qDAE4B;AAC5B,iCAKe;AACf,+CAGsB;AACtB,2DAE4B;AAE5B,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChC,UAAU,EAAE;QACX,MAAM,EAAE,CAAC;KACT;CACD,CAAC,CAAC;AAEH,MAAM,YAAY,GAAyC,GAAG,EAAE;IAC/D,MAAM,EACL,YAAY,EACZ,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,GAAG,EAAE;QACJ,IAAI,YAAY,EAAE,CAAC;YAClB,YAAY,EAAE,CAAC;QAChB,CAAC;IACF,CAAC,EACD;QACC,YAAY;KACZ,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAU,IACV,kBAAkB,EAAC,aAAa,EAChC,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,MAAM,CAAC,UAAU,GACvB,CACF,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAClB,YAAY,CACZ,CAAC"}
+{"version":3,"file":"DrawerToggle.js","sourceRoot":"","sources":["../src/DrawerToggle.tsx"],"names":[],"mappings":";;;AAAA,qDAE4B;AAC5B,iCAIe;AACf,+CAGsB;AACtB,2DAE4B;AAE5B,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChC,UAAU,EAAE;QACX,MAAM,EAAE,CAAC;KACT;CACD,CAAC,CAAC;AAEH,MAAM,YAAY,GAAyC,GAAG,EAAE;IAC/D,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,GAAG,EAAE;QACJ,IAAI,YAAY,EAAE,CAAC;YAClB,YAAY,EAAE,CAAC;QAChB,CAAC;IACF,CAAC,EACD;QACC,YAAY;KACZ,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAU,IACV,kBAAkB,EAAC,aAAa,EAChC,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,MAAM,CAAC,UAAU,GACvB,CACF,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAClB,YAAY,CACZ,CAAC"}

package/dist/TabBar.d.ts

@@ -1,5 +1,11 @@
-import { type FunctionComponent } from 'react';
-import { type TabBarProps as AnnoyingTabBarProps } from 'react-native-tab-view';
-declare const TabBar: FunctionComponent<TabBarProps>;
+import { type ReactNode } from 'react';
+import { type NavigationState, type SceneRendererProps, type TabBarProps as AnnoyingTabBarProps } from 'react-native-tab-view';
+export type RenderTabBar = (props: SceneRendererProps & {
+    navigationState: NavigationState<{
+        key: string;
+        title: string;
+    }>;
+}) => ReactNode;
+declare const TabBar: ({ indicatorStyle: parentIndicatorStyle, labelStyle: parentLabelStyle, style: parentStyle, tabStyle: parentTabStyle, ...props }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
 export default TabBar;
 export type TabBarProps = AnnoyingTabBarProps<any> & {};

package/dist/TabBar.js

@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 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({
@@ -30,8 +31,28 @@ const styles = react_native_1.StyleSheet.create({
     }
 });
 const TabBar = (_a) => {
-    var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabBar, Object.assign({ indicatorStyle: styles.indicator, labelStyle: styles.label, pressColor: '#999', scrollEnabled: true, style: styles.tabBar, tabStyle: styles.tabBarTab }, props)));
+    var { indicatorStyle: parentIndicatorStyle, labelStyle: parentLabelStyle, style: parentStyle, tabStyle: parentTabStyle } = _a, props = __rest(_a, ["indicatorStyle", "labelStyle", "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
+    ]);
+    const labelStyle = (0, react_1.useMemo)(() => {
+        return Object.assign(Object.assign({}, styles.label), parentLabelStyle);
+    }, [
+        parentLabelStyle
+    ]);
+    return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabBar, Object.assign({ bounces: true, indicatorStyle: indicatorStyle, labelStyle: labelStyle, pressColor: '#999', scrollEnabled: true, style: style, tabStyle: tabStyle }, props)));
 };
 exports.default = TabBar;
 //# sourceMappingURL=TabBar.js.map

package/dist/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../src/TabBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAOA,+CAGsB;AACtB,iEAG+B;AAE/B,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChC,SAAS,EAAE;QACV,eAAe,EAAE,SAAS;KAC1B;IACD,KAAK,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,MAAM;KACrB;IACD,MAAM,EAAE;QACP,eAAe,EAAE,oBAAoB;KACrC;IACD,SAAS,EAAE;QACV,KAAK,EAAE,MAAM;KACb;CACD,CAAC,CAAC;AAEH,MAAM,MAAM,GAAmC,CAAC,EAE/C,EAAE,EAAE;QADD,KAAK,cADuC,EAE/C,CADQ;IAER,OAAO,CACN,uBAAC,8BAAc,kBAGd,cAAc,EAAE,MAAM,CAAC,SAAS,EAChC,UAAU,EAAE,MAAM,CAAC,KAAK,EACxB,UAAU,EAAC,MAAM,EACjB,aAAa,QACb,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,QAAQ,EAAE,MAAM,CAAC,SAAS,IACtB,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../src/TabBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAIA,iCAGe;AACf,+CAKsB;AACtB,iEAK+B;AAE/B,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChC,SAAS,EAAE;QACV,eAAe,EAAE,SAAS;KAC1B;IACD,KAAK,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,MAAM;KACrB;IACD,MAAM,EAAE;QACP,eAAe,EAAE,oBAAoB;KACrC;IACD,SAAS,EAAE;QACV,KAAK,EAAE,MAAM;KACb;CACD,CAAC,CAAC;AAWH,MAAM,MAAM,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EACf,cAAc,EAAE,oBAAoB,EACpC,UAAU,EAAE,gBAAgB,EAC5B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,OAEX,EADV,KAAK,cALO,qDAMf,CADQ;IAER,MAAM,KAAK,GAAyB,IAAA,eAAO,EAC1C,GAAG,EAAE;QACJ,uCACI,MAAM,CAAC,MAAM,GAGb,WAAW,EACb;IACH,CAAC,EACD;QACC,WAAW;KACX,CACD,CAAC;IAEF,MAAM,QAAQ,GAAyB,IAAA,eAAO,EAC7C,GAAG,EAAE;QACJ,uCACI,MAAM,CAAC,SAAS,GAGhB,cAAc,EAChB;IACH,CAAC,EACD;QACC,cAAc;KACd,CACD,CAAC;IAEF,MAAM,cAAc,GAAyB,IAAA,eAAO,EACnD,GAAG,EAAE;QACJ,uCACI,MAAM,CAAC,SAAS,GAGhB,oBAAoB,EACtB;IACH,CAAC,EACD;QACC,oBAAoB;KACpB,CACD,CAAC;IAEF,MAAM,UAAU,GAAyB,IAAA,eAAO,EAC/C,GAAG,EAAE;QACJ,uCACI,MAAM,CAAC,KAAK,GAGZ,gBAAgB,EAClB;IACH,CAAC,EACD;QACC,gBAAgB;KAChB,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,8BAAc,kBAGd,OAAO,QACP,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAC,MAAM,EACjB,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/TabBarItem.d.ts

@@ -0,0 +1,8 @@
+import { type JSXElementConstructor, type ReactElement } from 'react';
+import { type TabBarItemProps as AnnoyingTabBarItemProps } from 'react-native-tab-view';
+export type RenderTabBarItem = (props: AnnoyingTabBarItemProps<any> & {
+    key: string;
+}) => ReactElement<any, string | JSXElementConstructor<any>>;
+declare const TabBarItem: RenderTabBarItem;
+export default TabBarItem;
+export type TabBarProps = AnnoyingTabBarItemProps<any> & {};

package/dist/TabBarItem.js

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarItem.js","sourceRoot":"","sources":["../src/TabBarItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAQA,iEAG+B;AAS/B,MAAM,UAAU,GAAqB,CAAC,EAIrC,EAAE,EAAE;QAJiC,EAErC,GAAG,OAEH,EADG,KAAK,cAH6B,OAIrC,CADQ;IAER,OAAO,CACN,uBAAC,kCAAkB,oBACd,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/Tabs.d.ts

@@ -1,11 +1,14 @@
+import { type RenderTabBarItem } from './TabBarItem';
 import { type FunctionComponent } from 'react';
+import { type TabBarProps as AnnoyingTabBarProps } from 'react-native-tab-view';
 declare const Tabs: FunctionComponent<TabsProps>;
 export default Tabs;
 export type TabsProps = {
     readonly defaultIndex: number;
     readonly onSelectTab?: (tabIndex: number) => void;
+    readonly renderTabBarItem?: RenderTabBarItem;
     readonly routes?: Array<{
         key: string;
         title: string;
     }>;
-};
+} & Pick<AnnoyingTabBarProps<any>, 'style' | 'tabStyle' | 'indicatorStyle' | 'labelStyle'>;

package/dist/Tabs.js

@@ -6,9 +6,10 @@ 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, onSelectTab, routes = [] }) => {
+const Tabs = ({ defaultIndex, indicatorStyle, labelStyle, onSelectTab, renderTabBarItem: givenRenderTabBarItem, routes = [], style, tabStyle }) => {
     const handleSelectTab = (0, react_1.useCallback)((tabIndex) => {
         if (onSelectTab) {
             onSelectTab(tabIndex);
@@ -33,7 +34,33 @@ const Tabs = ({ defaultIndex, onSelectTab, routes = [] }) => {
     }, [
         routes
     ]);
-    return ((0, jsx_runtime_1.jsx)(react_native_tab_view_1.TabView, { navigationState: navigationState, onIndexChange: handleSelectTab, renderScene: renderedScene, renderTabBar: TabBar_1.default }));
+    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,
+                labelStyle,
+                renderTabBarItem,
+                style,
+                tabStyle }, props));
+        };
+        return render;
+    }, [
+        indicatorStyle,
+        labelStyle,
+        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 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";;;;;;AAAA,gEAAwC;AACxC,sDAA8B;AAC9B,iCAIe;AACf,iEAE+B;AAE/B,MAAM,IAAI,GAAiC,CAAC,EAC3C,YAAY,EACZ,WAAW,EACX,MAAM,GAAG,EAAE,EACX,EAAE,EAAE;IACJ,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,CACC,QAAgB,EACf,EAAE;QACH,IAAI,WAAW,EAAE,CAAC;YACjB,WAAW,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC;IACF,CAAC,EACD;QACC,WAAW;KACX,CACD,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE;QAEJ,MAAM,KAAK,GAAG,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;YAC3C,YAAY,CAAC,CAAC;YACd,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAEnB,OAAO;YACN,KAAK;YACL,MAAM;SACN,CAAC;IACH,CAAC,EACD;QACC,YAAY;QACZ,MAAM;KACN,CACD,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE;QACJ,OAAO,IAAA,qBAAW,EAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EACD;QACC,MAAM;KACN,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAW,IACX,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,eAAe,EAC9B,WAAW,EAAE,aAAa,EAC1B,YAAY,EAAE,gBAAM,GACnB,CACF,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"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,EAC3C,YAAY,EACZ,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAAE,qBAAqB,EACvC,MAAM,GAAG,EAAE,EACX,KAAK,EACL,QAAQ,EACR,EAAE,EAAE;IACJ,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,CACC,QAAgB,EACf,EAAE;QACH,IAAI,WAAW,EAAE,CAAC;YACjB,WAAW,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC;IACF,CAAC,EACD;QACC,WAAW;KACX,CACD,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE;QAEJ,MAAM,KAAK,GAAG,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;YAC3C,YAAY,CAAC,CAAC;YACd,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAEnB,OAAO;YACN,KAAK;YACL,MAAM;SACN,CAAC;IACH,CAAC,EACD;QACC,YAAY;QACZ,MAAM;KACN,CACD,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE;QACJ,OAAO,IAAA,qBAAW,EAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EACD;QACC,MAAM;KACN,CACD,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE;QACJ,MAAM,MAAM,GAAqB,CAAC,KAAK,EAAE,EAAE;YAC1C,OAAO,qBAAqB,CAAC,CAAC;gBAC7B,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9B,IAAA,oBAAU,EAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,OAAO,MAAM,CAAC;IACf,CAAC,EACD;QACC,qBAAqB;KACrB,CACD,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE;QACJ,MAAM,MAAM,GAAiB,CAAC,KAAK,EAAE,EAAE;YACtC,OAAO,IAAA,gBAAM,kBACZ,cAAc;gBACd,UAAU;gBACV,gBAAgB;gBAChB,KAAK;gBACL,QAAQ,IACL,KAAK,EACP,CAAC;QACJ,CAAC,CAAC;QAEF,OAAO,MAAM,CAAC;IACf,CAAC,EACD;QACC,cAAc;QACd,UAAU;QACV,gBAAgB;QAChB,KAAK;QACL,QAAQ;KACR,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAkB,IAClB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,eAAe,EAC9B,WAAW,EAAE,aAAa,EAC1B,YAAY,EAAE,YAAY,GACzB,CACF,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,IAAI,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.3.0-beta.1",
+	"version": "1.4.0-beta.1",
 	"private": false,
 	"description": "Shared Native Material Bars (AppBar & DrawerBar) components for @dgui",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -42,15 +42,15 @@
 		"clean:dist": "rimraf dist"
 	},
 	"devDependencies": {
-		"@digest/eslint-config-jest": "^4.3.1",
-		"@digest/eslint-config-react": "^4.3.1",
-		"@digest/eslint-config-typescript": "^4.3.1",
-		"@digest/jest-junit": "^4.3.1",
-		"@digest/jest-react": "^4.3.1",
-		"@digest/jest-typescript": "^4.3.1",
-		"@digest/typescript": "^4.3.1",
+		"@digest/eslint-config-jest": "^4.4.3",
+		"@digest/eslint-config-react": "^4.4.3",
+		"@digest/eslint-config-typescript": "^4.4.3",
+		"@digest/jest-junit": "^4.4.3",
+		"@digest/jest-react": "^4.4.3",
+		"@digest/jest-typescript": "^4.4.3",
+		"@digest/typescript": "^4.4.3",
 		"@types/jest": "^29.5.12",
-		"@types/react": "^18.3.2",
+		"@types/react": "^18.3.3",
 		"@types/react-test-renderer": "^18.3.0",
 		"cross-env": "^7.0.3",
 		"jest-environment-jsdom": "^29.7.0",
@@ -59,13 +59,13 @@
 		"react": "^18.3.1",
 		"react-native": "^0.74.1",
 		"react-native-paper": "^5.12.3",
-		"react-native-safe-area-context": "^4.10.1",
+		"react-native-safe-area-context": "^4.10.3",
 		"react-native-vector-icons": "^10.1.0",
 		"react-test-renderer": "^18.3.1",
 		"rimraf": "^5.0.7"
 	},
 	"dependencies": {
-		"@dgui/react-shared": "^1.3.0-beta.1",
+		"@dgui/react-shared": "^1.4.0-beta.1",
 		"react-native-tab-view": "^3.5.2"
 	},
 	"peerDependencies": {
@@ -85,5 +85,5 @@
 		"material",
 		"typescript"
 	],
-	"gitHead": "963c267fd7497cfb02fb4f40b7e64e1bf7b0677b"
+	"gitHead": "60bfb1f54146932cf13326666290ea9b8db03c44"
 }