@amazon-devices/react-native-screens 3.0.9000000000 → 3.0.9000000003

package/lib/commonjs/native-stack/utils/AnimatedHeaderHeightContext.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const AnimatedHeaderHeightContext = /*#__PURE__*/React.createContext(undefined);
-var _default = exports.default = AnimatedHeaderHeightContext;
-//# sourceMappingURL=AnimatedHeaderHeightContext.js.map

package/lib/commonjs/native-stack/utils/HeaderHeightContext.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const HeaderHeightContext = /*#__PURE__*/React.createContext(undefined);
-var _default = exports.default = HeaderHeightContext;
-//# sourceMappingURL=HeaderHeightContext.js.map

package/lib/commonjs/native-stack/utils/SafeAreaProviderCompat.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SafeAreaProviderCompat;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("@amazon-devices/react-native-safe-area-context");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
- * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates.  All rights reserved.
- *
- * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL.  USE IS SUBJECT TO LICENSE TERMS.
- *
- * Amazon modifications are indicated by [amznmod_* comments].
- */
-
-/*
- * Changelog:
- * Set up react-native-screens package to build for Kepler
- */
-
-// code taken from
-// https://github.com/react-navigation/react-navigation/blob/ec0d113eb25c39ef9defb6c7215640f44e3569ae/packages/elements/src/SafeAreaProviderCompat.tsx
-
-const {
-  width = 0,
-  height = 0
-} = _reactNative.Dimensions.get('window');
-
-// To support SSR on web, we need to have empty insets for initial values
-// Otherwise there can be mismatch between SSR and client output
-// We also need to specify empty values to support tests environments
-const initialMetrics = _reactNative.Platform.OS === 'web' || _reactNativeSafeAreaContext.initialWindowMetrics == null ? {
-  frame: {
-    x: 0,
-    y: 0,
-    width,
-    height
-  },
-  insets: {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }
-} : _reactNativeSafeAreaContext.initialWindowMetrics;
-function SafeAreaProviderCompat({
-  children,
-  style
-}) {
-  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaInsetsContext.Consumer, null, insets => {
-    if (insets) {
-      // If we already have insets, don't wrap the stack in another safe area provider
-      // This avoids an issue with updates at the cost of potentially incorrect values
-      // https://github.com/react-navigation/react-navigation/issues/174
-      return /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: [styles.container, style]
-      }, children);
-    }
-    return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaProvider, {
-      initialMetrics: initialMetrics,
-      style: style
-    }, children);
-  });
-}
-SafeAreaProviderCompat.initialMetrics = initialMetrics;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=SafeAreaProviderCompat.js.map

package/lib/commonjs/native-stack/utils/getDefaultHeaderHeight.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getDefaultHeaderHeight;
-var _reactNative = require("react-native");
-const formSheetModalHeight = 56;
-function getDefaultHeaderHeight(layout, statusBarHeight, stackPresentation, isLargeHeader = false) {
-  // default header heights
-  let headerHeight = _reactNative.Platform.OS === 'android' ? 56 : 64;
-  if (_reactNative.Platform.OS === 'ios') {
-    const isLandscape = layout.width > layout.height;
-    const isFormSheetModal = stackPresentation === 'modal' || stackPresentation === 'formSheet';
-    if (isFormSheetModal && !isLandscape) {
-      // `modal` and `formSheet` presentations do not take whole screen, so should not take the inset.
-      statusBarHeight = 0;
-    }
-    if (_reactNative.Platform.isPad || _reactNative.Platform.isTV) {
-      headerHeight = isFormSheetModal ? formSheetModalHeight : 50;
-    } else {
-      if (isLandscape) {
-        headerHeight = 32;
-      } else {
-        if (isFormSheetModal) {
-          headerHeight = formSheetModalHeight;
-        } else {
-          headerHeight = isLargeHeader ? 96 : 44;
-        }
-      }
-    }
-  }
-  return headerHeight + statusBarHeight;
-}
-//# sourceMappingURL=getDefaultHeaderHeight.js.map

package/lib/commonjs/native-stack/utils/getStatusBarHeight.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getStatusBarHeight;
-var _reactNative = require("react-native");
-function getStatusBarHeight(topInset, dimensions, isStatusBarTranslucent) {
-  if (_reactNative.Platform.OS === 'ios') {
-    // It looks like some iOS devices don't have strictly set status bar height to 44.
-    // Thus, if the top inset is higher than 50, then the device should have a dynamic island.
-    // On models with Dynamic Island the status bar height is smaller than the safe area top inset by 5 pixels.
-    // See https://developer.apple.com/forums/thread/662466 for more details about status bar height.
-    const hasDynamicIsland = topInset > 50;
-    return hasDynamicIsland ? topInset - 5 : topInset;
-  } else if (_reactNative.Platform.OS === 'android') {
-    // On Android we should also rely on frame's y-axis position, as topInset is 0 on visible status bar.
-    return isStatusBarTranslucent ? topInset : dimensions.y;
-  }
-  return topInset;
-}
-//# sourceMappingURL=getStatusBarHeight.js.map

package/lib/commonjs/native-stack/utils/useAnimatedHeaderHeight.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useAnimatedHeaderHeight;
-var React = _interopRequireWildcard(require("react"));
-var _AnimatedHeaderHeightContext = _interopRequireDefault(require("./AnimatedHeaderHeightContext"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function useAnimatedHeaderHeight() {
-  const animatedValue = React.useContext(_AnimatedHeaderHeightContext.default);
-  if (animatedValue === undefined) {
-    throw new Error("Couldn't find the header height. Are you inside a screen in a navigator with a header?");
-  }
-  return animatedValue;
-}
-//# sourceMappingURL=useAnimatedHeaderHeight.js.map

package/lib/commonjs/native-stack/utils/useBackPressSubscription.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useBackPressSubscription = useBackPressSubscription;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * This hook is an abstraction for keeping back press subscription
- * logic in one place.
- */
-function useBackPressSubscription({
-  onBackPress,
-  isDisabled
-}) {
-  const [isActive, setIsActive] = _react.default.useState(false);
-  const subscription = _react.default.useRef();
-  const clearSubscription = _react.default.useCallback((shouldSetActive = true) => {
-    subscription.current?.remove();
-    subscription.current = undefined;
-    if (shouldSetActive) setIsActive(false);
-  }, []);
-  const createSubscription = _react.default.useCallback(() => {
-    if (!isDisabled) {
-      subscription.current?.remove();
-      subscription.current = _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
-      setIsActive(true);
-    }
-  }, [isDisabled, onBackPress]);
-  const handleAttached = _react.default.useCallback(() => {
-    if (isActive) {
-      createSubscription();
-    }
-  }, [createSubscription, isActive]);
-  const handleDetached = _react.default.useCallback(() => {
-    clearSubscription(false);
-  }, [clearSubscription]);
-  _react.default.useEffect(() => {
-    if (isDisabled) {
-      clearSubscription();
-    }
-  }, [isDisabled, clearSubscription]);
-  return {
-    handleAttached,
-    handleDetached,
-    createSubscription,
-    clearSubscription
-  };
-}
-//# sourceMappingURL=useBackPressSubscription.js.map

package/lib/commonjs/native-stack/utils/useHeaderHeight.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useHeaderHeight;
-var React = _interopRequireWildcard(require("react"));
-var _HeaderHeightContext = _interopRequireDefault(require("./HeaderHeightContext"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function useHeaderHeight() {
-  const height = React.useContext(_HeaderHeightContext.default);
-  if (height === undefined) {
-    throw new Error("Couldn't find the header height. Are you inside a screen in a navigator with a header?");
-  }
-  return height;
-}
-//# sourceMappingURL=useHeaderHeight.js.map

package/lib/commonjs/native-stack/views/FontProcessor.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.processFonts = processFonts;
-var _ReactNativeStyleAttributes = _interopRequireDefault(require("react-native/Libraries/Components/View/ReactNativeStyleAttributes"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// @ts-ignore: No declaration available
-
-function processFonts(fontFamilies) {
-  // @ts-ignore: React Native types are incorrect here and don't consider fontFamily a style value
-  const fontFamilyProcessor = _ReactNativeStyleAttributes.default.fontFamily?.process;
-  if (typeof fontFamilyProcessor === 'function') {
-    return fontFamilies.map(fontFamilyProcessor);
-  }
-  return fontFamilies;
-}
-//# sourceMappingURL=FontProcessor.js.map

package/lib/commonjs/native-stack/views/FooterComponent.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = FooterComponent;
-var _react = _interopRequireDefault(require("react"));
-var _ScreenFooter = _interopRequireDefault(require("../../components/ScreenFooter"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function FooterComponent({
-  children
-}) {
-  return /*#__PURE__*/_react.default.createElement(_ScreenFooter.default, {
-    collapsable: false
-  }, children);
-}
-//# sourceMappingURL=FooterComponent.js.map

package/lib/commonjs/native-stack/views/HeaderConfig.js

@@ -1,149 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = HeaderConfig;
-var _reactNavigation__native = require("@amazon-devices/react-navigation__native");
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _utils = require("../../utils");
-var _ScreenStackHeaderConfig = require("../../components/ScreenStackHeaderConfig");
-var _SearchBar = _interopRequireDefault(require("../../components/SearchBar"));
-var _useBackPressSubscription = require("../utils/useBackPressSubscription");
-var _FontProcessor = require("./FontProcessor");
-var _warnOnce = _interopRequireDefault(require("warn-once"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
- * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates.  All rights reserved.
- *
- * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL.  USE IS SUBJECT TO LICENSE TERMS.
- *
- * Amazon modifications are indicated by [amznmod_* comments].
- */
-
-/*
- * Changelog:
- * Set up react-native-screens package to build for Kepler
- */
-
-// amznmod_react - change imports to kepler packages
-
-function HeaderConfig({
-  backButtonImage,
-  backButtonInCustomView,
-  direction,
-  disableBackButtonMenu,
-  backButtonDisplayMode = 'default',
-  headerBackTitle,
-  headerBackTitleStyle = {},
-  headerBackTitleVisible = true,
-  headerCenter,
-  headerHideBackButton,
-  headerHideShadow,
-  headerLargeStyle = {},
-  headerLargeTitle,
-  headerLargeTitleHideShadow,
-  headerLargeTitleStyle = {},
-  headerLeft,
-  headerRight,
-  headerShown,
-  headerStyle = {},
-  headerTintColor,
-  headerTitle,
-  headerTitleStyle = {},
-  headerTopInsetEnabled = true,
-  headerTranslucent,
-  route,
-  searchBar,
-  title
-}) {
-  const {
-    colors
-  } = (0, _reactNavigation__native.useTheme)();
-  const tintColor = headerTintColor ?? colors.primary;
-
-  // We need to use back press subscription here to override back button behavior on JS side.
-  // Because screens are usually used with react-navigation and this library overrides back button
-  // we need to handle it first in case when search bar is open
-  const {
-    handleAttached,
-    handleDetached,
-    clearSubscription,
-    createSubscription
-  } = (0, _useBackPressSubscription.useBackPressSubscription)({
-    onBackPress: _utils.executeNativeBackPress,
-    isDisabled: !searchBar || !!searchBar.disableBackButtonOverride
-  });
-  const [backTitleFontFamily, largeTitleFontFamily, titleFontFamily] = (0, _FontProcessor.processFonts)([headerBackTitleStyle.fontFamily, headerLargeTitleStyle.fontFamily, headerTitleStyle.fontFamily]);
-
-  // We want to clear clearSubscription only when components unmounts or search bar changes
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  React.useEffect(() => clearSubscription, [searchBar]);
-  const processedSearchBarOptions = React.useMemo(() => {
-    if (_reactNative.Platform.OS === 'android' && searchBar && !searchBar.disableBackButtonOverride) {
-      const onFocus = (...args) => {
-        createSubscription();
-        searchBar.onFocus?.(...args);
-      };
-      const onClose = (...args) => {
-        clearSubscription();
-        searchBar.onClose?.(...args);
-      };
-      return {
-        ...searchBar,
-        onFocus,
-        onClose
-      };
-    }
-    return searchBar;
-  }, [searchBar, createSubscription, clearSubscription]);
-
-  // @ts-ignore isVision is not yet in the type definitions (RN 0.74+)
-  const isVisionOS = _reactNative.Platform?.isVision;
-  (0, _warnOnce.default)(isVisionOS && (headerTitleStyle.color !== undefined || headerTintColor !== undefined), 'headerTitleStyle.color and headerTintColor are not supported on visionOS.');
-  return /*#__PURE__*/React.createElement(_ScreenStackHeaderConfig.ScreenStackHeaderConfig, {
-    backButtonInCustomView: backButtonInCustomView,
-    backgroundColor: headerStyle.backgroundColor ? headerStyle.backgroundColor : colors.card,
-    backTitle: headerBackTitle,
-    backTitleFontFamily: backTitleFontFamily,
-    backTitleFontSize: headerBackTitleStyle.fontSize,
-    backTitleVisible: headerBackTitleVisible,
-    blurEffect: headerStyle.blurEffect,
-    color: tintColor,
-    direction: direction,
-    disableBackButtonMenu: disableBackButtonMenu,
-    backButtonDisplayMode: backButtonDisplayMode,
-    hidden: headerShown === false,
-    hideBackButton: headerHideBackButton,
-    hideShadow: headerHideShadow,
-    largeTitle: headerLargeTitle,
-    largeTitleBackgroundColor: headerLargeStyle.backgroundColor,
-    largeTitleColor: headerLargeTitleStyle.color,
-    largeTitleFontFamily: largeTitleFontFamily,
-    largeTitleFontSize: headerLargeTitleStyle.fontSize,
-    largeTitleFontWeight: headerLargeTitleStyle.fontWeight,
-    largeTitleHideShadow: headerLargeTitleHideShadow,
-    title: headerTitle !== undefined ? headerTitle : title !== undefined ? title : route.name,
-    titleColor: headerTitleStyle.color !== undefined ? headerTitleStyle.color : headerTintColor !== undefined ? headerTintColor : colors.text,
-    titleFontFamily: titleFontFamily,
-    titleFontSize: headerTitleStyle.fontSize,
-    titleFontWeight: headerTitleStyle.fontWeight,
-    topInsetEnabled: headerTopInsetEnabled,
-    translucent: headerTranslucent === true,
-    onAttached: handleAttached,
-    onDetached: handleDetached
-  }, headerRight !== undefined ? /*#__PURE__*/React.createElement(_ScreenStackHeaderConfig.ScreenStackHeaderRightView, null, headerRight({
-    tintColor
-  })) : null, backButtonImage !== undefined ? /*#__PURE__*/React.createElement(_ScreenStackHeaderConfig.ScreenStackHeaderBackButtonImage, {
-    key: "backImage",
-    source: backButtonImage
-  }) : null, headerLeft !== undefined ? /*#__PURE__*/React.createElement(_ScreenStackHeaderConfig.ScreenStackHeaderLeftView, null, headerLeft({
-    tintColor
-  })) : null, headerCenter !== undefined ? /*#__PURE__*/React.createElement(_ScreenStackHeaderConfig.ScreenStackHeaderCenterView, null, headerCenter({
-    tintColor
-  })) : null, _utils.isSearchBarAvailableForCurrentPlatform && processedSearchBarOptions !== undefined ? /*#__PURE__*/React.createElement(_ScreenStackHeaderConfig.ScreenStackHeaderSearchBarView, null, /*#__PURE__*/React.createElement(_SearchBar.default, processedSearchBarOptions)) : null);
-}
-//# sourceMappingURL=HeaderConfig.js.map