| 1 | {"version":3,"sources":["DrawerSidebar.tsx"],"names":["React","StyleSheet","View","NavigationActions","DrawerSidebar","PureComponent","routeKey","descriptor","props","descriptors","options","Error","focused","tintColor","route","drawerLabel","title","getScreenOptions","key","routeName","drawerIcon","navigation","closeDrawer","dispatch","navigate","render","ContentComponent","contentComponent","state","index","styles","container","style","contentOptions","drawerOpenProgress","routes","screenProps","getLabel","renderIcon","handleItemPress","drawerPosition","create","flex"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, View, ViewStyle } from 'react-native';\nimport {\n NavigationActions,\n NavigationRoute,\n NavigationScreenProp,\n} from 'react-navigation';\nimport Animated from 'react-native-reanimated';\nimport {\n Scene,\n NavigationDrawerState,\n DrawerContentComponentProps,\n SceneDescriptorMap,\n} from '../types';\n\ntype Props = {\n contentComponent?: React.ComponentType<DrawerContentComponentProps>;\n contentOptions?: object;\n screenProps?: unknown;\n navigation: NavigationScreenProp<NavigationDrawerState>;\n descriptors: SceneDescriptorMap;\n drawerOpenProgress: Animated.Node<number>;\n drawerPosition: 'left' | 'right';\n style?: ViewStyle;\n};\n\n/**\n * Component that renders the sidebar screen of the drawer.\n */\nclass DrawerSidebar extends React.PureComponent<Props> {\n private getScreenOptions = (routeKey: string) => {\n const descriptor = this.props.descriptors[routeKey];\n\n if (!descriptor.options) {\n throw new Error(\n 'Cannot access screen descriptor options from drawer sidebar'\n );\n }\n\n return descriptor.options;\n };\n\n private getLabel = ({ focused, tintColor, route }: Scene) => {\n const { drawerLabel, title } = this.getScreenOptions(route.key);\n if (drawerLabel) {\n return typeof drawerLabel === 'function'\n ? drawerLabel({ tintColor, focused })\n : drawerLabel;\n }\n\n if (typeof title === 'string') {\n return title;\n }\n\n return route.routeName;\n };\n\n private renderIcon = ({ focused, tintColor, route }: Scene) => {\n const { drawerIcon } = this.getScreenOptions(route.key);\n if (drawerIcon) {\n return typeof drawerIcon === 'function'\n ? drawerIcon({ tintColor, focused })\n : drawerIcon;\n }\n return null;\n };\n\n private handleItemPress = ({\n route,\n focused,\n }: {\n route: NavigationRoute;\n focused: boolean;\n }) => {\n if (focused) {\n // @ts-ignore\n this.props.navigation.closeDrawer();\n } else {\n this.props.navigation.dispatch(\n NavigationActions.navigate({ routeName: route.routeName })\n );\n }\n };\n\n render() {\n const ContentComponent = this.props.contentComponent;\n\n if (!ContentComponent) {\n return null;\n }\n\n const { state } = this.props.navigation;\n\n if (typeof state.index !== 'number') {\n throw new Error(\n 'The index of the route should be state in the navigation state'\n );\n }\n\n return (\n <View style={[styles.container, this.props.style]}>\n <ContentComponent\n {...this.props.contentOptions}\n navigation={this.props.navigation}\n descriptors={this.props.descriptors}\n drawerOpenProgress={this.props.drawerOpenProgress}\n items={state.routes}\n activeItemKey={\n state.routes[state.index] ? state.routes[state.index].key : null\n }\n screenProps={this.props.screenProps}\n getLabel={this.getLabel}\n renderIcon={this.renderIcon}\n onItemPress={this.handleItemPress}\n drawerPosition={this.props.drawerPosition}\n />\n </View>\n );\n }\n}\n\nexport default DrawerSidebar;\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n"]} |