@react-navigation/elements 2.0.0-rc.2 → 2.0.0-rc.20

package/lib/module/Button.js

@@ -1,17 +1,23 @@
-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); }
+"use strict";
+
 import { useLinkProps, useTheme } from '@react-navigation/native';
 import Color from 'color';
 import * as React from 'react';
 import { Platform, StyleSheet } from 'react-native';
-import { PlatformPressable } from './PlatformPressable';
-import { Text } from './Text';
+import { PlatformPressable } from "./PlatformPressable.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const BUTTON_RADIUS = 40;
 export function Button(props) {
   if ('screen' in props || 'action' in props) {
     // @ts-expect-error: This is already type-checked by the prop types
-    return /*#__PURE__*/React.createElement(ButtonLink, props);
+    return /*#__PURE__*/_jsx(ButtonLink, {
+      ...props
+    });
   } else {
-    return /*#__PURE__*/React.createElement(ButtonBase, props);
+    return /*#__PURE__*/_jsx(ButtonBase, {
+      ...props
+    });
   }
 }
 function ButtonLink({
@@ -28,7 +34,10 @@ function ButtonLink({
     action,
     href
   });
-  return /*#__PURE__*/React.createElement(ButtonBase, _extends({}, rest, props));
+  return /*#__PURE__*/_jsx(ButtonBase, {
+    ...rest,
+    ...props
+  });
 }
 function ButtonBase({
   variant = 'tinted',
@@ -59,62 +68,28 @@ function ButtonBase({
       textColor = Color(color).isDark() ? 'white' : Color(color).darken(0.71).string();
       break;
   }
-  return /*#__PURE__*/React.createElement(PlatformPressable, _extends({}, rest, {
-    pressOpacity: Platform.OS === 'ios' ? undefined : 1,
-    style: [{
-      backgroundColor
-    }, styles.button, style],
+  return /*#__PURE__*/_jsx(PlatformPressable, {
+    ...rest,
     android_ripple: {
       radius: BUTTON_RADIUS,
       color: Color(textColor).fade(0.85).string(),
       ...android_ripple
-    }
-  }), Platform.OS === 'web' ? /*#__PURE__*/React.createElement(HoverEffect, {
-    color: textColor
-  }) : null, /*#__PURE__*/React.createElement(Text, {
-    style: [{
+    },
+    pressOpacity: Platform.OS === 'ios' ? undefined : 1,
+    hoverEffect: {
       color: textColor
-    }, fonts.regular, styles.text]
-  }, children));
+    },
+    style: [{
+      backgroundColor
+    }, styles.button, style],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [{
+        color: textColor
+      }, fonts.regular, styles.text],
+      children: children
+    })
+  });
 }
-const CLASS_NAME = '__react-navigation_elements_Button_hover';
-const css = String.raw;
-const cssText = css`
-  .${CLASS_NAME} {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border-radius: ${BUTTON_RADIUS}px;
-    pointer-events: none;
-    opacity: 0;
-    transition: opacity 0.15s;
-  }
-
-  button:hover > .${CLASS_NAME} {
-    opacity: 0.08;
-  }
-
-  button:active > .${CLASS_NAME} {
-    opacity: 0.15;
-  }
-`;
-const HoverEffect = ({
-  color
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: cssText
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: CLASS_NAME,
-    style: {
-      backgroundColor: color
-    }
-  }));
-};
 const styles = StyleSheet.create({
   button: {
     paddingHorizontal: 24,

package/lib/module/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["useLinkProps","useTheme","Color","React","Platform","StyleSheet","PlatformPressable","Text","BUTTON_RADIUS","Button","props","createElement","ButtonLink","ButtonBase","screen","params","action","href","rest","_extends","variant","color","customColor","android_ripple","style","children","colors","fonts","primary","backgroundColor","textColor","fade","string","isDark","darken","pressOpacity","OS","undefined","styles","button","radius","HoverEffect","regular","text","CLASS_NAME","css","String","raw","cssText","Fragment","dangerouslySetInnerHTML","__html","className","create","paddingHorizontal","paddingVertical","borderRadius","fontSize","lineHeight","letterSpacing","textAlign"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useLinkProps","useTheme","Color","React","Platform","StyleSheet","PlatformPressable","Text","jsx","_jsx","BUTTON_RADIUS","Button","props","ButtonLink","ButtonBase","screen","params","action","href","rest","variant","color","customColor","android_ripple","style","children","colors","fonts","primary","backgroundColor","textColor","fade","string","isDark","darken","radius","pressOpacity","OS","undefined","hoverEffect","styles","button","regular","text","create","paddingHorizontal","paddingVertical","borderRadius","fontSize","lineHeight","letterSpacing","textAlign"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Header/Header.js

@@ -1,12 +1,16 @@
+"use strict";
+
+import { useTheme } from '@react-navigation/native';
 import * as React from 'react';
 import { Animated, Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
-import { getDefaultHeaderHeight } from './getDefaultHeaderHeight';
-import { HeaderBackground } from './HeaderBackground';
-import { HeaderShownContext } from './HeaderShownContext';
-import { HeaderTitle } from './HeaderTitle';
+import { getDefaultHeaderHeight } from "./getDefaultHeaderHeight.js";
+import { HeaderBackground } from "./HeaderBackground.js";
+import { HeaderShownContext } from "./HeaderShownContext.js";
+import { HeaderTitle } from "./HeaderTitle.js";
 
 // Width of the screen in split layout on portrait mode on iPad Mini
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IPAD_MINI_MEDIUM_WIDTH = 414;
 const warnIfHeaderStylesDefined = styles => {
   Object.keys(styles).forEach(styleProp => {
@@ -21,18 +25,18 @@ const warnIfHeaderStylesDefined = styles => {
 export function Header(props) {
   const insets = useSafeAreaInsets();
   const frame = useSafeAreaFrame();
+  const {
+    colors
+  } = useTheme();
   const isParentHeaderShown = React.useContext(HeaderShownContext);
   const {
+    // eslint-disable-next-line @eslint-react/no-unstable-default-props
     layout = frame,
     modal = false,
     title,
     headerTitle: customTitle,
-    headerTitleAlign = Platform.select({
-      ios: 'center',
-      default: 'left'
-    }),
+    headerTitleAlign = Platform.OS === 'ios' ? 'center' : 'left',
     headerLeft,
-    headerLeftLabelVisible,
     headerTransparent,
     headerTintColor,
     headerBackground,
@@ -42,11 +46,13 @@ export function Header(props) {
     headerLeftContainerStyle: leftContainerStyle,
     headerRightContainerStyle: rightContainerStyle,
     headerTitleContainerStyle: titleContainerStyle,
+    headerBackButtonDisplayMode = Platform.OS === 'ios' ? 'default' : 'minimal',
     headerBackgroundContainerStyle: backgroundContainerStyle,
     headerStyle: customHeaderStyle,
     headerShadowVisible,
     headerPressColor,
     headerPressOpacity,
+    // eslint-disable-next-line @eslint-react/no-unstable-default-props
     headerStatusBarHeight = isParentHeaderShown ? 0 : insets.top
   } = props;
   const defaultHeight = getDefaultHeaderHeight(layout, modal, headerStatusBarHeight);
@@ -146,19 +152,25 @@ export function Header(props) {
     shadowOpacity: 0,
     borderBottomWidth: 0
   }];
+  const iconTintColor = headerTintColor ?? Platform.select({
+    ios: colors.primary,
+    default: colors.text
+  });
   const leftButton = headerLeft ? headerLeft({
-    tintColor: headerTintColor,
+    tintColor: iconTintColor,
     pressColor: headerPressColor,
     pressOpacity: headerPressOpacity,
-    labelVisible: headerLeftLabelVisible
+    displayMode: headerBackButtonDisplayMode
   }) : null;
   const rightButton = headerRight ? headerRight({
-    tintColor: headerTintColor,
+    tintColor: iconTintColor,
     pressColor: headerPressColor,
     pressOpacity: headerPressOpacity
   }) : null;
-  const headerTitle = typeof customTitle !== 'function' ? props => /*#__PURE__*/React.createElement(HeaderTitle, props) : customTitle;
-  return /*#__PURE__*/React.createElement(Animated.View, {
+  const headerTitle = typeof customTitle !== 'function' ? props => /*#__PURE__*/_jsx(HeaderTitle, {
+    ...props
+  }) : customTitle;
+  return /*#__PURE__*/_jsxs(Animated.View, {
     pointerEvents: "box-none",
     style: [{
       height,
@@ -166,48 +178,54 @@ export function Header(props) {
       maxHeight,
       opacity,
       transform
-    }]
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: "box-none",
-    style: [StyleSheet.absoluteFill, backgroundContainerStyle]
-  }, headerBackground ? headerBackground({
-    style: backgroundStyle
-  }) : headerTransparent ? null : /*#__PURE__*/React.createElement(HeaderBackground, {
-    style: backgroundStyle
-  })), /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: {
-      height: headerStatusBarHeight
-    }
-  }), /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "box-none",
-    style: [styles.content, Platform.OS === 'ios' && frame.width >= IPAD_MINI_MEDIUM_WIDTH ? styles.large : null]
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: "box-none",
-    style: [styles.start, headerTitleAlign === 'center' && styles.expand, {
-      marginStart: insets.left
-    }, leftContainerStyle]
-  }, leftButton), /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: "box-none",
-    style: [styles.title, {
-      // Avoid the title from going offscreen or overlapping buttons
-      maxWidth: headerTitleAlign === 'center' ? layout.width - ((leftButton ? headerLeftLabelVisible !== false ? 80 : 32 : 16) + (rightButton ? 16 : 0) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 52 : 16) + (rightButton ? 52 : 16) + insets.left - insets.right)
-    }, headerTitleAlign === 'left' && leftButton ? {
-      marginStart: 4
-    } : {
-      marginStart: 16
-    }, titleContainerStyle]
-  }, headerTitle({
-    children: title,
-    allowFontScaling: titleAllowFontScaling,
-    tintColor: headerTintColor,
-    style: titleStyle
-  })), /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: "box-none",
-    style: [styles.end, styles.expand, {
-      marginEnd: insets.right
-    }, rightContainerStyle]
-  }, rightButton)));
+    }],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "box-none",
+      style: [StyleSheet.absoluteFill, backgroundContainerStyle],
+      children: headerBackground ? headerBackground({
+        style: backgroundStyle
+      }) : headerTransparent ? null : /*#__PURE__*/_jsx(HeaderBackground, {
+        style: backgroundStyle
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        height: headerStatusBarHeight
+      }
+    }), /*#__PURE__*/_jsxs(View, {
+      pointerEvents: "box-none",
+      style: [styles.content, Platform.OS === 'ios' && frame.width >= IPAD_MINI_MEDIUM_WIDTH ? styles.large : null],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "box-none",
+        style: [styles.start, headerTitleAlign === 'center' && styles.expand, {
+          marginStart: insets.left
+        }, leftContainerStyle],
+        children: leftButton
+      }), /*#__PURE__*/_jsx(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 ? 16 : 0) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 52 : 16) + (rightButton ? 52 : 16) + insets.left - insets.right)
+        }, headerTitleAlign === 'left' && leftButton ? {
+          marginStart: 4
+        } : {
+          marginStart: 16
+        }, titleContainerStyle],
+        children: headerTitle({
+          children: title,
+          allowFontScaling: titleAllowFontScaling,
+          tintColor: headerTintColor,
+          style: titleStyle
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "box-none",
+        style: [styles.end, styles.expand, {
+          marginEnd: insets.right
+        }, rightContainerStyle],
+        children: rightButton
+      })]
+    })]
+  });
 }
 const styles = StyleSheet.create({
   content: {

package/lib/module/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","getDefaultHeaderHeight","HeaderBackground","HeaderShownContext","HeaderTitle","IPAD_MINI_MEDIUM_WIDTH","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","isParentHeaderShown","useContext","layout","modal","title","headerTitle","customTitle","headerTitleAlign","select","ios","default","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","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","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","leftButton","tintColor","pressColor","pressOpacity","labelVisible","rightButton","createElement","pointerEvents","style","absoluteFill","content","OS","width","large","start","expand","marginStart","left","maxWidth","Math","max","right","children","allowFontScaling","end","marginEnd","create","flex","flexDirection","alignItems","marginHorizontal","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","getDefaultHeaderHeight","HeaderBackground","HeaderShownContext","HeaderTitle","jsx","_jsx","jsxs","_jsxs","IPAD_MINI_MEDIUM_WIDTH","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","colors","isParentHeaderShown","useContext","layout","modal","title","headerTitle","customTitle","headerTitleAlign","OS","headerLeft","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackButtonDisplayMode","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","top","defaultHeight","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","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","iconTintColor","select","ios","primary","default","text","leftButton","tintColor","pressColor","pressOpacity","displayMode","rightButton","pointerEvents","style","children","absoluteFill","content","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":[]}

package/lib/module/Header/HeaderBackButton.js

@@ -1,21 +1,26 @@
+"use strict";
+
 import { useLocale, useTheme } from '@react-navigation/native';
 import * as React from 'react';
 import { Animated, Image, Platform, StyleSheet, View } from 'react-native';
+import backIcon from '../assets/back-icon.png';
+import backIconMask from '../assets/back-icon-mask.png';
 import { MaskedView } from '../MaskedView';
-import { HeaderButton } from './HeaderButton';
+import { HeaderButton } from "./HeaderButton.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function HeaderBackButton({
   disabled,
   allowFontScaling,
   backImage,
   label,
   labelStyle,
-  labelVisible = Platform.OS === 'ios',
+  displayMode = Platform.OS === 'ios' ? 'default' : 'minimal',
   onLabelLayout,
   onPress,
   pressColor,
   pressOpacity,
   screenLayout,
-  tintColor: customTintColor,
+  tintColor,
   titleLayout,
   truncatedLabel = 'Back',
   accessibilityLabel = label && label !== 'Back' ? `${label}, back` : 'Go back',
@@ -30,83 +35,90 @@ export function HeaderBackButton({
   const {
     direction
   } = useLocale();
-  const [initialLabelWidth, setInitialLabelWidth] = React.useState(undefined);
-  const tintColor = customTintColor !== undefined ? customTintColor : Platform.select({
-    ios: colors.primary,
-    default: colors.text
-  });
-  const handleLabelLayout = e => {
-    onLabelLayout?.(e);
-    const {
-      layout
-    } = e.nativeEvent;
-    setInitialLabelWidth((direction === 'rtl' ? layout.y : layout.x) + layout.width);
-  };
-  const shouldTruncateLabel = () => {
-    return !label || initialLabelWidth && titleLayout && screenLayout && (screenLayout.width - titleLayout.width) / 2 < initialLabelWidth + 26;
-  };
+  const [labelWidth, setLabelWidth] = React.useState(null);
+  const [truncatedLabelWidth, setTruncatedLabelWidth] = React.useState(null);
   const renderBackImage = () => {
     if (backImage) {
       return backImage({
-        tintColor
+        tintColor: tintColor ?? colors.text
       });
     } else {
-      return /*#__PURE__*/React.createElement(Image, {
-        style: [styles.icon, direction === 'rtl' && styles.flip, Boolean(labelVisible) && styles.iconWithLabel, Boolean(tintColor) && {
+      return /*#__PURE__*/_jsx(Image, {
+        style: [styles.icon, direction === 'rtl' && styles.flip, displayMode !== 'minimal' && styles.iconWithLabel, Boolean(tintColor) && {
           tintColor
         }],
         resizeMode: "contain",
-        source: require('../assets/back-icon.png'),
+        source: backIcon,
         fadeDuration: 0
       });
     }
   };
   const renderLabel = () => {
-    const leftLabelText = shouldTruncateLabel() ? truncatedLabel : label;
-    if (!labelVisible || leftLabelText === undefined) {
+    if (displayMode === 'minimal') {
       return null;
     }
-    const labelElement = /*#__PURE__*/React.createElement(View, {
-      style: styles.labelWrapper
-    }, /*#__PURE__*/React.createElement(Animated.Text, {
-      accessible: false,
-      onLayout:
-      // This measurement is used to determine if we should truncate the label when it doesn't fit
-      // Only measure it when label is not truncated because we want the measurement of full label
-      leftLabelText === label ? handleLabelLayout : undefined,
-      style: [tintColor ? {
-        color: tintColor
-      } : null, fonts.regular, styles.label, labelStyle],
-      numberOfLines: 1,
-      allowFontScaling: !!allowFontScaling
-    }, leftLabelText));
+    const availableSpace = titleLayout && screenLayout ? (screenLayout.width - titleLayout.width) / 2 - (ICON_WIDTH + ICON_MARGIN_START) : null;
+    const potentialLabelText = displayMode === 'default' ? label : truncatedLabel;
+    const finalLabelText = availableSpace && labelWidth && truncatedLabelWidth ? availableSpace > labelWidth ? potentialLabelText : availableSpace > truncatedLabelWidth ? truncatedLabel : null : potentialLabelText;
+    const commonStyle = [fonts.regular, styles.label, labelStyle];
+    const hiddenStyle = [commonStyle, {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      opacity: 0
+    }];
+    const labelElement = /*#__PURE__*/_jsxs(View, {
+      style: styles.labelWrapper,
+      children: [label && displayMode === 'default' ? /*#__PURE__*/_jsx(Animated.Text, {
+        style: hiddenStyle,
+        numberOfLines: 1,
+        onLayout: e => setLabelWidth(e.nativeEvent.layout.width),
+        children: label
+      }) : null, truncatedLabel ? /*#__PURE__*/_jsx(Animated.Text, {
+        style: hiddenStyle,
+        numberOfLines: 1,
+        onLayout: e => setTruncatedLabelWidth(e.nativeEvent.layout.width),
+        children: truncatedLabel
+      }) : null, finalLabelText ? /*#__PURE__*/_jsx(Animated.Text, {
+        accessible: false,
+        onLayout: onLabelLayout,
+        style: [tintColor ? {
+          color: tintColor
+        } : null, commonStyle],
+        numberOfLines: 1,
+        allowFontScaling: !!allowFontScaling,
+        children: finalLabelText
+      }) : null]
+    });
     if (backImage || Platform.OS !== 'ios') {
       // When a custom backimage is specified, we can't mask the label
       // Otherwise there might be weird effect due to our mask not being the same as the image
       return labelElement;
     }
-    return /*#__PURE__*/React.createElement(MaskedView, {
-      maskElement: /*#__PURE__*/React.createElement(View, {
+    return /*#__PURE__*/_jsx(MaskedView, {
+      maskElement: /*#__PURE__*/_jsxs(View, {
         style: [styles.iconMaskContainer,
         // Extend the mask to the center of the screen so that label isn't clipped during animation
         screenLayout ? {
           minWidth: screenLayout.width / 2 - 27
-        } : null]
-      }, /*#__PURE__*/React.createElement(Image, {
-        source: require('../assets/back-icon-mask.png'),
-        resizeMode: "contain",
-        style: [styles.iconMask, direction === 'rtl' && styles.flip]
-      }), /*#__PURE__*/React.createElement(View, {
-        style: styles.iconMaskFillerRect
-      }))
-    }, labelElement);
+        } : null],
+        children: [/*#__PURE__*/_jsx(Image, {
+          source: backIconMask,
+          resizeMode: "contain",
+          style: [styles.iconMask, direction === 'rtl' && styles.flip]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.iconMaskFillerRect
+        })]
+      }),
+      children: labelElement
+    });
   };
   const handlePress = () => {
     if (onPress) {
       requestAnimationFrame(() => onPress());
     }
   };
-  return /*#__PURE__*/React.createElement(HeaderButton, {
+  return /*#__PURE__*/_jsx(HeaderButton, {
     disabled: disabled,
     href: href,
     accessibilityLabel: accessibilityLabel,
@@ -114,9 +126,17 @@ export function HeaderBackButton({
     onPress: handlePress,
     pressColor: pressColor,
     pressOpacity: pressOpacity,
-    style: [styles.container, style]
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, renderBackImage(), renderLabel()));
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [renderBackImage(), renderLabel()]
+    })
+  });
 }
+const ICON_WIDTH = Platform.OS === 'ios' ? 13 : 24;
+const ICON_HEIGHT = Platform.OS === 'ios' ? 21 : 24;
+const ICON_MARGIN_START = Platform.OS === 'ios' ? 8 : 3;
+const ICON_MARGIN_END = Platform.OS === 'ios' ? 22 : 3;
+const ICON_MARGIN_VERTICAL = Platform.OS === 'ios' ? 8 : 3;
 const styles = StyleSheet.create({
   container: {
     paddingHorizontal: 0,
@@ -150,20 +170,13 @@ const styles = StyleSheet.create({
       }
     })
   },
-  icon: Platform.select({
-    ios: {
-      height: 21,
-      width: 13,
-      marginStart: 8,
-      marginEnd: 22,
-      marginVertical: 8
-    },
-    default: {
-      height: 24,
-      width: 24,
-      margin: 3
-    }
-  }),
+  icon: {
+    height: ICON_HEIGHT,
+    width: ICON_WIDTH,
+    marginStart: ICON_MARGIN_START,
+    marginEnd: ICON_MARGIN_END,
+    marginVertical: ICON_MARGIN_VERTICAL
+  },
   iconWithLabel: Platform.OS === 'ios' ? {
     marginEnd: 6
   } : {},