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

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/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/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/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/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": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "keywords": [
     "react-native",
     "react-navigation",
@@ -68,5 +68,5 @@
       ]
     ]
   },
-  "gitHead": "ddc5705b979d62bb3a293f221ec954cbad3dfba4"
+  "gitHead": "17d212fd04d2c8d000f9fc38ae7ab9e888a0111d"
 }

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/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';