@amazon-devices/react-navigation__material-bottom-tabs 2.0.1758683737

package/lib/module/index.js

@@ -0,0 +1,14 @@
+/**
+ * Navigators
+ */
+export { default as createMaterialBottomTabNavigator } from './navigators/createMaterialBottomTabNavigator';
+
+/**
+ * Views
+ */
+export { default as MaterialBottomTabView } from './views/MaterialBottomTabView';
+
+/**
+ * Types
+ */
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","createMaterialBottomTabNavigator","MaterialBottomTabView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,gCAAgC,QAAQ,+CAA+C;;AAE3G;AACA;AACA;AACA,SAASD,OAAO,IAAIE,qBAAqB,QAAQ,+BAA+B;;AAEhF;AACA;AACA","ignoreList":[]}

package/lib/module/navigators/createMaterialBottomTabNavigator.js

@@ -0,0 +1,34 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { createNavigatorFactory, TabRouter, useNavigationBuilder } from '@amazon-devices/react-navigation__native';
+import * as React from 'react';
+import MaterialBottomTabView from '../views/MaterialBottomTabView';
+function MaterialBottomTabNavigator({
+  id,
+  initialRouteName,
+  backBehavior,
+  children,
+  screenListeners,
+  screenOptions,
+  ...rest
+}) {
+  const {
+    state,
+    descriptors,
+    navigation,
+    NavigationContent
+  } = useNavigationBuilder(TabRouter, {
+    id,
+    initialRouteName,
+    backBehavior,
+    children,
+    screenListeners,
+    screenOptions
+  });
+  return /*#__PURE__*/React.createElement(NavigationContent, null, /*#__PURE__*/React.createElement(MaterialBottomTabView, _extends({}, rest, {
+    state: state,
+    navigation: navigation,
+    descriptors: descriptors
+  })));
+}
+export default createNavigatorFactory(MaterialBottomTabNavigator);
+//# sourceMappingURL=createMaterialBottomTabNavigator.js.map

package/lib/module/navigators/createMaterialBottomTabNavigator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","React","MaterialBottomTabView","MaterialBottomTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","rest","state","descriptors","navigation","NavigationContent","createElement","_extends"],"sourceRoot":"../../../src","sources":["navigators/createMaterialBottomTabNavigator.tsx"],"mappings":";AAAA,SACEA,sBAAsB,EAKtBC,SAAS,EAETC,oBAAoB,QACf,gCAAgC;AACvC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAO9B,OAAOC,qBAAqB,MAAM,gCAAgC;AAWlE,SAASC,0BAA0BA,CAAC;EAClCC,EAAE;EACFC,gBAAgB;EAChBC,YAAY;EACZC,QAAQ;EACRC,eAAe;EACfC,aAAa;EACb,GAAGC;AACE,CAAC,EAAE;EACR,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDd,oBAAoB,CAMlBD,SAAS,EAAE;IACXK,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC;EACF,CAAC,CAAC;EAEJ,oBACER,KAAA,CAAAc,aAAA,CAACD,iBAAiB,qBAChBb,KAAA,CAAAc,aAAA,CAACb,qBAAqB,EAAAc,QAAA,KAChBN,IAAI;IACRC,KAAK,EAAEA,KAAM;IACbE,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,EAC1B,CACgB,CAAC;AAExB;AAEA,eAAed,sBAAsB,CAKnCK,0BAA0B,CAAC","ignoreList":[]}

package/lib/module/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":"","ignoreList":[]}

package/lib/module/views/MaterialBottomTabView.js

@@ -0,0 +1,188 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { SafeAreaProviderCompat } from '@amazon-devices/react-navigation__elements';
+import { CommonActions, Link, useLinkBuilder, useTheme } from '@amazon-devices/react-navigation__native';
+import * as React from 'react';
+import { Platform, StyleSheet, Text } from 'react-native';
+import { BottomNavigation, DarkTheme, DefaultTheme, useTheme as usePaperTheme } from 'react-native-paper';
+import { useSafeAreaInsets } from '@amazon-devices/react-native-safe-area-context';
+// Optionally require vector-icons referenced from react-native-paper:
+// https://github.com/callstack/react-native-paper/blob/4b26429c49053eaa4c3e0fae208639e01093fa87/src/components/MaterialCommunityIcon.tsx#L14
+let MaterialCommunityIcons;
+try {
+  // Optionally require vector-icons
+  MaterialCommunityIcons = require('react-native-vector-icons/MaterialCommunityIcons').default;
+} catch (e) {
+  let isErrorLogged = false;
+
+  // Fallback component for icons
+  MaterialCommunityIcons = ({
+    name,
+    color,
+    size,
+    selectionColor: _0,
+    onLayout: _1,
+    ...rest
+  }) => {
+    if (!isErrorLogged) {
+      if (!/(Cannot find module|Module not found|Cannot resolve module)/.test(e.message)) {
+        console.error(e);
+      }
+      console.warn(`Tried to use the icon '${name}' in a component from '@amazon-devices/react-navigation__material-bottom-tabs', but 'react-native-vector-icons/MaterialCommunityIcons' could not be loaded.`, `To remove this warning, try installing 'react-native-vector-icons' or use another method to specify icon: https://reactnavigation.org/docs/material-bottom-tab-navigator/#tabbaricon.`);
+      isErrorLogged = true;
+    }
+    return /*#__PURE__*/React.createElement(Text, _extends({}, rest, {
+      style: [styles.icon, {
+        color: typeof color !== 'number' ? color : undefined,
+        fontSize: size
+      }]
+    }), "\u25A1");
+  };
+}
+function MaterialBottomTabViewInner({
+  state,
+  navigation,
+  descriptors,
+  safeAreaInsets,
+  ...rest
+}) {
+  const insets = useSafeAreaInsets();
+  const {
+    dark,
+    colors
+  } = useTheme();
+  const paperTheme = usePaperTheme();
+  const buildLink = useLinkBuilder();
+  const t =
+  // If the theme from React Navigation and Paper match, then user the customized theme
+  // Otherwise fallback to the matching default theme from Paper
+  dark === paperTheme.dark ? paperTheme : dark ? DarkTheme : DefaultTheme;
+  const theme = React.useMemo(() => {
+    return {
+      ...t,
+      colors: {
+        ...t.colors,
+        ...colors,
+        surface: colors.card
+      }
+    };
+  }, [colors, t]);
+  return /*#__PURE__*/React.createElement(BottomNavigation, _extends({}, rest, {
+    theme: theme,
+    navigationState: state,
+    onIndexChange: index => navigation.dispatch({
+      ...CommonActions.navigate({
+        name: state.routes[index].name,
+        merge: true
+      }),
+      target: state.key
+    }),
+    renderScene: ({
+      route
+    }) => descriptors[route.key].render(),
+    renderTouchable: Platform.OS === 'web' ? ({
+      onPress,
+      route,
+      accessibilityRole: _0,
+      borderless: _1,
+      centered: _2,
+      rippleColor: _3,
+      style,
+      ...rest
+    }) => {
+      return /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
+        // @ts-expect-error: to could be undefined, but it doesn't affect functionality
+        to: buildLink(route.name, route.params),
+        accessibilityRole: "link",
+        onPress: e => {
+          if (!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && (
+          // ignore clicks with modifier keys
+          e.button == null || e.button === 0) // ignore everything but left clicks
+          ) {
+            e.preventDefault();
+            onPress === null || onPress === void 0 || onPress(e);
+          }
+        }
+        // TODO: Update @types/react-native to higher version when it will be available and remove ts-ignore
+        // @ts-ignore
+        ,
+        style: [styles.touchable, style]
+      }));
+    } : undefined,
+    renderIcon: ({
+      route,
+      focused,
+      color
+    }) => {
+      const {
+        options
+      } = descriptors[route.key];
+      if (typeof options.tabBarIcon === 'string') {
+        return /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+          name: options.tabBarIcon,
+          color: color,
+          size: 24,
+          style: styles.icon
+        });
+      }
+      if (typeof options.tabBarIcon === 'function') {
+        return options.tabBarIcon({
+          focused,
+          color
+        });
+      }
+      return null;
+    },
+    getLabelText: ({
+      route
+    }) => {
+      const {
+        options
+      } = descriptors[route.key];
+      return options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
+    },
+    getColor: ({
+      route
+    }) => descriptors[route.key].options.tabBarColor,
+    getBadge: ({
+      route
+    }) => descriptors[route.key].options.tabBarBadge,
+    getAccessibilityLabel: ({
+      route
+    }) => descriptors[route.key].options.tabBarAccessibilityLabel,
+    getTestID: ({
+      route
+    }) => descriptors[route.key].options.tabBarTestID,
+    onTabPress: ({
+      route,
+      preventDefault
+    }) => {
+      const event = navigation.emit({
+        type: 'tabPress',
+        target: route.key,
+        canPreventDefault: true
+      });
+      if (event.defaultPrevented) {
+        preventDefault();
+      }
+    },
+    safeAreaInsets: {
+      top: (safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.top) ?? (insets === null || insets === void 0 ? void 0 : insets.top),
+      right: (safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.right) ?? (insets === null || insets === void 0 ? void 0 : insets.right),
+      bottom: (safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.bottom) ?? (insets === null || insets === void 0 ? void 0 : insets.bottom),
+      left: (safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.left) ?? (insets === null || insets === void 0 ? void 0 : insets.left)
+    }
+  }));
+}
+export default function MaterialBottomTabView(props) {
+  return /*#__PURE__*/React.createElement(SafeAreaProviderCompat, null, /*#__PURE__*/React.createElement(MaterialBottomTabViewInner, props));
+}
+const styles = StyleSheet.create({
+  icon: {
+    backgroundColor: 'transparent'
+  },
+  touchable: {
+    display: 'flex',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=MaterialBottomTabView.js.map

package/lib/module/views/MaterialBottomTabView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SafeAreaProviderCompat","CommonActions","Link","useLinkBuilder","useTheme","React","Platform","StyleSheet","Text","BottomNavigation","DarkTheme","DefaultTheme","usePaperTheme","useSafeAreaInsets","MaterialCommunityIcons","require","default","e","isErrorLogged","name","color","size","selectionColor","_0","onLayout","_1","rest","test","message","console","error","warn","createElement","_extends","style","styles","icon","undefined","fontSize","MaterialBottomTabViewInner","state","navigation","descriptors","safeAreaInsets","insets","dark","colors","paperTheme","buildLink","t","theme","useMemo","surface","card","navigationState","onIndexChange","index","dispatch","navigate","routes","merge","target","key","renderScene","route","render","renderTouchable","OS","onPress","accessibilityRole","borderless","centered","_2","rippleColor","_3","to","params","metaKey","altKey","ctrlKey","shiftKey","button","preventDefault","touchable","renderIcon","focused","options","tabBarIcon","getLabelText","tabBarLabel","title","getColor","tabBarColor","getBadge","tabBarBadge","getAccessibilityLabel","tabBarAccessibilityLabel","getTestID","tabBarTestID","onTabPress","event","emit","type","canPreventDefault","defaultPrevented","top","right","bottom","left","MaterialBottomTabView","props","create","backgroundColor","display","justifyContent"],"sourceRoot":"../../../src","sources":["views/MaterialBottomTabView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Navigators
+ */
+export { default as createMaterialBottomTabNavigator } from './navigators/createMaterialBottomTabNavigator';
+/**
+ * Views
+ */
+export { default as MaterialBottomTabView } from './views/MaterialBottomTabView';
+/**
+ * Types
+ */
+export type { MaterialBottomTabNavigationEventMap, MaterialBottomTabNavigationOptions, MaterialBottomTabNavigationProp, MaterialBottomTabScreenProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,MAAM,+CAA+C,CAAC;AAE5G;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEjF;;GAEG;AACH,YAAY,EACV,mCAAmC,EACnC,kCAAkC,EAClC,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,SAAS,CAAC"}

package/lib/typescript/src/navigators/createMaterialBottomTabNavigator.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DefaultNavigatorOptions, ParamListBase, TabNavigationState, TabRouterOptions } from '@amazon-devices/react-navigation__native';
+import type { MaterialBottomTabNavigationConfig, MaterialBottomTabNavigationEventMap, MaterialBottomTabNavigationOptions } from '../types';
+type Props = DefaultNavigatorOptions<ParamListBase, TabNavigationState<ParamListBase>, MaterialBottomTabNavigationOptions, MaterialBottomTabNavigationEventMap> & TabRouterOptions & MaterialBottomTabNavigationConfig;
+declare function MaterialBottomTabNavigator({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, ...rest }: Props): JSX.Element;
+declare const _default: <ParamList extends ParamListBase>() => import("@amazon-devices/react-navigation__native").TypedNavigator<ParamList, TabNavigationState<ParamListBase>, MaterialBottomTabNavigationOptions, MaterialBottomTabNavigationEventMap, typeof MaterialBottomTabNavigator>;
+export default _default;
+//# sourceMappingURL=createMaterialBottomTabNavigator.d.ts.map

package/lib/typescript/src/navigators/createMaterialBottomTabNavigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMaterialBottomTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createMaterialBottomTabNavigator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,uBAAuB,EACvB,aAAa,EAEb,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,KAAK,EACV,iCAAiC,EACjC,mCAAmC,EACnC,kCAAkC,EACnC,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG,uBAAuB,CAClC,aAAa,EACb,kBAAkB,CAAC,aAAa,CAAC,EACjC,kCAAkC,EAClC,mCAAmC,CACpC,GACC,gBAAgB,GAChB,iCAAiC,CAAC;AAEpC,iBAAS,0BAA0B,CAAC,EAClC,EAAE,EACF,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,KAAK,eA2BP;;AAED,wBAK8B"}

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import type { Descriptor, NavigationHelpers, NavigationProp, ParamListBase, RouteProp, TabActionHelpers, TabNavigationState } from '@amazon-devices/react-navigation__native';
+import type { BottomNavigation } from 'react-native-paper';
+export type MaterialBottomTabNavigationEventMap = {
+    /**
+     * Event which fires on tapping on the tab in the tab bar.
+     */
+    tabPress: {
+        data: undefined;
+        canPreventDefault: true;
+    };
+};
+export type MaterialBottomTabNavigationHelpers = NavigationHelpers<ParamListBase, MaterialBottomTabNavigationEventMap> & TabActionHelpers<ParamListBase>;
+export type MaterialBottomTabNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = NavigationProp<ParamList, RouteName, NavigatorID, TabNavigationState<ParamList>, MaterialBottomTabNavigationOptions, MaterialBottomTabNavigationEventMap> & TabActionHelpers<ParamList>;
+export type MaterialBottomTabScreenProps<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = {
+    navigation: MaterialBottomTabNavigationProp<ParamList, RouteName, NavigatorID>;
+    route: RouteProp<ParamList, RouteName>;
+};
+export type MaterialBottomTabNavigationOptions = {
+    /**
+     * Title text for the screen.
+     */
+    title?: string;
+    /**
+     * Color of the tab bar when this tab is active. Only used when `shifting` is `true`.
+     */
+    tabBarColor?: string;
+    /**
+     * Label text of the tab displayed in the navigation bar. When undefined, scene title is used.
+     */
+    tabBarLabel?: string;
+    /**
+     * String referring to an icon in the `MaterialCommunityIcons` set, or a
+     * function that given { focused: boolean, color: string } returns a React.Node to display in the navigation bar.
+     */
+    tabBarIcon?: string | ((props: {
+        focused: boolean;
+        color: string;
+    }) => React.ReactNode);
+    /**
+     * Badge to show on the tab icon, can be `true` to show a dot, `string` or `number` to show text.
+     */
+    tabBarBadge?: boolean | number | string;
+    /**
+     * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
+     */
+    tabBarAccessibilityLabel?: string;
+    /**
+     * ID to locate this tab button in tests.
+     */
+    tabBarTestID?: string;
+};
+export type MaterialBottomTabDescriptor = Descriptor<MaterialBottomTabNavigationOptions, MaterialBottomTabNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
+export type MaterialBottomTabDescriptorMap = Record<string, MaterialBottomTabDescriptor>;
+export type MaterialBottomTabNavigationConfig = Partial<Omit<React.ComponentProps<typeof BottomNavigation>, 'navigationState' | 'onIndexChange' | 'onTabPress' | 'renderScene' | 'renderLabel' | 'renderIcon' | 'getAccessibilityLabel' | 'getBadge' | 'getColor' | 'getLabelText' | 'getTestID'>>;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,MAAM,mCAAmC,GAAG;IAChD;;OAEG;IACH,QAAQ,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,iBAAiB,EAAE,IAAI,CAAA;KAAE,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,iBAAiB,CAChE,aAAa,EACb,mCAAmC,CACpC,GACC,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAElC,MAAM,MAAM,+BAA+B,CACzC,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,EACnD,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAChD,cAAc,CAChB,SAAS,EACT,SAAS,EACT,WAAW,EACX,kBAAkB,CAAC,SAAS,CAAC,EAC7B,kCAAkC,EAClC,mCAAmC,CACpC,GACC,gBAAgB,CAAC,SAAS,CAAC,CAAC;AAE9B,MAAM,MAAM,4BAA4B,CACtC,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,EACnD,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAChD;IACF,UAAU,EAAE,+BAA+B,CACzC,SAAS,EACT,SAAS,EACT,WAAW,CACZ,CAAC;IACF,KAAK,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,CAAC,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAEtE;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAExC;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,UAAU,CAClD,kCAAkC,EAClC,+BAA+B,CAAC,aAAa,CAAC,EAC9C,SAAS,CAAC,aAAa,CAAC,CACzB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,MAAM,CACjD,MAAM,EACN,2BAA2B,CAC5B,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,OAAO,CACrD,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAC3C,iBAAiB,GACjB,eAAe,GACf,YAAY,GACZ,aAAa,GACb,aAAa,GACb,YAAY,GACZ,uBAAuB,GACvB,UAAU,GACV,UAAU,GACV,cAAc,GACd,WAAW,CACd,CACF,CAAC"}

package/lib/typescript/src/views/MaterialBottomTabView.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ParamListBase, TabNavigationState } from '@amazon-devices/react-navigation__native';
+import type { MaterialBottomTabDescriptorMap, MaterialBottomTabNavigationConfig, MaterialBottomTabNavigationHelpers } from '../types';
+type Props = MaterialBottomTabNavigationConfig & {
+    state: TabNavigationState<ParamListBase>;
+    navigation: MaterialBottomTabNavigationHelpers;
+    descriptors: MaterialBottomTabDescriptorMap;
+};
+export default function MaterialBottomTabView(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=MaterialBottomTabView.d.ts.map

package/lib/typescript/src/views/MaterialBottomTabView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialBottomTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialBottomTabView.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,aAAa,EAEb,kBAAkB,EAGnB,MAAM,gCAAgC,CAAC;AAWxC,OAAO,KAAK,EACV,8BAA8B,EAC9B,iCAAiC,EACjC,kCAAkC,EACnC,MAAM,UAAU,CAAC;AAElB,KAAK,KAAK,GAAG,iCAAiC,GAAG;IAC/C,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,UAAU,EAAE,kCAAkC,CAAC;IAC/C,WAAW,EAAE,8BAA8B,CAAC;CAC7C,CAAC;AAqMF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,KAAK,eAMzD"}

package/package.json

@@ -0,0 +1 @@
+{"name": "@amazon-devices/react-navigation__material-bottom-tabs", "description": "Integration for bottom navigation component from react-native-paper", "version": "2.0.1758683737+6.2.18", "keywords": ["react-native-component", "react-component", "react-native", "react-navigation", "ios", "android", "material", "tab"], "license": "See license in LICENSE", "repository": {"type": "git", "url": "https://github.com/react-navigation/react-navigation.git", "directory": "packages/material-bottom-tabs"}, "bugs": {"url": "https://github.com/react-navigation/react-navigation/issues"}, "homepage": "https://reactnavigation.org/docs/material-bottom-tab-navigator/", "main": "lib/commonjs/index.js", "react-native": "src/index.tsx", "source": "src/index.tsx", "module": "lib/module/index.js", "types": "lib/typescript/src/index.d.ts", "files": ["src", "lib", "kepler-compatibility.json", "!**/__tests__", "SystemModules", "SystemBundles", "THIRD_PARTY_NOTICES.txt", "kepler-transformed-package-info.json"], "sideEffects": false, "kepler": {"temporary-alias-for-package": {"name": "@react-navigation/material-bottom-tabs", "version": "6.2.18"}}, "publishConfig": {"access": "public"}, "scripts": {"clean": "del lib"}, "dependencies": {"@amazon-devices/react-navigation__elements": "^2.0.0+1.3.20"}, "devDependencies": {"@amazon-devices/react-navigation__native": "^2.0.0+6.1.9", "@testing-library/react-native": "11.5.0", "@types/react": "17.0.2", "@types/jest": "26.0.15", "@types/react-native-vector-icons": "6.4.10", "del-cli": "5.0.0", "react": "17.0.2", "react-native": "0.72.0", "react-native-builder-bob": "0.20.4", "react-native-paper": "4.12.1", "@amazon-devices/react-native-safe-area-context": "^2.0.0+3.2.0", "react-native-vector-icons": "9.1.0", "typescript": "4.9.4"}, "peerDependencies": {"@amazon-devices/react-navigation__native": "^2.0.0+6.1.9", "react": "*", "react-native": "*", "react-native-paper": ">= 3.0.0", "@amazon-devices/react-native-safe-area-context": "^2.0.0+3.2.0", "react-native-vector-icons": ">= 6.0.0"}, "react-native-builder-bob": {"source": "src", "output": "lib", "targets": ["commonjs", "module", ["typescript", {"project": "tsconfig.build.json"}]]}}

package/src/index.tsx

@@ -0,0 +1,19 @@
+/**
+ * Navigators
+ */
+export { default as createMaterialBottomTabNavigator } from './navigators/createMaterialBottomTabNavigator';
+
+/**
+ * Views
+ */
+export { default as MaterialBottomTabView } from './views/MaterialBottomTabView';
+
+/**
+ * Types
+ */
+export type {
+  MaterialBottomTabNavigationEventMap,
+  MaterialBottomTabNavigationOptions,
+  MaterialBottomTabNavigationProp,
+  MaterialBottomTabScreenProps,
+} from './types';

package/src/navigators/createMaterialBottomTabNavigator.tsx

@@ -0,0 +1,71 @@
+import {
+  createNavigatorFactory,
+  DefaultNavigatorOptions,
+  ParamListBase,
+  TabActionHelpers,
+  TabNavigationState,
+  TabRouter,
+  TabRouterOptions,
+  useNavigationBuilder,
+} from '@amazon-devices/react-navigation__native';
+import * as React from 'react';
+
+import type {
+  MaterialBottomTabNavigationConfig,
+  MaterialBottomTabNavigationEventMap,
+  MaterialBottomTabNavigationOptions,
+} from '../types';
+import MaterialBottomTabView from '../views/MaterialBottomTabView';
+
+type Props = DefaultNavigatorOptions<
+  ParamListBase,
+  TabNavigationState<ParamListBase>,
+  MaterialBottomTabNavigationOptions,
+  MaterialBottomTabNavigationEventMap
+> &
+  TabRouterOptions &
+  MaterialBottomTabNavigationConfig;
+
+function MaterialBottomTabNavigator({
+  id,
+  initialRouteName,
+  backBehavior,
+  children,
+  screenListeners,
+  screenOptions,
+  ...rest
+}: Props) {
+  const { state, descriptors, navigation, NavigationContent } =
+    useNavigationBuilder<
+      TabNavigationState<ParamListBase>,
+      TabRouterOptions,
+      TabActionHelpers<ParamListBase>,
+      MaterialBottomTabNavigationOptions,
+      MaterialBottomTabNavigationEventMap
+    >(TabRouter, {
+      id,
+      initialRouteName,
+      backBehavior,
+      children,
+      screenListeners,
+      screenOptions,
+    });
+
+  return (
+    <NavigationContent>
+      <MaterialBottomTabView
+        {...rest}
+        state={state}
+        navigation={navigation}
+        descriptors={descriptors}
+      />
+    </NavigationContent>
+  );
+}
+
+export default createNavigatorFactory<
+  TabNavigationState<ParamListBase>,
+  MaterialBottomTabNavigationOptions,
+  MaterialBottomTabNavigationEventMap,
+  typeof MaterialBottomTabNavigator
+>(MaterialBottomTabNavigator);

package/src/types.tsx

@@ -0,0 +1,118 @@
+import type {
+  Descriptor,
+  NavigationHelpers,
+  NavigationProp,
+  ParamListBase,
+  RouteProp,
+  TabActionHelpers,
+  TabNavigationState,
+} from '@amazon-devices/react-navigation__native';
+import type { BottomNavigation } from 'react-native-paper';
+
+export type MaterialBottomTabNavigationEventMap = {
+  /**
+   * Event which fires on tapping on the tab in the tab bar.
+   */
+  tabPress: { data: undefined; canPreventDefault: true };
+};
+
+export type MaterialBottomTabNavigationHelpers = NavigationHelpers<
+  ParamListBase,
+  MaterialBottomTabNavigationEventMap
+> &
+  TabActionHelpers<ParamListBase>;
+
+export type MaterialBottomTabNavigationProp<
+  ParamList extends ParamListBase,
+  RouteName extends keyof ParamList = keyof ParamList,
+  NavigatorID extends string | undefined = undefined
+> = NavigationProp<
+  ParamList,
+  RouteName,
+  NavigatorID,
+  TabNavigationState<ParamList>,
+  MaterialBottomTabNavigationOptions,
+  MaterialBottomTabNavigationEventMap
+> &
+  TabActionHelpers<ParamList>;
+
+export type MaterialBottomTabScreenProps<
+  ParamList extends ParamListBase,
+  RouteName extends keyof ParamList = keyof ParamList,
+  NavigatorID extends string | undefined = undefined
+> = {
+  navigation: MaterialBottomTabNavigationProp<
+    ParamList,
+    RouteName,
+    NavigatorID
+  >;
+  route: RouteProp<ParamList, RouteName>;
+};
+
+export type MaterialBottomTabNavigationOptions = {
+  /**
+   * Title text for the screen.
+   */
+  title?: string;
+
+  /**
+   * Color of the tab bar when this tab is active. Only used when `shifting` is `true`.
+   */
+  tabBarColor?: string;
+
+  /**
+   * Label text of the tab displayed in the navigation bar. When undefined, scene title is used.
+   */
+  tabBarLabel?: string;
+
+  /**
+   * String referring to an icon in the `MaterialCommunityIcons` set, or a
+   * function that given { focused: boolean, color: string } returns a React.Node to display in the navigation bar.
+   */
+  tabBarIcon?:
+    | string
+    | ((props: { focused: boolean; color: string }) => React.ReactNode);
+
+  /**
+   * Badge to show on the tab icon, can be `true` to show a dot, `string` or `number` to show text.
+   */
+  tabBarBadge?: boolean | number | string;
+
+  /**
+   * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
+   */
+  tabBarAccessibilityLabel?: string;
+
+  /**
+   * ID to locate this tab button in tests.
+   */
+  tabBarTestID?: string;
+};
+
+export type MaterialBottomTabDescriptor = Descriptor<
+  MaterialBottomTabNavigationOptions,
+  MaterialBottomTabNavigationProp<ParamListBase>,
+  RouteProp<ParamListBase>
+>;
+
+export type MaterialBottomTabDescriptorMap = Record<
+  string,
+  MaterialBottomTabDescriptor
+>;
+
+export type MaterialBottomTabNavigationConfig = Partial<
+  Omit<
+    React.ComponentProps<typeof BottomNavigation>,
+    | 'navigationState'
+    | 'onIndexChange'
+    | 'onTabPress'
+    | 'renderScene'
+    | 'renderLabel'
+    | 'renderIcon'
+    | 'getAccessibilityLabel'
+    | 'getBadge'
+    | 'getColor'
+    | 'getLabelText'
+    | 'getTestID'
+  >
+>;