@react-navigation/elements 2.3.7 → 2.4.0

package/src/PlatformPressable.tsx

@@ -17,12 +17,15 @@ type HoverEffectProps = {
   activeOpacity?: number;
 };
 
-export type Props = Omit<PressableProps, 'style'> & {
+export type Props = Omit<PressableProps, 'style' | 'onPress'> & {
+  href?: string;
   pressColor?: string;
   pressOpacity?: number;
   hoverEffect?: HoverEffectProps;
   style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-  href?: string;
+  onPress?: (
+    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
+  ) => void;
   children: React.ReactNode;
 };
 
@@ -37,19 +40,22 @@ const useNativeDriver = Platform.OS !== 'web';
 /**
  * PlatformPressable provides an abstraction on top of Pressable to handle platform differences.
  */
-export function PlatformPressable({
-  disabled,
-  onPress,
-  onPressIn,
-  onPressOut,
-  android_ripple,
-  pressColor,
-  pressOpacity = 0.3,
-  hoverEffect,
-  style,
-  children,
-  ...rest
-}: Props) {
+function PlatformPressableInternal(
+  {
+    disabled,
+    onPress,
+    onPressIn,
+    onPressOut,
+    android_ripple,
+    pressColor,
+    pressOpacity = 0.3,
+    hoverEffect,
+    style,
+    children,
+    ...rest
+  }: Props,
+  ref: React.Ref<React.ComponentRef<typeof AnimatedPressable>>
+) {
   const { dark } = useTheme();
   const [opacity] = React.useState(() => new Animated.Value(1));
 
@@ -66,18 +72,31 @@ export function PlatformPressable({
     }).start();
   };
 
-  const handlePress = (e: GestureResponderEvent) => {
-    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.
+  const handlePress = (
+    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
+  ) => {
+    if (Platform.OS === 'web' && rest.href !== null) {
+      // ignore clicks with modifier keys
+      const hasModifierKey =
+        ('metaKey' in e && e.metaKey) ||
+        ('altKey' in e && e.altKey) ||
+        ('ctrlKey' in e && e.ctrlKey) ||
+        ('shiftKey' in e && e.shiftKey);
+
+      // only handle left clicks
+      const isLeftClick =
+        'button' in e ? e.button == null || e.button === 0 : true;
+
+      // let browser handle "target=_blank" etc.
+      const isSelfTarget =
+        e.currentTarget && 'target' in e.currentTarget
+          ? [undefined, null, '', 'self'].includes(e.currentTarget.target)
+          : true;
+
       if (!hasModifierKey && isLeftClick && isSelfTarget) {
         e.preventDefault();
+        // call `onPress` only when browser default is prevented
+        // this prevents app from handling the click when a link is being opened
         onPress?.(e);
       }
     } else {
@@ -97,10 +116,9 @@ export function PlatformPressable({
 
   return (
     <AnimatedPressable
+      ref={ref}
       accessible
-      accessibilityRole={
-        Platform.OS === 'web' && rest.href != null ? 'link' : 'button'
-      }
+      role={Platform.OS === 'web' && rest.href != null ? 'link' : 'button'}
       onPress={disabled ? undefined : handlePress}
       onPressIn={handlePressIn}
       onPressOut={handlePressOut}
@@ -137,6 +155,10 @@ export function PlatformPressable({
   );
 }
 
+export const PlatformPressable = React.forwardRef(PlatformPressableInternal);
+
+PlatformPressable.displayName = 'PlatformPressable';
+
 const css = String.raw;
 
 const CLASS_NAME = `__react-navigation_elements_Pressable_hover`;
@@ -174,12 +196,7 @@ const HoverEffect = ({
 
   return (
     <>
-      <style
-        // @ts-expect-error: href and precedence are only available on React 19
-        href={CLASS_NAME}
-        // eslint-disable-next-line @eslint-react/dom/no-unknown-property
-        precedence="elements"
-      >
+      <style href={CLASS_NAME} precedence="elements">
         {CSS_TEXT}
       </style>
       <div

package/src/Screen.tsx

@@ -62,8 +62,7 @@ export function Screen(props: Props) {
 
   return (
     <Background
-      accessibilityElementsHidden={!focused}
-      importantForAccessibility={focused ? 'auto' : 'no-hide-descendants'}
+      aria-hidden={!focused}
       style={[styles.container, style]}
       // On Fabric we need to disable collapsing for the background to ensure
       // that we won't render unnecessary views due to the view flattening.
@@ -94,7 +93,7 @@ export function Screen(props: Props) {
           value={isParentHeaderShown || headerShown !== false}
         >
           <HeaderHeightContext.Provider
-            value={headerShown ? headerHeight : parentHeaderHeight ?? 0}
+            value={headerShown ? headerHeight : (parentHeaderHeight ?? 0)}
           >
             {children}
           </HeaderHeightContext.Provider>

package/lib/commonjs/Background.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Background = Background;
-var _native = require("@react-navigation/native");
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function Background({
-  style,
-  ...rest
-}) {
-  const {
-    colors
-  } = (0, _native.useTheme)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    ...rest,
-    style: [{
-      flex: 1,
-      backgroundColor: colors.background
-    }, style]
-  });
-}
-//# sourceMappingURL=Background.js.map

package/lib/commonjs/Background.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","React","_interopRequireWildcard","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Background","style","rest","colors","useTheme","jsx","Animated","View","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKsB,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOf,SAASW,UAAUA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAE7B,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAAC3B,YAAA,CAAA4B,QAAQ,CAACC,IAAI;IAAA,GACRL,IAAI;IACRD,KAAK,EAAE,CAAC;MAAEO,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEN,MAAM,CAACO;IAAW,CAAC,EAAET,KAAK;EAAE,CACjE,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/Button.js

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Button = Button;
-var _native = require("@react-navigation/native");
-var _color = _interopRequireDefault(require("color"));
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _PlatformPressable = require("./PlatformPressable.js");
-var _Text = require("./Text.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BUTTON_RADIUS = 40;
-function Button(props) {
-  if ('screen' in props || 'action' in props) {
-    // @ts-expect-error: This is already type-checked by the prop types
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonLink, {
-      ...props
-    });
-  } else {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonBase, {
-      ...props
-    });
-  }
-}
-function ButtonLink({
-  screen,
-  params,
-  action,
-  href,
-  ...rest
-}) {
-  // @ts-expect-error: This is already type-checked by the prop types
-  const props = (0, _native.useLinkProps)({
-    screen,
-    params,
-    action,
-    href
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonBase, {
-    ...rest,
-    ...props
-  });
-}
-function ButtonBase({
-  variant = 'tinted',
-  color: customColor,
-  android_ripple,
-  style,
-  children,
-  ...rest
-}) {
-  const {
-    colors,
-    fonts
-  } = (0, _native.useTheme)();
-  const color = customColor ?? colors.primary;
-  let backgroundColor;
-  let textColor;
-  switch (variant) {
-    case 'plain':
-      backgroundColor = 'transparent';
-      textColor = color;
-      break;
-    case 'tinted':
-      backgroundColor = (0, _color.default)(color).fade(0.85).string();
-      textColor = color;
-      break;
-    case 'filled':
-      backgroundColor = color;
-      textColor = (0, _color.default)(color).isDark() ? 'white' : (0, _color.default)(color).darken(0.71).string();
-      break;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlatformPressable.PlatformPressable, {
-    ...rest,
-    android_ripple: {
-      radius: BUTTON_RADIUS,
-      color: (0, _color.default)(textColor).fade(0.85).string(),
-      ...android_ripple
-    },
-    pressOpacity: _reactNative.Platform.OS === 'ios' ? undefined : 1,
-    hoverEffect: {
-      color: textColor
-    },
-    style: [{
-      backgroundColor
-    }, styles.button, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
-      style: [{
-        color: textColor
-      }, fonts.regular, styles.text],
-      children: children
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    paddingHorizontal: 24,
-    paddingVertical: 10,
-    borderRadius: BUTTON_RADIUS
-  },
-  text: {
-    fontSize: 14,
-    lineHeight: 20,
-    letterSpacing: 0.1,
-    textAlign: 'center'
-  }
-});
-//# sourceMappingURL=Button.js.map

package/lib/commonjs/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","_color","_interopRequireDefault","React","_interopRequireWildcard","_reactNative","_PlatformPressable","_Text","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BUTTON_RADIUS","Button","props","jsx","ButtonLink","ButtonBase","screen","params","action","href","rest","useLinkProps","variant","color","customColor","android_ripple","style","children","colors","fonts","useTheme","primary","backgroundColor","textColor","Color","fade","string","isDark","darken","PlatformPressable","radius","pressOpacity","Platform","OS","undefined","hoverEffect","styles","button","Text","regular","text","StyleSheet","create","paddingHorizontal","paddingVertical","borderRadius","fontSize","lineHeight","letterSpacing","textAlign"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/Header/Header.js

@@ -1,344 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Header = Header;
-var _native = require("@react-navigation/native");
-var _color = _interopRequireDefault(require("color"));
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _searchIcon = _interopRequireDefault(require("../assets/search-icon.png"));
-var _getDefaultHeaderHeight = require("./getDefaultHeaderHeight.js");
-var _HeaderBackButton = require("./HeaderBackButton.js");
-var _HeaderBackground = require("./HeaderBackground.js");
-var _HeaderButton = require("./HeaderButton.js");
-var _HeaderIcon = require("./HeaderIcon.js");
-var _HeaderSearchBar = require("./HeaderSearchBar.js");
-var _HeaderShownContext = require("./HeaderShownContext.js");
-var _HeaderTitle = require("./HeaderTitle.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Width of the screen in split layout on portrait mode on iPad Mini
-const IPAD_MINI_MEDIUM_WIDTH = 414;
-const warnIfHeaderStylesDefined = styles => {
-  Object.keys(styles).forEach(styleProp => {
-    const value = styles[styleProp];
-    if (styleProp === 'position' && value === 'absolute') {
-      console.warn("position: 'absolute' is not supported on headerStyle. If you would like to render content under the header, use the 'headerTransparent' option.");
-    } else if (value !== undefined) {
-      console.warn(`${styleProp} was given a value of ${value}, this has no effect on headerStyle.`);
-    }
-  });
-};
-function Header(props) {
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const frame = (0, _reactNativeSafeAreaContext.useSafeAreaFrame)();
-  const {
-    colors
-  } = (0, _native.useTheme)();
-  const navigation = (0, _native.useNavigation)();
-  const isParentHeaderShown = React.useContext(_HeaderShownContext.HeaderShownContext);
-  const [searchBarVisible, setSearchBarVisible] = React.useState(false);
-  const [titleLayout, setTitleLayout] = React.useState(undefined);
-  const onTitleLayout = e => {
-    const {
-      height,
-      width
-    } = e.nativeEvent.layout;
-    setTitleLayout(titleLayout => {
-      if (titleLayout && height === titleLayout.height && width === titleLayout.width) {
-        return titleLayout;
-      }
-      return {
-        height,
-        width
-      };
-    });
-  };
-  const {
-    layout = frame,
-    modal = false,
-    back,
-    title,
-    headerTitle: customTitle,
-    headerTitleAlign = _reactNative.Platform.OS === 'ios' ? 'center' : 'left',
-    headerLeft = back ? props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderBackButton.HeaderBackButton, {
-      ...props
-    }) : undefined,
-    headerSearchBarOptions,
-    headerTransparent,
-    headerTintColor,
-    headerBackground,
-    headerRight,
-    headerTitleAllowFontScaling: titleAllowFontScaling,
-    headerTitleStyle: titleStyle,
-    headerLeftContainerStyle: leftContainerStyle,
-    headerRightContainerStyle: rightContainerStyle,
-    headerTitleContainerStyle: titleContainerStyle,
-    headerBackButtonDisplayMode = _reactNative.Platform.OS === 'ios' ? 'default' : 'minimal',
-    headerBackTitleStyle,
-    headerBackgroundContainerStyle: backgroundContainerStyle,
-    headerStyle: customHeaderStyle,
-    headerShadowVisible,
-    headerPressColor,
-    headerPressOpacity,
-    headerStatusBarHeight = isParentHeaderShown ? 0 : insets.top
-  } = props;
-  const defaultHeight = (0, _getDefaultHeaderHeight.getDefaultHeaderHeight)(layout, modal, headerStatusBarHeight);
-  const {
-    height = defaultHeight,
-    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
-  } = _reactNative.StyleSheet.flatten(customHeaderStyle || {});
-  if (process.env.NODE_ENV !== 'production') {
-    warnIfHeaderStylesDefined(unsafeStyles);
-  }
-  const safeStyles = {
-    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
-  };
-
-  // Setting a property to undefined triggers default style
-  // So we need to filter them out
-  // Users can use `null` instead
-  for (const styleProp in safeStyles) {
-    // @ts-expect-error: typescript wrongly complains that styleProp cannot be used to index safeStyles
-    if (safeStyles[styleProp] === undefined) {
-      // @ts-expect-error don't need to care about index signature for deletion
-      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
-      delete safeStyles[styleProp];
-    }
-  }
-  const backgroundStyle = {
-    ...(headerTransparent && {
-      backgroundColor: 'transparent'
-    }),
-    ...((headerTransparent || headerShadowVisible === false) && {
-      borderBottomWidth: 0,
-      ..._reactNative.Platform.select({
-        android: {
-          elevation: 0
-        },
-        web: {
-          boxShadow: 'none'
-        },
-        default: {
-          shadowOpacity: 0
-        }
-      })
-    }),
-    ...safeStyles
-  };
-  const iconTintColor = headerTintColor ?? _reactNative.Platform.select({
-    ios: colors.primary,
-    default: colors.text
-  });
-  const leftButton = headerLeft ? headerLeft({
-    tintColor: iconTintColor,
-    pressColor: headerPressColor,
-    pressOpacity: headerPressOpacity,
-    displayMode: headerBackButtonDisplayMode,
-    titleLayout,
-    screenLayout: layout,
-    canGoBack: Boolean(back),
-    onPress: back ? navigation.goBack : undefined,
-    label: back?.title,
-    labelStyle: headerBackTitleStyle,
-    href: back?.href
-  }) : null;
-  const rightButton = headerRight ? headerRight({
-    tintColor: iconTintColor,
-    pressColor: headerPressColor,
-    pressOpacity: headerPressOpacity,
-    canGoBack: Boolean(back)
-  }) : null;
-  const headerTitle = typeof customTitle !== 'function' ? props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTitle.HeaderTitle, {
-    ...props
-  }) : customTitle;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-    pointerEvents: "box-none",
-    style: [{
-      height,
-      minHeight,
-      maxHeight,
-      opacity,
-      transform
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      pointerEvents: "box-none",
-      style: [_reactNative.StyleSheet.absoluteFill, backgroundContainerStyle],
-      children: headerBackground ? headerBackground({
-        style: backgroundStyle
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderBackground.HeaderBackground, {
-        pointerEvents:
-        // Allow touch through the header when background color is transparent
-        headerTransparent && (backgroundStyle.backgroundColor === 'transparent' || (0, _color.default)(backgroundStyle.backgroundColor).alpha() === 0) ? 'none' : 'auto',
-        style: backgroundStyle
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      pointerEvents: "none",
-      style: {
-        height: headerStatusBarHeight
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      pointerEvents: "box-none",
-      style: [styles.content, _reactNative.Platform.OS === 'ios' && frame.width >= IPAD_MINI_MEDIUM_WIDTH ? styles.large : null],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        pointerEvents: "box-none",
-        style: [styles.start, !searchBarVisible && headerTitleAlign === 'center' && styles.expand, {
-          marginStart: insets.left
-        }, leftContainerStyle],
-        children: leftButton
-      }), _reactNative.Platform.OS === 'ios' || !searchBarVisible ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-          pointerEvents: "box-none",
-          style: [styles.title, {
-            // Avoid the title from going offscreen or overlapping buttons
-            maxWidth: headerTitleAlign === 'center' ? layout.width - ((leftButton ? headerBackButtonDisplayMode !== 'minimal' ? 80 : 32 : 16) + (rightButton || headerSearchBarOptions ? 16 : 0) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 52 : 16) + (rightButton || headerSearchBarOptions ? 52 : 16) + insets.left - insets.right)
-          }, headerTitleAlign === 'left' && leftButton ? {
-            marginStart: 4
-          } : {
-            marginHorizontal: 16
-          }, titleContainerStyle],
-          children: headerTitle({
-            children: title,
-            allowFontScaling: titleAllowFontScaling,
-            tintColor: headerTintColor,
-            onLayout: onTitleLayout,
-            style: titleStyle
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-          pointerEvents: "box-none",
-          style: [styles.end, styles.expand, {
-            marginEnd: insets.right
-          }, rightContainerStyle],
-          children: [rightButton, headerSearchBarOptions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderButton.HeaderButton, {
-            tintColor: iconTintColor,
-            pressColor: headerPressColor,
-            pressOpacity: headerPressOpacity,
-            onPress: () => {
-              setSearchBarVisible(true);
-              headerSearchBarOptions?.onOpen?.();
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderIcon.HeaderIcon, {
-              source: _searchIcon.default,
-              tintColor: iconTintColor
-            })
-          }) : null]
-        })]
-      }) : null, _reactNative.Platform.OS === 'ios' || searchBarVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderSearchBar.HeaderSearchBar, {
-        ...headerSearchBarOptions,
-        visible: searchBarVisible,
-        onClose: () => {
-          setSearchBarVisible(false);
-          headerSearchBarOptions?.onClose?.();
-        },
-        tintColor: headerTintColor,
-        style: [_reactNative.Platform.OS === 'ios' ? [_reactNative.StyleSheet.absoluteFill, {
-          paddingTop: headerStatusBarHeight ? 0 : 4
-        }, {
-          backgroundColor: backgroundColor ?? colors.card
-        }] : !leftButton && {
-          marginStart: 8
-        }]
-      }) : null]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  content: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'stretch'
-  },
-  large: {
-    marginHorizontal: 5
-  },
-  title: {
-    justifyContent: 'center'
-  },
-  start: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'flex-start'
-  },
-  end: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'flex-end'
-  },
-  expand: {
-    flexGrow: 1,
-    flexBasis: 0
-  }
-});
-//# sourceMappingURL=Header.js.map