@react-navigation/elements 2.0.0-rc.9 → 2.0.1

package/src/Header/HeaderSearchBar.tsx

@@ -0,0 +1,283 @@
+import { useNavigation, useTheme } from '@react-navigation/native';
+import Color from 'color';
+import * as React from 'react';
+import {
+  Animated,
+  Image,
+  Platform,
+  type StyleProp,
+  StyleSheet,
+  TextInput,
+  View,
+  type ViewStyle,
+} from 'react-native';
+
+import clearIcon from '../assets/clear-icon.png';
+import closeIcon from '../assets/close-icon.png';
+import searchIcon from '../assets/search-icon.png';
+import { PlatformPressable } from '../PlatformPressable';
+import { Text } from '../Text';
+import type { HeaderOptions } from '../types';
+import { HeaderButton } from './HeaderButton';
+import { HeaderIcon } from './HeaderIcon';
+
+type Props = HeaderOptions['headerSearchBarOptions'] & {
+  visible: boolean;
+  onClose: () => void;
+  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+};
+
+const INPUT_TYPE_TO_MODE = {
+  text: 'text',
+  number: 'numeric',
+  phone: 'tel',
+  email: 'email',
+} as const;
+
+export function HeaderSearchBar({
+  visible,
+  inputType,
+  autoFocus = true,
+  placeholder = 'Search',
+  cancelButtonText = 'Cancel',
+  onChangeText,
+  onClose,
+  style,
+  ...rest
+}: Props) {
+  const navigation = useNavigation();
+  const { dark, colors, fonts } = useTheme();
+  const [value, setValue] = React.useState('');
+  const [rendered, setRendered] = React.useState(visible);
+  const [visibleAnim] = React.useState(
+    () => new Animated.Value(visible ? 1 : 0)
+  );
+  const [clearVisibleAnim] = React.useState(() => new Animated.Value(0));
+
+  const visibleValueRef = React.useRef(visible);
+  const clearVisibleValueRef = React.useRef(false);
+  const inputRef = React.useRef<TextInput>(null);
+
+  React.useEffect(() => {
+    // Avoid act warning in tests just by rendering header
+    if (visible === visibleValueRef.current) {
+      return;
+    }
+
+    Animated.timing(visibleAnim, {
+      toValue: visible ? 1 : 0,
+      duration: 100,
+      useNativeDriver: true,
+    }).start(({ finished }) => {
+      if (finished) {
+        setRendered(visible);
+        visibleValueRef.current = visible;
+      }
+    });
+
+    return () => {
+      visibleAnim.stopAnimation();
+    };
+  }, [visible, visibleAnim]);
+
+  const hasText = value !== '';
+
+  React.useEffect(() => {
+    if (clearVisibleValueRef.current === hasText) {
+      return;
+    }
+
+    Animated.timing(clearVisibleAnim, {
+      toValue: hasText ? 1 : 0,
+      duration: 100,
+      useNativeDriver: true,
+    }).start(({ finished }) => {
+      if (finished) {
+        clearVisibleValueRef.current = hasText;
+      }
+    });
+  }, [clearVisibleAnim, hasText]);
+
+  const onClear = React.useCallback(() => {
+    inputRef.current?.clear();
+    inputRef.current?.focus();
+    setValue('');
+    // FIXME: figure out how to create a SyntheticEvent
+    // @ts-expect-error: we don't have the native event here
+    onChangeText?.({ nativeEvent: { text: '' } });
+  }, [onChangeText]);
+
+  React.useEffect(
+    () =>
+      navigation?.addListener('blur', () => {
+        onClear();
+        onClose();
+      }),
+    [navigation, onClear, onClose]
+  );
+
+  if (!visible && !rendered) {
+    return null;
+  }
+
+  return (
+    <Animated.View
+      pointerEvents={visible ? 'auto' : 'none'}
+      accessibilityLiveRegion="polite"
+      accessibilityElementsHidden={!visible}
+      importantForAccessibility={visible ? 'auto' : 'no-hide-descendants'}
+      style={[styles.container, { opacity: visibleAnim }, style]}
+    >
+      <View style={styles.searchbarContainer}>
+        <HeaderIcon source={searchIcon} style={styles.inputSearchIcon} />
+        <TextInput
+          {...rest}
+          ref={inputRef}
+          onChange={onChangeText}
+          onChangeText={setValue}
+          autoFocus={autoFocus}
+          inputMode={INPUT_TYPE_TO_MODE[inputType ?? 'text']}
+          placeholder={placeholder}
+          placeholderTextColor={Color(colors.text).alpha(0.5).string()}
+          cursorColor={colors.primary}
+          selectionHandleColor={colors.primary}
+          selectionColor={Color(colors.primary).alpha(0.3).string()}
+          style={[
+            fonts.regular,
+            styles.searchbar,
+            {
+              backgroundColor: Platform.select({
+                ios: dark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)',
+                default: 'transparent',
+              }),
+              color: colors.text,
+              borderBottomColor: colors.border,
+            },
+          ]}
+        />
+        {Platform.OS === 'ios' ? (
+          <PlatformPressable
+            onPress={onClear}
+            style={[
+              {
+                opacity: clearVisibleAnim,
+                transform: [{ scale: clearVisibleAnim }],
+              },
+              styles.clearButton,
+            ]}
+          >
+            <Image
+              source={clearIcon}
+              resizeMode="contain"
+              style={[styles.clearIcon, { tintColor: colors.text }]}
+            />
+          </PlatformPressable>
+        ) : null}
+      </View>
+      {Platform.OS !== 'ios' ? (
+        <HeaderButton
+          onPress={() => {
+            if (value) {
+              onClear();
+            } else {
+              onClose();
+            }
+          }}
+          style={styles.closeButton}
+        >
+          <HeaderIcon source={closeIcon} />
+        </HeaderButton>
+      ) : null}
+      {Platform.OS === 'ios' ? (
+        <PlatformPressable
+          onPress={() => {
+            onClear();
+            onClose();
+          }}
+          style={styles.cancelButton}
+        >
+          <Text
+            style={[
+              fonts.regular,
+              { color: colors.primary },
+              styles.cancelText,
+            ]}
+          >
+            {cancelButtonText}
+          </Text>
+        </PlatformPressable>
+      ) : null}
+    </Animated.View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'stretch',
+  },
+  inputSearchIcon: {
+    position: 'absolute',
+    opacity: 0.5,
+    left: Platform.select({ ios: 16, default: 4 }),
+    top: Platform.select({ ios: -1, default: 17 }),
+    ...Platform.select({
+      ios: {
+        height: 18,
+        width: 18,
+      },
+      default: {},
+    }),
+  },
+  closeButton: {
+    position: 'absolute',
+    opacity: 0.5,
+    right: Platform.select({ ios: 0, default: 8 }),
+    top: Platform.select({ ios: -2, default: 17 }),
+  },
+  clearButton: {
+    position: 'absolute',
+    right: 0,
+    top: -7,
+    bottom: 0,
+    justifyContent: 'center',
+    padding: 8,
+  },
+  clearIcon: {
+    height: 16,
+    width: 16,
+    opacity: 0.5,
+  },
+  cancelButton: {
+    alignSelf: 'center',
+    top: -4,
+  },
+  cancelText: {
+    fontSize: 17,
+    marginHorizontal: 12,
+  },
+  searchbarContainer: {
+    flex: 1,
+  },
+  searchbar: Platform.select({
+    ios: {
+      flex: 1,
+      fontSize: 17,
+      paddingHorizontal: 32,
+      marginLeft: 16,
+      marginTop: -2,
+      marginBottom: 5,
+      borderRadius: 8,
+    },
+    default: {
+      flex: 1,
+      fontSize: 18,
+      paddingHorizontal: 36,
+      marginRight: 8,
+      marginTop: 8,
+      marginBottom: 8,
+      borderBottomWidth: 1,
+    },
+  }),
+});

package/src/MissingIcon.tsx

@@ -1,4 +1,6 @@
-import { type StyleProp, StyleSheet, Text, type TextStyle } from 'react-native';
+import { type StyleProp, StyleSheet, type TextStyle } from 'react-native';
+
+import { Text } from './Text';
 
 type Props = {
   color?: string;

package/src/PlatformPressable.tsx

@@ -65,16 +65,15 @@ export function PlatformPressable({
   };
 
   const handlePress = (e: GestureResponderEvent) => {
-    // @ts-expect-error: these properties exist on web, but not in React Native
-    const hasModifierKey = e.metaKey || e.altKey || e.ctrlKey || e.shiftKey; // ignore clicks with modifier keys
-    // @ts-expect-error: these properties exist on web, but not in React Native
-    const isLeftClick = e.button == null || e.button === 0; // only handle left clicks
-    const isSelfTarget = [undefined, null, '', 'self'].includes(
-      // @ts-expect-error: these properties exist on web, but not in React Native
-      e.currentTarget?.target
-    ); // let browser handle "target=_blank" etc.
-
     if (Platform.OS === 'web' && rest.href != null) {
+      // @ts-expect-error: these properties exist on web, but not in React Native
+      const hasModifierKey = e.metaKey || e.altKey || e.ctrlKey || e.shiftKey; // ignore clicks with modifier keys
+      // @ts-expect-error: these properties exist on web, but not in React Native
+      const isLeftClick = e.button == null || e.button === 0; // only handle left clicks
+      const isSelfTarget = [undefined, null, '', 'self'].includes(
+        // @ts-expect-error: these properties exist on web, but not in React Native
+        e.currentTarget?.target
+      ); // let browser handle "target=_blank" etc.
       if (!hasModifierKey && isLeftClick && isSelfTarget) {
         e.preventDefault();
         onPress?.(e);
@@ -118,7 +117,12 @@ export function PlatformPressable({
       }
       style={[
         {
-          cursor: 'pointer', // Add hover effect on iPad and VisionOS
+          cursor:
+            Platform.OS === 'web' || Platform.OS === 'ios'
+              ? // Pointer cursor on web
+                // Hover effect on iPad and visionOS
+                'pointer'
+              : 'auto',
           opacity: !ANDROID_SUPPORTS_RIPPLE ? opacity : 1,
         },
         style,
@@ -169,9 +173,12 @@ const HoverEffect = ({
   return (
     <>
       <style
-        // eslint-disable-next-line react/no-danger
-        dangerouslySetInnerHTML={{ __html: CSS_TEXT }}
-      />
+        // @ts-expect-error: href and precedence are only available on React 19
+        href={CLASS_NAME}
+        precedence="elements"
+      >
+        {CSS_TEXT}
+      </style>
       <div
         className={CLASS_NAME}
         style={{

package/src/SafeAreaProviderCompat.tsx

@@ -77,6 +77,7 @@ const SafeAreaFrameProvider = ({
 
     const rect = element.current.getBoundingClientRect();
 
+    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
     setFrame({
       x: rect.x,
       y: rect.y,
@@ -84,7 +85,7 @@ const SafeAreaFrameProvider = ({
       height: rect.height,
     });
 
-    let timeout: NodeJS.Timeout;
+    let timeout: ReturnType<typeof setTimeout>;
 
     const observer = new ResizeObserver((entries) => {
       const entry = entries[0];

package/src/Screen.tsx

@@ -49,6 +49,7 @@ export function Screen(props: Props) {
     header,
     headerShown = true,
     headerTransparent,
+    // eslint-disable-next-line @eslint-react/no-unstable-default-props
     headerStatusBarHeight = isParentHeaderShown ? 0 : insets.top,
     navigation,
     route,
@@ -69,17 +70,6 @@ export function Screen(props: Props) {
       // that we won't render unnecessary views due to the view flattening.
       collapsable={false}
     >
-      <View style={styles.content}>
-        <HeaderShownContext.Provider
-          value={isParentHeaderShown || headerShown !== false}
-        >
-          <HeaderHeightContext.Provider
-            value={headerShown ? headerHeight : parentHeaderHeight ?? 0}
-          >
-            {children}
-          </HeaderHeightContext.Provider>
-        </HeaderShownContext.Provider>
-      </View>
       {headerShown ? (
         <NavigationContext.Provider value={navigation}>
           <NavigationRouteContext.Provider value={route}>
@@ -89,13 +79,27 @@ export function Screen(props: Props) {
 
                 setHeaderHeight(height);
               }}
-              style={headerTransparent ? styles.absolute : null}
+              style={[
+                styles.header,
+                headerTransparent ? styles.absolute : null,
+              ]}
             >
               {header}
             </View>
           </NavigationRouteContext.Provider>
         </NavigationContext.Provider>
       ) : null}
+      <View style={styles.content}>
+        <HeaderShownContext.Provider
+          value={isParentHeaderShown || headerShown !== false}
+        >
+          <HeaderHeightContext.Provider
+            value={headerShown ? headerHeight : parentHeaderHeight ?? 0}
+          >
+            {children}
+          </HeaderHeightContext.Provider>
+        </HeaderShownContext.Provider>
+      </View>
     </Background>
   );
 }
@@ -103,12 +107,13 @@ export function Screen(props: Props) {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    flexDirection: 'column-reverse',
   },
-  // This is necessary to avoid applying 'column-reverse' to screen content
   content: {
     flex: 1,
   },
+  header: {
+    zIndex: 1,
+  },
   absolute: {
     position: 'absolute',
     top: 0,

package/src/Text.tsx

@@ -1,4 +1,5 @@
 import { useTheme } from '@react-navigation/native';
+// eslint-disable-next-line no-restricted-imports
 import { Text as NativeText, type TextProps } from 'react-native';
 
 export function Text({ style, ...rest }: TextProps) {

package/src/index.tsx

@@ -1,5 +1,8 @@
 import backIcon from './assets/back-icon.png';
 import backIconMask from './assets/back-icon-mask.png';
+import clearIcon from './assets/clear-icon.png';
+import closeIcon from './assets/close-icon.png';
+import searchIcon from './assets/search-icon.png';
 
 export { Background } from './Background';
 export { Button } from './Button';
@@ -24,6 +27,12 @@ export { SafeAreaProviderCompat } from './SafeAreaProviderCompat';
 export { Screen } from './Screen';
 export { Text } from './Text';
 
-export const Assets = [backIcon, backIconMask];
+export const Assets = [
+  backIcon,
+  backIconMask,
+  searchIcon,
+  closeIcon,
+  clearIcon,
+];
 
 export * from './types';

package/src/types.tsx

@@ -2,12 +2,57 @@ import type {
   Animated,
   LayoutChangeEvent,
   StyleProp,
+  TextInputProps,
   TextStyle,
   ViewStyle,
 } from 'react-native';
 
+export type HeaderBackButtonDisplayMode = 'default' | 'generic' | 'minimal';
+
 export type Layout = { width: number; height: number };
 
+type HeaderSearchBarOptions = {
+  /**
+   * The auto-capitalization behavior
+   */
+  autoCapitalize?: 'none' | 'words' | 'sentences' | 'characters';
+  /**
+   * Automatically focuses search input on mount
+   */
+  autoFocus?: boolean;
+  /**
+   * The text to be used instead of default `Cancel` button text
+   *
+   * @platform ios
+   */
+  cancelButtonText?: string;
+  /**
+   * Sets type of the input. Defaults to `text`.
+   */
+  inputType?: 'text' | 'phone' | 'number' | 'email';
+  /**
+   * A callback that gets called when search input has lost focus
+   */
+  onBlur?: TextInputProps['onBlur'];
+  /**
+   * A callback that gets called when the text changes.
+   * It receives the current text value of the search input.
+   */
+  onChangeText?: TextInputProps['onChange'];
+  /**
+   * A callback that gets called when search input is closed
+   */
+  onClose?: () => void;
+  /**
+   * A callback that gets called when search input has received focus
+   */
+  onFocus?: TextInputProps['onFocus'];
+  /**
+   * Text displayed when search field is empty
+   */
+  placeholder?: string;
+};
+
 export type HeaderOptions = {
   /**
    * String or a function that returns a React Element to be used by the header.
@@ -34,20 +79,41 @@ export type HeaderOptions = {
    * Whether header title font should scale to respect Text Size accessibility settings. Defaults to `false`.
    */
   headerTitleAllowFontScaling?: boolean;
+  /**
+   * Options to render a search bar.
+   */
+  headerSearchBarOptions?: HeaderSearchBarOptions;
   /**
    * Function which returns a React Element to display on the left side of the header.
    */
-  headerLeft?: (props: {
-    tintColor?: string;
-    pressColor?: string;
-    pressOpacity?: number;
-    labelVisible?: boolean;
-    href?: undefined;
-  }) => React.ReactNode;
+  headerLeft?: (
+    props: HeaderBackButtonProps & {
+      /**
+       * Whether it's possible to navigate back.
+       */
+      canGoBack?: boolean;
+    }
+  ) => React.ReactNode;
+  /**
+   * How the back button displays icon and title.
+   *
+   * Supported values:
+   * - "default" - Displays one of the following depending on the available space: previous screen's title, truncated title (e.g. 'Back') or no title (only icon).
+   * - "generic" – Displays one of the following depending on the available space: truncated title (e.g. 'Back') or no title (only icon).
+   * - "minimal" – Always displays only the icon without a title.
+   *
+   * Defaults to "default" on iOS, and "minimal" on other platforms.
+   */
+  headerBackButtonDisplayMode?: HeaderBackButtonDisplayMode;
   /**
-   * Whether a label is visible in the left button. Used to add extra padding.
+   * Style object for header back title. Supported properties:
+   * - fontFamily
+   * - fontSize
    */
-  headerLeftLabelVisible?: boolean;
+  headerBackTitleStyle?: StyleProp<{
+    fontFamily?: string;
+    fontSize?: number;
+  }>;
   /**
    * Style object for the container of the `headerLeft` element`.
    */
@@ -59,6 +125,7 @@ export type HeaderOptions = {
     tintColor?: string;
     pressColor?: string;
     pressOpacity?: number;
+    canGoBack: boolean;
   }) => React.ReactNode;
   /**
    * Style object for the container of the `headerRight` element.
@@ -209,7 +276,7 @@ export type HeaderBackButtonProps = Omit<HeaderButtonProps, 'children'> & {
    * Whether the label text is visible.
    * Defaults to `true` on iOS and `false` on Android.
    */
-  labelVisible?: boolean;
+  displayMode?: HeaderBackButtonDisplayMode;
   /**
    * Style object for the label.
    */

package/lib/commonjs/Header/Header.cjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_getDefaultHeaderHeight","_HeaderBackground","_HeaderShownContext","_HeaderTitle","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IPAD_MINI_MEDIUM_WIDTH","warnIfHeaderStylesDefined","styles","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","useSafeAreaInsets","frame","useSafeAreaFrame","isParentHeaderShown","useContext","HeaderShownContext","layout","modal","title","headerTitle","customTitle","headerTitleAlign","Platform","select","ios","headerLeft","headerLeftLabelVisible","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","top","defaultHeight","getDefaultHeaderHeight","height","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","StyleSheet","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","leftButton","tintColor","pressColor","pressOpacity","labelVisible","rightButton","jsx","HeaderTitle","jsxs","Animated","View","pointerEvents","style","children","absoluteFill","HeaderBackground","content","OS","width","large","start","expand","marginStart","left","maxWidth","Math","max","right","allowFontScaling","end","marginEnd","create","flex","flexDirection","alignItems","marginHorizontal","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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","ignoreList":[]}