@react-navigation/elements 1.4.0-alpha.1 → 2.0.0-alpha.1

package/lib/commonjs/Background.js

@@ -18,7 +18,7 @@ function Background(_ref) {
   const {
     colors
   } = (0, _native.useTheme)();
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
     style: [{
       flex: 1,
       backgroundColor: colors.background

package/lib/commonjs/Background.js.map

@@ -1 +1 @@
-{"version":3,"names":["Background","style","rest","colors","useTheme","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAAA;AAMxC,SAASA,UAAU,OAA4B;EAAA,IAA3B;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gBAAQ,GAAE;EAE7B,oBACE,oBAAC,iBAAI,eACCF,IAAI;IACR,KAAK,EAAE,CAAC;MAAEG,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEH,MAAM,CAACI;IAAW,CAAC,EAAEN,KAAK;EAAE,GAChE;AAEN"}
+{"version":3,"names":["Background","style","rest","colors","useTheme","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAAyE;AAAA;AAAA;AAOlE,SAASA,UAAU,OAA4B;EAAA,IAA3B;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gBAAQ,GAAE;EAE7B,oBACE,oBAAC,qBAAQ,CAAC,IAAI,eACRF,IAAI;IACR,KAAK,EAAE,CAAC;MAAEG,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEH,MAAM,CAACI;IAAW,CAAC,EAAEN,KAAK;EAAE,GAChE;AAEN"}

package/lib/commonjs/Header/HeaderBackButton.js

@@ -18,7 +18,7 @@ function HeaderBackButton(_ref) {
     backImage,
     label,
     labelStyle,
-    labelVisible,
+    labelVisible = _reactNative.Platform.OS === 'ios',
     onLabelLayout,
     onPress,
     pressColor,
@@ -35,6 +35,9 @@ function HeaderBackButton(_ref) {
     colors,
     fonts
   } = (0, _native.useTheme)();
+  const {
+    direction
+  } = (0, _native.useLocale)();
   const [initialLabelWidth, setInitialLabelWidth] = React.useState(undefined);
   const tintColor = customTintColor !== undefined ? customTintColor : _reactNative.Platform.select({
     ios: colors.primary,
@@ -42,7 +45,10 @@ function HeaderBackButton(_ref) {
   });
   const handleLabelLayout = e => {
     onLabelLayout === null || onLabelLayout === void 0 ? void 0 : onLabelLayout(e);
-    setInitialLabelWidth(e.nativeEvent.layout.x + e.nativeEvent.layout.width);
+    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;
@@ -54,7 +60,7 @@ function HeaderBackButton(_ref) {
       });
     } else {
       return /*#__PURE__*/React.createElement(_reactNative.Image, {
-        style: [styles.icon, Boolean(labelVisible) && styles.iconWithLabel, Boolean(tintColor) && {
+        style: [styles.icon, direction === 'rtl' && styles.flip, Boolean(labelVisible) && styles.iconWithLabel, Boolean(tintColor) && {
           tintColor
         }],
         source: require('../assets/back-icon.png'),
@@ -96,7 +102,7 @@ function HeaderBackButton(_ref) {
         style: styles.iconMaskContainer
       }, /*#__PURE__*/React.createElement(_reactNative.Image, {
         source: require('../assets/back-icon-mask.png'),
-        style: styles.iconMask
+        style: [styles.iconMask, direction === 'rtl' && styles.flip]
       }), /*#__PURE__*/React.createElement(_reactNative.View, {
         style: styles.iconMaskFillerRect
       }))
@@ -112,9 +118,7 @@ function HeaderBackButton(_ref) {
     onPress: disabled ? undefined : handlePress,
     pressColor: pressColor,
     pressOpacity: pressOpacity,
-    android_ripple: {
-      borderless: true
-    },
+    android_ripple: androidRipple,
     style: [styles.container, disabled && styles.disabled, style],
     hitSlop: _reactNative.Platform.select({
       ios: undefined,
@@ -127,6 +131,11 @@ function HeaderBackButton(_ref) {
     })
   }, /*#__PURE__*/React.createElement(React.Fragment, null, renderBackImage(), renderLabel()));
 }
+const androidRipple = {
+  borderless: true,
+  foreground: _reactNative.Platform.OS === 'android' && _reactNative.Platform.Version >= 23,
+  radius: 20
+};
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -163,19 +172,13 @@ const styles = _reactNative.StyleSheet.create({
       marginLeft: 8,
       marginRight: 22,
       marginVertical: 12,
-      resizeMode: 'contain',
-      transform: [{
-        scaleX: _reactNative.I18nManager.getConstants().isRTL ? -1 : 1
-      }]
+      resizeMode: 'contain'
     },
     default: {
       height: 24,
       width: 24,
       margin: 3,
-      resizeMode: 'contain',
-      transform: [{
-        scaleX: _reactNative.I18nManager.getConstants().isRTL ? -1 : 1
-      }]
+      resizeMode: 'contain'
     }
   }),
   iconWithLabel: _reactNative.Platform.OS === 'ios' ? {
@@ -196,9 +199,11 @@ const styles = _reactNative.StyleSheet.create({
     marginLeft: -14.5,
     marginVertical: 12,
     alignSelf: 'center',
-    resizeMode: 'contain',
+    resizeMode: 'contain'
+  },
+  flip: {
     transform: [{
-      scaleX: _reactNative.I18nManager.getConstants().isRTL ? -1 : 1
+      scaleX: -1
     }]
   }
 });

package/lib/commonjs/Header/HeaderBackButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["HeaderBackButton","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","customTintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","colors","fonts","useTheme","initialLabelWidth","setInitialLabelWidth","React","useState","undefined","Platform","select","ios","primary","default","text","handleLabelLayout","e","nativeEvent","layout","x","width","shouldTruncateLabel","renderBackImage","styles","icon","Boolean","iconWithLabel","require","renderLabel","leftLabelText","labelElement","labelWrapper","minWidth","color","regular","OS","iconMaskContainer","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","borderless","container","top","right","bottom","left","StyleSheet","create","alignItems","flexDirection","hairlineWidth","marginVertical","marginHorizontal","opacity","fontSize","letterSpacing","height","marginLeft","marginRight","resizeMode","transform","scaleX","I18nManager","getConstants","isRTL","margin","flex","justifyContent","backgroundColor","alignSelf"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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"}
+{"version":3,"names":["HeaderBackButton","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","Platform","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","customTintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","colors","fonts","useTheme","direction","useLocale","initialLabelWidth","setInitialLabelWidth","React","useState","undefined","select","ios","primary","default","text","handleLabelLayout","e","layout","nativeEvent","y","x","width","shouldTruncateLabel","renderBackImage","styles","icon","flip","Boolean","iconWithLabel","require","renderLabel","leftLabelText","labelElement","labelWrapper","minWidth","color","regular","iconMaskContainer","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","androidRipple","container","top","right","bottom","left","borderless","foreground","Version","radius","StyleSheet","create","alignItems","flexDirection","hairlineWidth","marginVertical","marginHorizontal","opacity","fontSize","letterSpacing","height","marginLeft","marginRight","resizeMode","margin","flex","justifyContent","backgroundColor","alignSelf","transform","scaleX"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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"}

package/lib/commonjs/Label/Label.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = Label;
+var _native = require("@react-navigation/native");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function Label(_ref) {
+  let {
+    tintColor,
+    style,
+    ...rest
+  } = _ref;
+  const {
+    colors,
+    fonts
+  } = (0, _native.useTheme)();
+  return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({
+    numberOfLines: 1
+  }, rest, {
+    style: [fonts.regular, styles.label, {
+      color: tintColor === undefined ? colors.text : tintColor
+    }, style]
+  }));
+}
+const styles = _reactNative.StyleSheet.create({
+  label: {
+    textAlign: 'center',
+    backgroundColor: 'transparent'
+  }
+});
+//# sourceMappingURL=Label.js.map

package/lib/commonjs/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Label","tintColor","style","rest","colors","fonts","useTheme","regular","styles","label","color","undefined","text","StyleSheet","create","textAlign","backgroundColor"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAMsB;AAAA;AAAA;AAQf,SAASA,KAAK,OAAuC;EAAA,IAAtC;IAAEC,SAAS;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC;EACxD,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,GAAE;EAEpC,oBACE,oBAAC,iBAAI;IACH,aAAa,EAAE;EAAE,GACbH,IAAI;IACR,KAAK,EAAE,CACLE,KAAK,CAACE,OAAO,EACbC,MAAM,CAACC,KAAK,EACZ;MAAEC,KAAK,EAAET,SAAS,KAAKU,SAAS,GAAGP,MAAM,CAACQ,IAAI,GAAGX;IAAU,CAAC,EAC5DC,KAAK;EACL,GACF;AAEN;AAEA,MAAMM,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,KAAK,EAAE;IACLM,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC"}

package/lib/commonjs/Label/getLabel.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLabel = getLabel;
+function getLabel(options, fallback) {
+  return options.label !== undefined ? options.label : options.title !== undefined ? options.title : fallback;
+}
+//# sourceMappingURL=getLabel.js.map

package/lib/commonjs/Label/getLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getLabel","options","fallback","label","undefined","title"],"sourceRoot":"../../../src","sources":["Label/getLabel.tsx"],"mappings":";;;;;;AAAO,SAASA,QAAQ,CACtBC,OAA2C,EAC3CC,QAAgB,EACR;EACR,OAAOD,OAAO,CAACE,KAAK,KAAKC,SAAS,GAC9BH,OAAO,CAACE,KAAK,GACbF,OAAO,CAACI,KAAK,KAAKD,SAAS,GAC3BH,OAAO,CAACI,KAAK,GACbH,QAAQ;AACd"}

package/lib/commonjs/getDefaultSidebarWidth.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultSidebarWidth = void 0;
+var _reactNative = require("react-native");
+const getDefaultSidebarWidth = _ref => {
+  let {
+    height,
+    width
+  } = _ref;
+  /*
+   * Default sidebar width is screen width - header height
+   * with a max width of 280 on mobile and 320 on tablet
+   * https://material.io/components/navigation-drawer
+   */
+  const smallerAxisSize = Math.min(height, width);
+  const isLandscape = width > height;
+  const isTablet = smallerAxisSize >= 600;
+  const appBarHeight = _reactNative.Platform.OS === 'ios' ? isLandscape ? 32 : 44 : 56;
+  const maxWidth = isTablet ? 320 : 280;
+  return Math.min(smallerAxisSize - appBarHeight, maxWidth);
+};
+exports.getDefaultSidebarWidth = getDefaultSidebarWidth;
+//# sourceMappingURL=getDefaultSidebarWidth.js.map

package/lib/commonjs/getDefaultSidebarWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDefaultSidebarWidth","height","width","smallerAxisSize","Math","min","isLandscape","isTablet","appBarHeight","Platform","OS","maxWidth"],"sourceRoot":"../../src","sources":["getDefaultSidebarWidth.tsx"],"mappings":";;;;;;AAAA;AAEO,MAAMA,sBAAsB,GAAG,QAMhC;EAAA,IANiC;IACrCC,MAAM;IACNC;EAIF,CAAC;EACC;AACF;AACA;AACA;AACA;EACE,MAAMC,eAAe,GAAGC,IAAI,CAACC,GAAG,CAACJ,MAAM,EAAEC,KAAK,CAAC;EAC/C,MAAMI,WAAW,GAAGJ,KAAK,GAAGD,MAAM;EAClC,MAAMM,QAAQ,GAAGJ,eAAe,IAAI,GAAG;EACvC,MAAMK,YAAY,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAIJ,WAAW,GAAG,EAAE,GAAG,EAAE,GAAI,EAAE;EACzE,MAAMK,QAAQ,GAAGJ,QAAQ,GAAG,GAAG,GAAG,GAAG;EAErC,OAAOH,IAAI,CAACC,GAAG,CAACF,eAAe,GAAGK,YAAY,EAAEG,QAAQ,CAAC;AAC3D,CAAC;AAAC"}

package/lib/commonjs/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   Assets: true,
   Background: true,
+  getDefaultSidebarWidth: true,
   getDefaultHeaderHeight: true,
   getHeaderTitle: true,
   Header: true,
@@ -16,6 +17,8 @@ var _exportNames = {
   HeaderShownContext: true,
   HeaderTitle: true,
   useHeaderHeight: true,
+  getLabel: true,
+  Label: true,
   MissingIcon: true,
   PlatformPressable: true,
   ResourceSavingView: true,
@@ -71,6 +74,12 @@ Object.defineProperty(exports, "HeaderTitle", {
     return _HeaderTitle.HeaderTitle;
   }
 });
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function () {
+    return _Label.Label;
+  }
+});
 Object.defineProperty(exports, "MissingIcon", {
   enumerable: true,
   get: function () {
@@ -107,12 +116,24 @@ Object.defineProperty(exports, "getDefaultHeaderHeight", {
     return _getDefaultHeaderHeight.getDefaultHeaderHeight;
   }
 });
+Object.defineProperty(exports, "getDefaultSidebarWidth", {
+  enumerable: true,
+  get: function () {
+    return _getDefaultSidebarWidth.getDefaultSidebarWidth;
+  }
+});
 Object.defineProperty(exports, "getHeaderTitle", {
   enumerable: true,
   get: function () {
     return _getHeaderTitle.getHeaderTitle;
   }
 });
+Object.defineProperty(exports, "getLabel", {
+  enumerable: true,
+  get: function () {
+    return _getLabel.getLabel;
+  }
+});
 Object.defineProperty(exports, "useHeaderHeight", {
   enumerable: true,
   get: function () {
@@ -120,6 +141,7 @@ Object.defineProperty(exports, "useHeaderHeight", {
   }
 });
 var _Background = require("./Background");
+var _getDefaultSidebarWidth = require("./getDefaultSidebarWidth");
 var _getDefaultHeaderHeight = require("./Header/getDefaultHeaderHeight");
 var _getHeaderTitle = require("./Header/getHeaderTitle");
 var _Header = require("./Header/Header");
@@ -130,6 +152,8 @@ var _HeaderHeightContext = require("./Header/HeaderHeightContext");
 var _HeaderShownContext = require("./Header/HeaderShownContext");
 var _HeaderTitle = require("./Header/HeaderTitle");
 var _useHeaderHeight = require("./Header/useHeaderHeight");
+var _getLabel = require("./Label/getLabel");
+var _Label = require("./Label/Label");
 var _MissingIcon = require("./MissingIcon");
 var _PlatformPressable = require("./PlatformPressable");
 var _ResourceSavingView = require("./ResourceSavingView");

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Assets","require"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAPO,MAAMA,MAAM,GAAG;AACpB;AACAC,OAAO,CAAC,wBAAwB,CAAC;AACjC;AACAA,OAAO,CAAC,6BAA6B,CAAC,CACvC;AAAC"}
+{"version":3,"names":["Assets","require"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAPO,MAAMA,MAAM,GAAG;AACpB;AACAC,OAAO,CAAC,wBAAwB,CAAC;AACjC;AACAA,OAAO,CAAC,6BAA6B,CAAC,CACvC;AAAC"}

package/lib/module/Background.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { useTheme } from '@react-navigation/native';
 import * as React from 'react';
-import { View } from 'react-native';
+import { Animated } from 'react-native';
 export function Background(_ref) {
   let {
     style,
@@ -10,7 +10,7 @@ export function Background(_ref) {
   const {
     colors
   } = useTheme();
-  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       flex: 1,
       backgroundColor: colors.background

package/lib/module/Background.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTheme","React","View","Background","style","rest","colors","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAmB,cAAc;AAM9C,OAAO,SAASC,UAAU,OAA4B;EAAA,IAA3B;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAGN,QAAQ,EAAE;EAE7B,oBACE,oBAAC,IAAI,eACCK,IAAI;IACR,KAAK,EAAE,CAAC;MAAEE,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEF,MAAM,CAACG;IAAW,CAAC,EAAEL,KAAK;EAAE,GAChE;AAEN"}
+{"version":3,"names":["useTheme","React","Animated","Background","style","rest","colors","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAyC,cAAc;AAOxE,OAAO,SAASC,UAAU,OAA4B;EAAA,IAA3B;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAGN,QAAQ,EAAE;EAE7B,oBACE,oBAAC,QAAQ,CAAC,IAAI,eACRK,IAAI;IACR,KAAK,EAAE,CAAC;MAAEE,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEF,MAAM,CAACG;IAAW,CAAC,EAAEL,KAAK;EAAE,GAChE;AAEN"}

package/lib/module/Header/HeaderBackButton.js

@@ -1,6 +1,6 @@
-import { useTheme } from '@react-navigation/native';
+import { useLocale, useTheme } from '@react-navigation/native';
 import * as React from 'react';
-import { Animated, I18nManager, Image, Platform, StyleSheet, View } from 'react-native';
+import { Animated, Image, Platform, StyleSheet, View } from 'react-native';
 import { MaskedView } from '../MaskedView';
 import { PlatformPressable } from '../PlatformPressable';
 export function HeaderBackButton(_ref) {
@@ -10,7 +10,7 @@ export function HeaderBackButton(_ref) {
     backImage,
     label,
     labelStyle,
-    labelVisible,
+    labelVisible = Platform.OS === 'ios',
     onLabelLayout,
     onPress,
     pressColor,
@@ -27,6 +27,9 @@ export function HeaderBackButton(_ref) {
     colors,
     fonts
   } = useTheme();
+  const {
+    direction
+  } = useLocale();
   const [initialLabelWidth, setInitialLabelWidth] = React.useState(undefined);
   const tintColor = customTintColor !== undefined ? customTintColor : Platform.select({
     ios: colors.primary,
@@ -34,7 +37,10 @@ export function HeaderBackButton(_ref) {
   });
   const handleLabelLayout = e => {
     onLabelLayout === null || onLabelLayout === void 0 ? void 0 : onLabelLayout(e);
-    setInitialLabelWidth(e.nativeEvent.layout.x + e.nativeEvent.layout.width);
+    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;
@@ -46,7 +52,7 @@ export function HeaderBackButton(_ref) {
       });
     } else {
       return /*#__PURE__*/React.createElement(Image, {
-        style: [styles.icon, Boolean(labelVisible) && styles.iconWithLabel, Boolean(tintColor) && {
+        style: [styles.icon, direction === 'rtl' && styles.flip, Boolean(labelVisible) && styles.iconWithLabel, Boolean(tintColor) && {
           tintColor
         }],
         source: require('../assets/back-icon.png'),
@@ -88,7 +94,7 @@ export function HeaderBackButton(_ref) {
         style: styles.iconMaskContainer
       }, /*#__PURE__*/React.createElement(Image, {
         source: require('../assets/back-icon-mask.png'),
-        style: styles.iconMask
+        style: [styles.iconMask, direction === 'rtl' && styles.flip]
       }), /*#__PURE__*/React.createElement(View, {
         style: styles.iconMaskFillerRect
       }))
@@ -104,9 +110,7 @@ export function HeaderBackButton(_ref) {
     onPress: disabled ? undefined : handlePress,
     pressColor: pressColor,
     pressOpacity: pressOpacity,
-    android_ripple: {
-      borderless: true
-    },
+    android_ripple: androidRipple,
     style: [styles.container, disabled && styles.disabled, style],
     hitSlop: Platform.select({
       ios: undefined,
@@ -119,6 +123,11 @@ export function HeaderBackButton(_ref) {
     })
   }, /*#__PURE__*/React.createElement(React.Fragment, null, renderBackImage(), renderLabel()));
 }
+const androidRipple = {
+  borderless: true,
+  foreground: Platform.OS === 'android' && Platform.Version >= 23,
+  radius: 20
+};
 const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -155,19 +164,13 @@ const styles = StyleSheet.create({
       marginLeft: 8,
       marginRight: 22,
       marginVertical: 12,
-      resizeMode: 'contain',
-      transform: [{
-        scaleX: I18nManager.getConstants().isRTL ? -1 : 1
-      }]
+      resizeMode: 'contain'
     },
     default: {
       height: 24,
       width: 24,
       margin: 3,
-      resizeMode: 'contain',
-      transform: [{
-        scaleX: I18nManager.getConstants().isRTL ? -1 : 1
-      }]
+      resizeMode: 'contain'
     }
   }),
   iconWithLabel: Platform.OS === 'ios' ? {
@@ -188,9 +191,11 @@ const styles = StyleSheet.create({
     marginLeft: -14.5,
     marginVertical: 12,
     alignSelf: 'center',
-    resizeMode: 'contain',
+    resizeMode: 'contain'
+  },
+  flip: {
     transform: [{
-      scaleX: I18nManager.getConstants().isRTL ? -1 : 1
+      scaleX: -1
     }]
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["useTheme","React","Animated","I18nManager","Image","Platform","StyleSheet","View","MaskedView","PlatformPressable","HeaderBackButton","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","customTintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","colors","fonts","initialLabelWidth","setInitialLabelWidth","useState","undefined","select","ios","primary","default","text","handleLabelLayout","e","nativeEvent","layout","x","width","shouldTruncateLabel","renderBackImage","styles","icon","Boolean","iconWithLabel","require","renderLabel","leftLabelText","labelElement","labelWrapper","minWidth","color","regular","OS","iconMaskContainer","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","borderless","container","top","right","bottom","left","create","alignItems","flexDirection","hairlineWidth","marginVertical","marginHorizontal","opacity","fontSize","letterSpacing","height","marginLeft","marginRight","resizeMode","transform","scaleX","getConstants","isRTL","margin","flex","justifyContent","backgroundColor","alignSelf"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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"}
+{"version":3,"names":["useLocale","useTheme","React","Animated","Image","Platform","StyleSheet","View","MaskedView","PlatformPressable","HeaderBackButton","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","customTintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","colors","fonts","direction","initialLabelWidth","setInitialLabelWidth","useState","undefined","select","ios","primary","default","text","handleLabelLayout","e","layout","nativeEvent","y","x","width","shouldTruncateLabel","renderBackImage","styles","icon","flip","Boolean","iconWithLabel","require","renderLabel","leftLabelText","labelElement","labelWrapper","minWidth","color","regular","iconMaskContainer","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","androidRipple","container","top","right","bottom","left","borderless","foreground","Version","radius","create","alignItems","flexDirection","hairlineWidth","marginVertical","marginHorizontal","opacity","fontSize","letterSpacing","height","marginLeft","marginRight","resizeMode","margin","flex","justifyContent","backgroundColor","alignSelf","transform","scaleX"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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"}

package/lib/module/Label/Label.js

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { useTheme } from '@react-navigation/native';
+import * as React from 'react';
+import { StyleSheet, Text } from 'react-native';
+export function Label(_ref) {
+  let {
+    tintColor,
+    style,
+    ...rest
+  } = _ref;
+  const {
+    colors,
+    fonts
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    numberOfLines: 1
+  }, rest, {
+    style: [fonts.regular, styles.label, {
+      color: tintColor === undefined ? colors.text : tintColor
+    }, style]
+  }));
+}
+const styles = StyleSheet.create({
+  label: {
+    textAlign: 'center',
+    backgroundColor: 'transparent'
+  }
+});
+//# sourceMappingURL=Label.js.map

package/lib/module/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","React","StyleSheet","Text","Label","tintColor","style","rest","colors","fonts","regular","styles","label","color","undefined","text","create","textAlign","backgroundColor"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAEEC,UAAU,EACVC,IAAI,QAGC,cAAc;AAQrB,OAAO,SAASC,KAAK,OAAuC;EAAA,IAAtC;IAAEC,SAAS;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC;EACxD,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGT,QAAQ,EAAE;EAEpC,oBACE,oBAAC,IAAI;IACH,aAAa,EAAE;EAAE,GACbO,IAAI;IACR,KAAK,EAAE,CACLE,KAAK,CAACC,OAAO,EACbC,MAAM,CAACC,KAAK,EACZ;MAAEC,KAAK,EAAER,SAAS,KAAKS,SAAS,GAAGN,MAAM,CAACO,IAAI,GAAGV;IAAU,CAAC,EAC5DC,KAAK;EACL,GACF;AAEN;AAEA,MAAMK,MAAM,GAAGT,UAAU,CAACc,MAAM,CAAC;EAC/BJ,KAAK,EAAE;IACLK,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC"}

package/lib/module/Label/getLabel.js

@@ -0,0 +1,4 @@
+export function getLabel(options, fallback) {
+  return options.label !== undefined ? options.label : options.title !== undefined ? options.title : fallback;
+}
+//# sourceMappingURL=getLabel.js.map

package/lib/module/Label/getLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getLabel","options","fallback","label","undefined","title"],"sourceRoot":"../../../src","sources":["Label/getLabel.tsx"],"mappings":"AAAA,OAAO,SAASA,QAAQ,CACtBC,OAA2C,EAC3CC,QAAgB,EACR;EACR,OAAOD,OAAO,CAACE,KAAK,KAAKC,SAAS,GAC9BH,OAAO,CAACE,KAAK,GACbF,OAAO,CAACI,KAAK,KAAKD,SAAS,GAC3BH,OAAO,CAACI,KAAK,GACbH,QAAQ;AACd"}

package/lib/module/Screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["NavigationContext","NavigationRouteContext","React","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","Background","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","Screen","props","dimensions","insets","isParentHeaderShown","useContext","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","styles","container","content","e","height","nativeEvent","layout","absolute","create","flex","flexDirection","position","left","right"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":"AAAA,SACEA,iBAAiB,EAEjBC,sBAAsB,QAGjB,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACrE,SACEC,gBAAgB,EAChBC,iBAAiB,QACZ,gCAAgC;AAEvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,mBAAmB,QAAQ,8BAA8B;AAClE,SAASC,kBAAkB,QAAQ,6BAA6B;AAehE,OAAO,SAASC,MAAM,CAACC,KAAY,EAAE;EACnC,MAAMC,UAAU,GAAGR,gBAAgB,EAAE;EACrC,MAAMS,MAAM,GAAGR,iBAAiB,EAAE;EAElC,MAAMS,mBAAmB,GAAGb,KAAK,CAACc,UAAU,CAACN,kBAAkB,CAAC;EAChE,MAAMO,kBAAkB,GAAGf,KAAK,CAACc,UAAU,CAACP,mBAAmB,CAAC;EAEhE,MAAM;IACJS,OAAO;IACPC,KAAK,GAAG,KAAK;IACbC,MAAM;IACNC,WAAW,GAAG,IAAI;IAClBC,iBAAiB;IACjBC,qBAAqB,GAAGR,mBAAmB,GAAG,CAAC,GAAGD,MAAM,CAACU,GAAG;IAC5DC,UAAU;IACVC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAGhB,KAAK;EAET,MAAM,CAACiB,YAAY,EAAEC,eAAe,CAAC,GAAG5B,KAAK,CAAC6B,QAAQ,CAAC,MACrDvB,sBAAsB,CAACK,UAAU,EAAEM,KAAK,EAAEI,qBAAqB,CAAC,CACjE;EAED,oBACE,oBAAC,UAAU;IACT,2BAA2B,EAAE,CAACL,OAAQ;IACtC,yBAAyB,EAAEA,OAAO,GAAG,MAAM,GAAG,qBAAsB;IACpE,KAAK,EAAE,CAACc,MAAM,CAACC,SAAS,EAAEL,KAAK;EAAE,gBAEjC,oBAAC,IAAI;IAAC,KAAK,EAAEI,MAAM,CAACE;EAAQ,gBAC1B,oBAAC,kBAAkB,CAAC,QAAQ;IAC1B,KAAK,EAAEnB,mBAAmB,IAAIM,WAAW,KAAK;EAAM,gBAEpD,oBAAC,mBAAmB,CAAC,QAAQ;IAC3B,KAAK,EAAEA,WAAW,GAAGQ,YAAY,GAAGZ,kBAAkB,IAAI;EAAE,GAE3DU,QAAQ,CACoB,CACH,CACzB,EACNN,WAAW,gBACV,oBAAC,iBAAiB,CAAC,QAAQ;IAAC,KAAK,EAAEI;EAAW,gBAC5C,oBAAC,sBAAsB,CAAC,QAAQ;IAAC,KAAK,EAAEC;EAAM,gBAC5C,oBAAC,IAAI;IACH,QAAQ,EAAGS,CAAC,IAAK;MACf,MAAM;QAAEC;MAAO,CAAC,GAAGD,CAAC,CAACE,WAAW,CAACC,MAAM;MAEvCR,eAAe,CAACM,MAAM,CAAC;IACzB,CAAE;IACF,KAAK,EAAEd,iBAAiB,GAAGU,MAAM,CAACO,QAAQ,GAAG;EAAK,GAEjDnB,MAAM,CACF,CACyB,CACP,GAC3B,IAAI,CACG;AAEjB;AAEA,MAAMY,MAAM,GAAG7B,UAAU,CAACqC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACD;EACAR,OAAO,EAAE;IACPO,IAAI,EAAE;EACR,CAAC;EACDF,QAAQ,EAAE;IACRI,QAAQ,EAAE,UAAU;IACpBnB,GAAG,EAAE,CAAC;IACNoB,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}
+{"version":3,"names":["NavigationContext","NavigationRouteContext","React","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","Background","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","Screen","props","dimensions","insets","isParentHeaderShown","useContext","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","styles","container","content","e","height","nativeEvent","layout","absolute","create","flex","flexDirection","position","left","right"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":"AAAA,SACEA,iBAAiB,EAEjBC,sBAAsB,QAGjB,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAA8BC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC/E,SACEC,gBAAgB,EAChBC,iBAAiB,QACZ,gCAAgC;AAEvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,mBAAmB,QAAQ,8BAA8B;AAClE,SAASC,kBAAkB,QAAQ,6BAA6B;AAehE,OAAO,SAASC,MAAM,CAACC,KAAY,EAAE;EACnC,MAAMC,UAAU,GAAGR,gBAAgB,EAAE;EACrC,MAAMS,MAAM,GAAGR,iBAAiB,EAAE;EAElC,MAAMS,mBAAmB,GAAGb,KAAK,CAACc,UAAU,CAACN,kBAAkB,CAAC;EAChE,MAAMO,kBAAkB,GAAGf,KAAK,CAACc,UAAU,CAACP,mBAAmB,CAAC;EAEhE,MAAM;IACJS,OAAO;IACPC,KAAK,GAAG,KAAK;IACbC,MAAM;IACNC,WAAW,GAAG,IAAI;IAClBC,iBAAiB;IACjBC,qBAAqB,GAAGR,mBAAmB,GAAG,CAAC,GAAGD,MAAM,CAACU,GAAG;IAC5DC,UAAU;IACVC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAGhB,KAAK;EAET,MAAM,CAACiB,YAAY,EAAEC,eAAe,CAAC,GAAG5B,KAAK,CAAC6B,QAAQ,CAAC,MACrDvB,sBAAsB,CAACK,UAAU,EAAEM,KAAK,EAAEI,qBAAqB,CAAC,CACjE;EAED,oBACE,oBAAC,UAAU;IACT,2BAA2B,EAAE,CAACL,OAAQ;IACtC,yBAAyB,EAAEA,OAAO,GAAG,MAAM,GAAG,qBAAsB;IACpE,KAAK,EAAE,CAACc,MAAM,CAACC,SAAS,EAAEL,KAAK;EAAE,gBAEjC,oBAAC,IAAI;IAAC,KAAK,EAAEI,MAAM,CAACE;EAAQ,gBAC1B,oBAAC,kBAAkB,CAAC,QAAQ;IAC1B,KAAK,EAAEnB,mBAAmB,IAAIM,WAAW,KAAK;EAAM,gBAEpD,oBAAC,mBAAmB,CAAC,QAAQ;IAC3B,KAAK,EAAEA,WAAW,GAAGQ,YAAY,GAAGZ,kBAAkB,IAAI;EAAE,GAE3DU,QAAQ,CACoB,CACH,CACzB,EACNN,WAAW,gBACV,oBAAC,iBAAiB,CAAC,QAAQ;IAAC,KAAK,EAAEI;EAAW,gBAC5C,oBAAC,sBAAsB,CAAC,QAAQ;IAAC,KAAK,EAAEC;EAAM,gBAC5C,oBAAC,IAAI;IACH,QAAQ,EAAGS,CAAC,IAAK;MACf,MAAM;QAAEC;MAAO,CAAC,GAAGD,CAAC,CAACE,WAAW,CAACC,MAAM;MAEvCR,eAAe,CAACM,MAAM,CAAC;IACzB,CAAE;IACF,KAAK,EAAEd,iBAAiB,GAAGU,MAAM,CAACO,QAAQ,GAAG;EAAK,GAEjDnB,MAAM,CACF,CACyB,CACP,GAC3B,IAAI,CACG;AAEjB;AAEA,MAAMY,MAAM,GAAG7B,UAAU,CAACqC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACD;EACAR,OAAO,EAAE;IACPO,IAAI,EAAE;EACR,CAAC;EACDF,QAAQ,EAAE;IACRI,QAAQ,EAAE,UAAU;IACpBnB,GAAG,EAAE,CAAC;IACNoB,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

package/lib/module/getDefaultSidebarWidth.js

@@ -0,0 +1,19 @@
+import { Platform } from 'react-native';
+export const getDefaultSidebarWidth = _ref => {
+  let {
+    height,
+    width
+  } = _ref;
+  /*
+   * Default sidebar width is screen width - header height
+   * with a max width of 280 on mobile and 320 on tablet
+   * https://material.io/components/navigation-drawer
+   */
+  const smallerAxisSize = Math.min(height, width);
+  const isLandscape = width > height;
+  const isTablet = smallerAxisSize >= 600;
+  const appBarHeight = Platform.OS === 'ios' ? isLandscape ? 32 : 44 : 56;
+  const maxWidth = isTablet ? 320 : 280;
+  return Math.min(smallerAxisSize - appBarHeight, maxWidth);
+};
+//# sourceMappingURL=getDefaultSidebarWidth.js.map

package/lib/module/getDefaultSidebarWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","getDefaultSidebarWidth","height","width","smallerAxisSize","Math","min","isLandscape","isTablet","appBarHeight","OS","maxWidth"],"sourceRoot":"../../src","sources":["getDefaultSidebarWidth.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,sBAAsB,GAAG,QAMhC;EAAA,IANiC;IACrCC,MAAM;IACNC;EAIF,CAAC;EACC;AACF;AACA;AACA;AACA;EACE,MAAMC,eAAe,GAAGC,IAAI,CAACC,GAAG,CAACJ,MAAM,EAAEC,KAAK,CAAC;EAC/C,MAAMI,WAAW,GAAGJ,KAAK,GAAGD,MAAM;EAClC,MAAMM,QAAQ,GAAGJ,eAAe,IAAI,GAAG;EACvC,MAAMK,YAAY,GAAGT,QAAQ,CAACU,EAAE,KAAK,KAAK,GAAIH,WAAW,GAAG,EAAE,GAAG,EAAE,GAAI,EAAE;EACzE,MAAMI,QAAQ,GAAGH,QAAQ,GAAG,GAAG,GAAG,GAAG;EAErC,OAAOH,IAAI,CAACC,GAAG,CAACF,eAAe,GAAGK,YAAY,EAAEE,QAAQ,CAAC;AAC3D,CAAC"}

package/lib/module/index.js

@@ -1,4 +1,5 @@
 export { Background } from './Background';
+export { getDefaultSidebarWidth } from './getDefaultSidebarWidth';
 export { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
 export { getHeaderTitle } from './Header/getHeaderTitle';
 export { Header } from './Header/Header';
@@ -9,6 +10,8 @@ export { HeaderHeightContext } from './Header/HeaderHeightContext';
 export { HeaderShownContext } from './Header/HeaderShownContext';
 export { HeaderTitle } from './Header/HeaderTitle';
 export { useHeaderHeight } from './Header/useHeaderHeight';
+export { getLabel } from './Label/getLabel';
+export { Label } from './Label/Label';
 export { MissingIcon } from './MissingIcon';
 export { PlatformPressable } from './PlatformPressable';
 export { ResourceSavingView } from './ResourceSavingView';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Background","getDefaultHeaderHeight","getHeaderTitle","Header","HeaderBackButton","HeaderBackContext","HeaderBackground","HeaderHeightContext","HeaderShownContext","HeaderTitle","useHeaderHeight","MissingIcon","PlatformPressable","ResourceSavingView","SafeAreaProviderCompat","Screen","Assets","require"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,mBAAmB,QAAQ,8BAA8B;AAClE,SAASC,kBAAkB,QAAQ,6BAA6B;AAChE,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,MAAMC,MAAM,GAAG;AACpB;AACAC,OAAO,CAAC,wBAAwB,CAAC;AACjC;AACAA,OAAO,CAAC,6BAA6B,CAAC,CACvC;AAED,cAAc,SAAS"}
+{"version":3,"names":["Background","getDefaultSidebarWidth","getDefaultHeaderHeight","getHeaderTitle","Header","HeaderBackButton","HeaderBackContext","HeaderBackground","HeaderHeightContext","HeaderShownContext","HeaderTitle","useHeaderHeight","getLabel","Label","MissingIcon","PlatformPressable","ResourceSavingView","SafeAreaProviderCompat","Screen","Assets","require"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,mBAAmB,QAAQ,8BAA8B;AAClE,SAASC,kBAAkB,QAAQ,6BAA6B;AAChE,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,KAAK,QAAQ,eAAe;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,MAAMC,MAAM,GAAG;AACpB;AACAC,OAAO,CAAC,wBAAwB,CAAC;AACjC;AACAA,OAAO,CAAC,6BAA6B,CAAC,CACvC;AAED,cAAc,SAAS"}

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { ViewProps } from 'react-native';
-type Props = ViewProps & {
+import { Animated, StyleProp, ViewProps, ViewStyle } from 'react-native';
+type Props = Omit<ViewProps, 'style'> & {
+    style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
     children: React.ReactNode;
 };
 export declare function Background({ style, ...rest }: Props): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../src/Background.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eASnD"}
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../src/Background.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACtC,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eASnD"}

package/lib/typescript/src/Header/HeaderBackButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBackButton.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderBackButton.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EAAE,eAAe,EAC1B,WAAW,EACX,cAAuB,EACvB,kBAA6E,EAC7E,MAAM,EACN,KAAK,GACN,EAAE,qBAAqB,eAuIvB"}
+{"version":3,"file":"HeaderBackButton.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderBackButton.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,UAAU,EACV,YAAoC,EACpC,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EAAE,eAAe,EAC1B,WAAW,EACX,cAAuB,EACvB,kBAA6E,EAC7E,MAAM,EACN,KAAK,GACN,EAAE,qBAAqB,eA6IvB"}

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

@@ -0,0 +1,9 @@
+import { StyleProp, TextProps, TextStyle } from 'react-native';
+type Props = Omit<TextProps, 'style'> & {
+    tintColor?: string;
+    children?: string;
+    style?: StyleProp<TextStyle>;
+};
+export declare function Label({ tintColor, style, ...rest }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/Label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EAGT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eAezD"}

package/lib/typescript/src/Label/getLabel.d.ts

@@ -0,0 +1,5 @@
+export declare function getLabel(options: {
+    label?: string;
+    title?: string;
+}, fallback: string): string;
+//# sourceMappingURL=getLabel.d.ts.map

package/lib/typescript/src/Label/getLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLabel.d.ts","sourceRoot":"","sources":["../../../../src/Label/getLabel.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CACtB,OAAO,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,EAC3C,QAAQ,EAAE,MAAM,GACf,MAAM,CAMR"}

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

@@ -1,6 +1,6 @@
 import { NavigationProp, ParamListBase, RouteProp } from '@react-navigation/native';
 import * as React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import { Animated, StyleProp, ViewStyle } from 'react-native';
 type Props = {
     focused: boolean;
     modal?: boolean;
@@ -10,7 +10,7 @@ type Props = {
     headerShown?: boolean;
     headerStatusBarHeight?: number;
     headerTransparent?: boolean;
-    style?: StyleProp<ViewStyle>;
+    style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
     children: React.ReactNode;
 };
 export declare function Screen(props: Props): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,aAAa,EACb,SAAS,EACV,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAWtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,eA2DlC"}
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,aAAa,EACb,SAAS,EACV,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAWhF,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,eA2DlC"}

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

@@ -0,0 +1,5 @@
+export declare const getDefaultSidebarWidth: ({ height, width, }: {
+    height: number;
+    width: number;
+}) => number;
+//# sourceMappingURL=getDefaultSidebarWidth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultSidebarWidth.d.ts","sourceRoot":"","sources":["../../../src/getDefaultSidebarWidth.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;YAIzB,MAAM;WACP,MAAM;YAcd,CAAC"}

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

@@ -1,4 +1,5 @@
 export { Background } from './Background';
+export { getDefaultSidebarWidth } from './getDefaultSidebarWidth';
 export { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
 export { getHeaderTitle } from './Header/getHeaderTitle';
 export { Header } from './Header/Header';
@@ -9,6 +10,8 @@ export { HeaderHeightContext } from './Header/HeaderHeightContext';
 export { HeaderShownContext } from './Header/HeaderShownContext';
 export { HeaderTitle } from './Header/HeaderTitle';
 export { useHeaderHeight } from './Header/useHeaderHeight';
+export { getLabel } from './Label/getLabel';
+export { Label } from './Label/Label';
 export { MissingIcon } from './MissingIcon';
 export { PlatformPressable } from './PlatformPressable';
 export { ResourceSavingView } from './ResourceSavingView';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,MAAM,OAKlB,CAAC;AAEF,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,MAAM,OAKlB,CAAC;AAEF,cAAc,SAAS,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/elements",
   "description": "UI Components for React Navigation",
-  "version": "1.4.0-alpha.1",
+  "version": "2.0.0-alpha.1",
   "keywords": [
     "react-native",
     "react-navigation",
@@ -38,14 +38,14 @@
   },
   "devDependencies": {
     "@react-native-masked-view/masked-view": "0.2.9",
-    "@react-navigation/native": "^7.0.0-alpha.2",
+    "@react-navigation/native": "^7.0.0-alpha.3",
     "@testing-library/react-native": "^11.5.0",
     "@types/react": "~18.0.27",
     "@types/react-native": "~0.70.8",
     "del-cli": "^5.0.0",
     "react": "18.2.0",
     "react-native": "0.71.8",
-    "react-native-builder-bob": "^0.20.4",
+    "react-native-builder-bob": "^0.21.0",
     "typescript": "^4.9.4"
   },
   "peerDependencies": {
@@ -68,5 +68,5 @@
       ]
     ]
   },
-  "gitHead": "36c8f091556157dab74d3483651bbcbd340762ff"
+  "gitHead": "17d212fd04d2c8d000f9fc38ae7ab9e888a0111d"
 }

package/src/Background.tsx

@@ -1,8 +1,9 @@
 import { useTheme } from '@react-navigation/native';
 import * as React from 'react';
-import { View, ViewProps } from 'react-native';
+import { Animated, StyleProp, ViewProps, ViewStyle } from 'react-native';
 
-type Props = ViewProps & {
+type Props = Omit<ViewProps, 'style'> & {
+  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
   children: React.ReactNode;
 };
 
@@ -10,7 +11,7 @@ export function Background({ style, ...rest }: Props) {
   const { colors } = useTheme();
 
   return (
-    <View
+    <Animated.View
       {...rest}
       style={[{ flex: 1, backgroundColor: colors.background }, style]}
     />

package/src/Header/HeaderBackButton.tsx

@@ -1,8 +1,7 @@
-import { useTheme } from '@react-navigation/native';
+import { useLocale, useTheme } from '@react-navigation/native';
 import * as React from 'react';
 import {
   Animated,
-  I18nManager,
   Image,
   LayoutChangeEvent,
   Platform,
@@ -20,7 +19,7 @@ export function HeaderBackButton({
   backImage,
   label,
   labelStyle,
-  labelVisible,
+  labelVisible = Platform.OS === 'ios',
   onLabelLayout,
   onPress,
   pressColor,
@@ -34,6 +33,7 @@ export function HeaderBackButton({
   style,
 }: HeaderBackButtonProps) {
   const { colors, fonts } = useTheme();
+  const { direction } = useLocale();
 
   const [initialLabelWidth, setInitialLabelWidth] = React.useState<
     undefined | number
@@ -50,7 +50,11 @@ export function HeaderBackButton({
   const handleLabelLayout = (e: LayoutChangeEvent) => {
     onLabelLayout?.(e);
 
-    setInitialLabelWidth(e.nativeEvent.layout.x + e.nativeEvent.layout.width);
+    const { layout } = e.nativeEvent;
+
+    setInitialLabelWidth(
+      (direction === 'rtl' ? layout.y : layout.x) + layout.width
+    );
   };
 
   const shouldTruncateLabel = () => {
@@ -71,6 +75,7 @@ export function HeaderBackButton({
         <Image
           style={[
             styles.icon,
+            direction === 'rtl' && styles.flip,
             Boolean(labelVisible) && styles.iconWithLabel,
             Boolean(tintColor) && { tintColor },
           ]}
@@ -131,7 +136,7 @@ export function HeaderBackButton({
           <View style={styles.iconMaskContainer}>
             <Image
               source={require('../assets/back-icon-mask.png')}
-              style={styles.iconMask}
+              style={[styles.iconMask, direction === 'rtl' && styles.flip]}
             />
             <View style={styles.iconMaskFillerRect} />
           </View>
@@ -154,7 +159,7 @@ export function HeaderBackButton({
       onPress={disabled ? undefined : handlePress}
       pressColor={pressColor}
       pressOpacity={pressOpacity}
-      android_ripple={{ borderless: true }}
+      android_ripple={androidRipple}
       style={[styles.container, disabled && styles.disabled, style]}
       hitSlop={Platform.select({
         ios: undefined,
@@ -169,6 +174,12 @@ export function HeaderBackButton({
   );
 }
 
+const androidRipple = {
+  borderless: true,
+  foreground: Platform.OS === 'android' && Platform.Version >= 23,
+  radius: 20,
+};
+
 const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -205,14 +216,12 @@ const styles = StyleSheet.create({
       marginRight: 22,
       marginVertical: 12,
       resizeMode: 'contain',
-      transform: [{ scaleX: I18nManager.getConstants().isRTL ? -1 : 1 }],
     },
     default: {
       height: 24,
       width: 24,
       margin: 3,
       resizeMode: 'contain',
-      transform: [{ scaleX: I18nManager.getConstants().isRTL ? -1 : 1 }],
     },
   }),
   iconWithLabel:
@@ -237,6 +246,8 @@ const styles = StyleSheet.create({
     marginVertical: 12,
     alignSelf: 'center',
     resizeMode: 'contain',
-    transform: [{ scaleX: I18nManager.getConstants().isRTL ? -1 : 1 }],
+  },
+  flip: {
+    transform: [{ scaleX: -1 }],
   },
 });

package/src/Label/Label.tsx

@@ -0,0 +1,39 @@
+import { useTheme } from '@react-navigation/native';
+import * as React from 'react';
+import {
+  StyleProp,
+  StyleSheet,
+  Text,
+  TextProps,
+  TextStyle,
+} from 'react-native';
+
+type Props = Omit<TextProps, 'style'> & {
+  tintColor?: string;
+  children?: string;
+  style?: StyleProp<TextStyle>;
+};
+
+export function Label({ tintColor, style, ...rest }: Props) {
+  const { colors, fonts } = useTheme();
+
+  return (
+    <Text
+      numberOfLines={1}
+      {...rest}
+      style={[
+        fonts.regular,
+        styles.label,
+        { color: tintColor === undefined ? colors.text : tintColor },
+        style,
+      ]}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  label: {
+    textAlign: 'center',
+    backgroundColor: 'transparent',
+  },
+});

package/src/Label/getLabel.tsx

@@ -0,0 +1,10 @@
+export function getLabel(
+  options: { label?: string; title?: string },
+  fallback: string
+): string {
+  return options.label !== undefined
+    ? options.label
+    : options.title !== undefined
+    ? options.title
+    : fallback;
+}

package/src/Screen.tsx

@@ -6,7 +6,7 @@ import {
   RouteProp,
 } from '@react-navigation/native';
 import * as React from 'react';
-import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+import { Animated, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 import {
   useSafeAreaFrame,
   useSafeAreaInsets,
@@ -26,7 +26,7 @@ type Props = {
   headerShown?: boolean;
   headerStatusBarHeight?: number;
   headerTransparent?: boolean;
-  style?: StyleProp<ViewStyle>;
+  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
   children: React.ReactNode;
 };
 

package/src/getDefaultSidebarWidth.tsx

@@ -0,0 +1,22 @@
+import { Platform } from 'react-native';
+
+export const getDefaultSidebarWidth = ({
+  height,
+  width,
+}: {
+  height: number;
+  width: number;
+}) => {
+  /*
+   * Default sidebar width is screen width - header height
+   * with a max width of 280 on mobile and 320 on tablet
+   * https://material.io/components/navigation-drawer
+   */
+  const smallerAxisSize = Math.min(height, width);
+  const isLandscape = width > height;
+  const isTablet = smallerAxisSize >= 600;
+  const appBarHeight = Platform.OS === 'ios' ? (isLandscape ? 32 : 44) : 56;
+  const maxWidth = isTablet ? 320 : 280;
+
+  return Math.min(smallerAxisSize - appBarHeight, maxWidth);
+};

package/src/index.tsx

@@ -1,4 +1,5 @@
 export { Background } from './Background';
+export { getDefaultSidebarWidth } from './getDefaultSidebarWidth';
 export { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
 export { getHeaderTitle } from './Header/getHeaderTitle';
 export { Header } from './Header/Header';
@@ -9,6 +10,8 @@ export { HeaderHeightContext } from './Header/HeaderHeightContext';
 export { HeaderShownContext } from './Header/HeaderShownContext';
 export { HeaderTitle } from './Header/HeaderTitle';
 export { useHeaderHeight } from './Header/useHeaderHeight';
+export { getLabel } from './Label/getLabel';
+export { Label } from './Label/Label';
 export { MissingIcon } from './MissingIcon';
 export { PlatformPressable } from './PlatformPressable';
 export { ResourceSavingView } from './ResourceSavingView';