react-native-screens 3.10.1 → 3.12.0

package/ios/RNSScreenStackHeaderSubviewComponentView.mm

@@ -0,0 +1,77 @@
+#import "RNSScreenStackHeaderSubviewComponentView.h"
+
+#import <React/RCTConversions.h>
+
+#import <react/renderer/components/rnscreens/ComponentDescriptors.h>
+#import <react/renderer/components/rnscreens/EventEmitters.h>
+#import <react/renderer/components/rnscreens/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@implementation RNSScreenStackHeaderSubviewComponentView {
+  BOOL _isInitialValueSet;
+  RNSScreenStackHeaderSubviewType _type;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNSScreenStackHeaderSubviewProps>();
+    _props = defaultProps;
+  }
+
+  return self;
+}
+
+- (void)updateLayoutMetrics:(const facebook::react::LayoutMetrics &)layoutMetrics
+           oldLayoutMetrics:(const facebook::react::LayoutMetrics &)oldLayoutMetrics
+{
+  CGRect frame = RCTCGRectFromRect(layoutMetrics.frame);
+  // CALayer will crash if we pass NaN or Inf values.
+  // It's unclear how to detect this case on cross-platform manner holistically, so we have to do it on the mounting
+  // layer as well. NaN/Inf is a kinda valid result of some math operations. Even if we can (and should) detect (and
+  // report early) incorrect (NaN and Inf) values which come from JavaScript side, we sometimes cannot backtrace the
+  // sources of a calculation that produced an incorrect/useless result.
+  if (!std::isfinite(frame.size.width) || !std::isfinite(frame.size.height)) {
+    RCTLogWarn(
+        @"-[UIView(ComponentViewProtocol) updateLayoutMetrics:oldLayoutMetrics:]: Received invalid layout metrics (%@) for a view (%@).",
+        NSStringFromCGRect(frame),
+        self);
+  } else {
+    self.bounds = CGRect{CGPointZero, frame.size};
+  }
+}
+
+#pragma mark - RCTComponentViewProtocol
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  _isInitialValueSet = NO;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+  const auto &newHeaderSubviewProps = *std::static_pointer_cast<const RNSScreenStackHeaderSubviewProps>(props);
+
+  if (_type != newHeaderSubviewProps.type) {
+    _type = newHeaderSubviewProps.type;
+    _isInitialValueSet = YES;
+  }
+
+  [super updateProps:props oldProps:oldProps];
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<RNSScreenStackHeaderSubviewComponentDescriptor>();
+}
+
+@end
+
+Class<RCTComponentViewProtocol> RNSScreenStackHeaderSubviewCls(void)
+{
+  return RNSScreenStackHeaderSubviewComponentView.class;
+}

package/ios/RNSScreenWindowTraits.h

@@ -9,6 +9,7 @@
 #endif
 + (void)updateStatusBarAppearance;
 + (void)enforceDesiredDeviceOrientation;
++ (void)updateHomeIndicatorAutoHidden;
 
 #if !TARGET_OS_TV
 + (UIStatusBarStyle)statusBarStyleForRNSStatusBarStyle:(RNSStatusBarStyle)statusBarStyle;

package/ios/RNSScreenWindowTraits.m

@@ -42,6 +42,25 @@
 #endif
 }
 
++ (void)updateHomeIndicatorAutoHidden
+{
+#if !TARGET_OS_TV
+
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+  if (@available(iOS 13, *)) {
+    UIWindow *firstWindow = [[[UIApplication sharedApplication] windows] firstObject];
+    if (firstWindow != nil) {
+      [[firstWindow rootViewController] setNeedsUpdateOfHomeIndicatorAutoHidden];
+    }
+  } else
+#endif
+  {
+    [UIApplication.sharedApplication.keyWindow.rootViewController setNeedsUpdateOfHomeIndicatorAutoHidden];
+  }
+#endif
+}
+
 #if !TARGET_OS_TV
 + (UIStatusBarStyle)statusBarStyleForRNSStatusBarStyle:(RNSStatusBarStyle)statusBarStyle
 {
@@ -165,6 +184,7 @@
 {
   [RNSScreenWindowTraits updateStatusBarAppearance];
   [RNSScreenWindowTraits enforceDesiredDeviceOrientation];
+  [RNSScreenWindowTraits updateHomeIndicatorAutoHidden];
 }
 
 #if !TARGET_OS_TV

package/ios/UIViewController+RNScreens.m

@@ -31,6 +31,12 @@
   return childVC ? childVC.supportedInterfaceOrientations : [self reactNativeScreensSupportedInterfaceOrientations];
 }
 
+- (UIViewController *)reactNativeScreensChildViewControllerForHomeIndicatorAutoHidden
+{
+  UIViewController *childVC = [self findChildRNScreensViewController];
+  return childVC ?: [self reactNativeScreensChildViewControllerForHomeIndicatorAutoHidden];
+}
+
 - (UIViewController *)findChildRNScreensViewController
 {
   UIViewController *lastViewController = [[self childViewControllers] lastObject];
@@ -61,6 +67,10 @@
     method_exchangeImplementations(
         class_getInstanceMethod(uiVCClass, @selector(supportedInterfaceOrientations)),
         class_getInstanceMethod(uiVCClass, @selector(reactNativeScreensSupportedInterfaceOrientations)));
+
+    method_exchangeImplementations(
+        class_getInstanceMethod(uiVCClass, @selector(childViewControllerForHomeIndicatorAutoHidden)),
+        class_getInstanceMethod(uiVCClass, @selector(reactNativeScreensChildViewControllerForHomeIndicatorAutoHidden)));
   });
 }
 #endif

package/ios/utils/RNSUIBarButtonItem.h

@@ -0,0 +1,5 @@
+@interface RNSUIBarButtonItem : UIBarButtonItem
+
+@property (nonatomic) BOOL menuHidden;
+
+@end

package/ios/utils/RNSUIBarButtonItem.mm

@@ -0,0 +1,22 @@
+#import "./RNSUIBarButtonItem.h"
+
+@implementation RNSUIBarButtonItem
+
+- (void)setMenuHidden:(BOOL)menuHidden
+{
+  _menuHidden = menuHidden;
+}
+
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_14_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_14_0
+- (void)setMenu:(UIMenu *)menu
+{
+  if (@available(iOS 14.0, *)) {
+    if (!_menuHidden) {
+      super.menu = menu;
+    }
+  }
+}
+#endif
+
+@end

package/lib/commonjs/fabric/Screen.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Screen;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ScreenNativeComponent = _interopRequireDefault(require("./ScreenNativeComponent"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 || 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 Screen(props) {
+  return /*#__PURE__*/React.createElement(_ScreenNativeComponent.default, _extends({}, props, {
+    style: [props.style, _reactNative.StyleSheet.absoluteFill]
+  }));
+}
+//# sourceMappingURL=Screen.js.map

package/lib/commonjs/fabric/Screen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Screen.js"],"names":["Screen","props","style","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEe,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACpC,sBACE,oBAAC,8BAAD,eACMA,KADN;AAEE,IAAA,KAAK,EAAE,CAACA,KAAK,CAACC,KAAP,EAAcC,wBAAWC,YAAzB;AAFT,KADF;AAMD","sourcesContent":["import * as React from 'react';\nimport ScreenNativeComponent from './ScreenNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nexport default function Screen(props) {\n  return (\n    <ScreenNativeComponent\n      {...props}\n      style={[props.style, StyleSheet.absoluteFill]}\n    />\n  );\n}\n"]}

package/lib/commonjs/fabric/ScreenNativeComponent.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 
+ * @format
+ */
+
+/* eslint-disable */
+var _default = (0, _codegenNativeComponent.default)('RNSScreen', {
+  interfaceOnly: true
+});
+
+exports.default = _default;
+//# sourceMappingURL=ScreenNativeComponent.js.map

package/lib/commonjs/fabric/ScreenNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScreenNativeComponent.js"],"names":["interfaceOnly"],"mappings":";;;;;;;AAKA;;;;AALA;AACA;AACA;AACA;;AACA;eAyDgB,qCAAoC,WAApC,EAAiD;AAC/DA,EAAAA,aAAa,EAAE;AADgD,CAAjD,C","sourcesContent":["/**\n * @flow strict-local\n * @format\n */\n/* eslint-disable */\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';\nimport type { HostComponent } from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';\nimport type { ColorValue } from 'react-native/Libraries/StyleSheet/StyleSheet';\nimport type {\n  BubblingEventHandler,\n  WithDefault,\n  Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\n\ntype ScreenEvent = $ReadOnly<{||}>;\n\ntype ScreenDismissedEvent = $ReadOnly<{|\n  dismissCount: Int32,\n|}>;\n\ntype StackPresentation = 'push' | 'modal' | 'transparentModal';\ntype StackAnimation =\n  | 'default'\n  | 'flip'\n  | 'simple_push'\n  | 'none'\n  | 'fade'\n  | 'slide_from_right'\n  | 'slide_from_left'\n  | 'slide_from_bottom'\n  | 'fade_from_bottom';\n\ntype ReplaceAnimation = 'pop' | 'push';\n\nexport type NativeProps = $ReadOnly<{|\n  ...ViewProps,\n  onAppear?: ?BubblingEventHandler<ScreenEvent>,\n  onDisappear?: ?BubblingEventHandler<ScreenEvent>,\n  onDismissed?: ?BubblingEventHandler<ScreenDismissedEvent>,\n  onWillAppear?: ?BubblingEventHandler<ScreenEvent>,\n  onWillDisappear?: ?BubblingEventHandler<ScreenEvent>,\n  // TODO: implement this props on iOS\n  stackPresentation?: WithDefault<StackPresentation, 'push'>,\n  stackAnimation?: WithDefault<StackAnimation, 'default'>,\n  gestureEnabled?: WithDefault<boolean, true>,\n  replaceAnimation?: WithDefault<ReplaceAnimation, 'pop'>,\n  screenOrientation?: string,\n  statusBarAnimation?: string,\n  statusBarColor?: ColorValue,\n  statusBarStyle?: string,\n  statusBarTranslucent?: boolean,\n  statusBarHidden?: boolean,\n  navigationBarColor?: ColorValue,\n  navigationBarHidden?: boolean,\n  nativeBackButtonDismissalEnabled?: boolean,\n  activityState?: WithDefault<Int32, -1>,\n|}>;\n\ntype ComponentType = HostComponent<NativeProps>;\n\nexport default (codegenNativeComponent<NativeProps>('RNSScreen', {\n  interfaceOnly: true,\n}): ComponentType);\n"]}

package/lib/commonjs/fabric/ScreenStack.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ScreenStack;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ScreenStackNativeComponent = _interopRequireDefault(require("./ScreenStackNativeComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 || 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 ScreenStack(props) {
+  return /*#__PURE__*/React.createElement(_ScreenStackNativeComponent.default, _extends({}, props, {
+    style: [{
+      flex: 1
+    }, props.style]
+  }));
+}
+//# sourceMappingURL=ScreenStack.js.map

package/lib/commonjs/fabric/ScreenStack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScreenStack.js"],"names":["ScreenStack","props","flex","style"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;AAEe,SAASA,WAAT,CAAqBC,KAArB,EAA4B;AACzC,sBACE,oBAAC,mCAAD,eAAgCA,KAAhC;AAAuC,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD,EAAcD,KAAK,CAACE,KAApB;AAA9C,KADF;AAGD","sourcesContent":["import * as React from 'react';\nimport ScreenStackNativeComponent from './ScreenStackNativeComponent';\n\nexport default function ScreenStack(props) {\n  return (\n    <ScreenStackNativeComponent {...props} style={[{ flex: 1 }, props.style]} />\n  );\n}\n"]}

package/lib/commonjs/fabric/ScreenStackHeaderConfigNativeComponent.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+/**
+ * 
+ * @format
+ */
+
+/* eslint-disable */
+var _default = (0, _codegenNativeComponent.default)('RNSScreenStackHeaderConfig', {});
+
+exports.default = _default;
+//# sourceMappingURL=ScreenStackHeaderConfigNativeComponent.js.map

package/lib/commonjs/fabric/ScreenStackHeaderConfigNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScreenStackHeaderConfigNativeComponent.js"],"names":[],"mappings":";;;;;;;AAKA;;AAEA;;;;;;;;AAPA;AACA;AACA;AACA;;AACA;eA8CgB,qCACd,4BADc,EAEd,EAFc,C","sourcesContent":["/**\n * @flow strict-local\n * @format\n */\n/* eslint-disable */\nimport * as React from 'react';\n\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';\nimport type { HostComponent } from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';\nimport type { ColorValue } from 'react-native/Libraries/StyleSheet/StyleSheet';\nimport type {\n  Int32,\n  WithDefault,\n} from 'react-native/Libraries/Types/CodegenTypes';\n\ntype DirectionType = 'rtl' | 'ltr';\n\nexport type NativeProps = $ReadOnly<{|\n  ...ViewProps,\n  backgroundColor?: ColorValue,\n  backTitle?: string,\n  backTitleFontFamily?: string,\n  backTitleFontSize?: Int32,\n  color?: ColorValue,\n  direction?: WithDefault<DirectionType, 'ltr'>,\n  hidden?: boolean,\n  hideShadow?: boolean,\n  largeTitle?: boolean,\n  largeTitleFontFamily?: string,\n  largeTitleFontSize?: Int32,\n  largeTitleFontWeight?: string,\n  largeTitleBackgroundColor?: ColorValue,\n  largeTitleHideShadow?: boolean,\n  largeTitleColor?: ColorValue,\n  translucent?: boolean,\n  title?: string,\n  titleFontFamily?: string,\n  titleFontSize?: Int32,\n  titleFontWeight?: string,\n  titleColor?: ColorValue,\n  disableBackButtonMenu?: boolean,\n  hideBackButton?: boolean,\n  // TODO: implement this props on iOS\n  topInsetEnabled?: boolean,\n  backButtonInCustomView?: boolean,\n|}>;\n\ntype ComponentType = HostComponent<NativeProps>;\n\nexport default (codegenNativeComponent<NativeProps>(\n  'RNSScreenStackHeaderConfig',\n  {}\n): ComponentType);\n"]}

package/lib/commonjs/fabric/ScreenStackHeaderSubview.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ScreenStackHeaderSubview;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ScreenStackHeaderSubviewNativeComponent = _interopRequireDefault(require("./ScreenStackHeaderSubviewNativeComponent"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+const styles = _reactNative.StyleSheet.create({
+  headerSubview: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+
+function ScreenStackHeaderSubview(props) {
+  return /*#__PURE__*/_react.default.createElement(_ScreenStackHeaderSubviewNativeComponent.default, _extends({}, props, {
+    style: styles.headerSubview
+  }));
+}
+//# sourceMappingURL=ScreenStackHeaderSubview.js.map

package/lib/commonjs/fabric/ScreenStackHeaderSubview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScreenStackHeaderSubview.js"],"names":["styles","StyleSheet","create","headerSubview","position","top","right","flexDirection","alignItems","justifyContent","ScreenStackHeaderSubview","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE,UADG;AAEbC,IAAAA,GAAG,EAAE,CAFQ;AAGbC,IAAAA,KAAK,EAAE,CAHM;AAIbC,IAAAA,aAAa,EAAE,KAJF;AAKbC,IAAAA,UAAU,EAAE,QALC;AAMbC,IAAAA,cAAc,EAAE;AANH;AADgB,CAAlB,CAAf;;AAWe,SAASC,wBAAT,CAAkCC,KAAlC,EAAyC;AACtD,sBACE,6BAAC,gDAAD,eAAoCA,KAApC;AAA2C,IAAA,KAAK,EAAEX,MAAM,CAACG;AAAzD,KADF;AAGD","sourcesContent":["import React from 'react';\nimport NativeScreenStackHeaderSubview from './ScreenStackHeaderSubviewNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nconst styles = StyleSheet.create({\n  headerSubview: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default function ScreenStackHeaderSubview(props) {\n  return (\n    <NativeScreenStackHeaderSubview {...props} style={styles.headerSubview} />\n  );\n}\n"]}

package/lib/commonjs/fabric/ScreenStackHeaderSubviewNativeComponent.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+/**
+ * 
+ * @format
+ */
+
+/* eslint-disable */
+var _default = (0, _codegenNativeComponent.default)('RNSScreenStackHeaderSubview', {});
+
+exports.default = _default;
+//# sourceMappingURL=ScreenStackHeaderSubviewNativeComponent.js.map

package/lib/commonjs/fabric/ScreenStackHeaderSubviewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScreenStackHeaderSubviewNativeComponent.js"],"names":[],"mappings":";;;;;;;AAKA;;AAEA;;;;;;;;AAPA;AACA;AACA;AACA;;AACA;eAuBgB,qCACd,6BADc,EAEd,EAFc,C","sourcesContent":["/**\n * @flow strict-local\n * @format\n */\n/* eslint-disable */\nimport * as React from 'react';\n\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';\nimport type { HostComponent } from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';\nimport type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';\n\nexport type HeaderSubviewTypes =\n  | 'back'\n  | 'right'\n  | 'left'\n  | 'title'\n  | 'center'\n  | 'searchBar';\n\nexport type NativeProps = $ReadOnly<{|\n  ...ViewProps,\n  type?: WithDefault<HeaderSubviewTypes, 'left'>,\n|}>;\n\ntype ComponentType = HostComponent<NativeProps>;\n\nexport default (codegenNativeComponent<NativeProps>(\n  'RNSScreenStackHeaderSubview',\n  {}\n): ComponentType);\n"]}

package/lib/commonjs/fabric/ScreenStackNativeComponent.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 
+ * @format
+ */
+
+/* eslint-disable */
+var _default = (0, _codegenNativeComponent.default)('RNSScreenStack', {});
+
+exports.default = _default;
+//# sourceMappingURL=ScreenStackNativeComponent.js.map

package/lib/commonjs/fabric/ScreenStackNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScreenStackNativeComponent.js"],"names":[],"mappings":";;;;;;;AAKA;;;;AALA;AACA;AACA;AACA;;AACA;eAWgB,qCACd,gBADc,EAEd,EAFc,C","sourcesContent":["/**\n * @flow strict-local\n * @format\n */\n/* eslint-disable */\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';\nimport type { HostComponent } from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';\n\ntype NativeProps = $ReadOnly<{|\n  ...ViewProps,\n|}>;\n\ntype ComponentType = HostComponent<NativeProps>;\n\nexport default (codegenNativeComponent<NativeProps>(\n  'RNSScreenStack',\n  {}\n): ComponentType);\n"]}

package/lib/commonjs/fabric/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Screen", {
+  enumerable: true,
+  get: function () {
+    return _Screen.default;
+  }
+});
+Object.defineProperty(exports, "ScreenStackHeaderSubview", {
+  enumerable: true,
+  get: function () {
+    return _ScreenStackHeaderSubview.default;
+  }
+});
+Object.defineProperty(exports, "ScreenStackHeaderConfig", {
+  enumerable: true,
+  get: function () {
+    return _ScreenStackHeaderConfigNativeComponent.default;
+  }
+});
+Object.defineProperty(exports, "ScreenStack", {
+  enumerable: true,
+  get: function () {
+    return _ScreenStack.default;
+  }
+});
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _ScreenStackHeaderSubview = _interopRequireDefault(require("./ScreenStackHeaderSubview"));
+
+var _ScreenStackHeaderConfigNativeComponent = _interopRequireDefault(require("./ScreenStackHeaderConfigNativeComponent"));
+
+var _ScreenStack = _interopRequireDefault(require("./ScreenStack"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/fabric/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["import Screen from './Screen';\nimport ScreenStackHeaderSubview from './ScreenStackHeaderSubview';\nimport ScreenStackHeaderConfig from './ScreenStackHeaderConfigNativeComponent';\nimport ScreenStack from './ScreenStack';\n\nexport {\n  Screen,\n  ScreenStackHeaderSubview,\n  ScreenStackHeaderConfig,\n  ScreenStack,\n};\n"]}

package/lib/commonjs/index.native.js

@@ -16,6 +16,8 @@ var _useTransitionProgress = _interopRequireDefault(require("./useTransitionProg
 
 var _utils = require("./utils");
 
+var _global;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || 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); }
@@ -24,7 +26,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 // web implementation is taken from `index.tsx`
 const isPlatformSupported = _reactNative.Platform.OS === 'ios' || _reactNative.Platform.OS === 'android' || _reactNative.Platform.OS === 'windows';
-let ENABLE_SCREENS = isPlatformSupported;
+let ENABLE_SCREENS = isPlatformSupported; // @ts-expect-error nativeFabricUIManager is not yet included in the RN types
+
+const ENABLE_FABRIC = !!((_global = global) !== null && _global !== void 0 && _global.nativeFabricUIManager);
+const FabricComponents = ENABLE_FABRIC ? require('./fabric') : {};
 
 function enableScreens(shouldEnableScreens = true) {
   ENABLE_SCREENS = isPlatformSupported && shouldEnableScreens;
@@ -67,7 +72,7 @@ let NativeSearchBar;
 let NativeFullWindowOverlay;
 const ScreensNativeModules = {
   get NativeScreen() {
-    NativeScreenValue = NativeScreenValue || (0, _reactNative.requireNativeComponent)('RNSScreen');
+    NativeScreenValue = NativeScreenValue || FabricComponents.Screen || (0, _reactNative.requireNativeComponent)('RNSScreen');
     return NativeScreenValue;
   },
 
@@ -82,17 +87,17 @@ const ScreensNativeModules = {
   },
 
   get NativeScreenStack() {
-    NativeScreenStack = NativeScreenStack || (0, _reactNative.requireNativeComponent)('RNSScreenStack');
+    NativeScreenStack = NativeScreenStack || FabricComponents.ScreenStack || (0, _reactNative.requireNativeComponent)('RNSScreenStack');
     return NativeScreenStack;
   },
 
   get NativeScreenStackHeaderConfig() {
-    NativeScreenStackHeaderConfig = NativeScreenStackHeaderConfig || (0, _reactNative.requireNativeComponent)('RNSScreenStackHeaderConfig');
+    NativeScreenStackHeaderConfig = NativeScreenStackHeaderConfig || FabricComponents.ScreenStackHeaderConfig || (0, _reactNative.requireNativeComponent)('RNSScreenStackHeaderConfig');
     return NativeScreenStackHeaderConfig;
   },
 
   get NativeScreenStackHeaderSubview() {
-    NativeScreenStackHeaderSubview = NativeScreenStackHeaderSubview || (0, _reactNative.requireNativeComponent)('RNSScreenStackHeaderSubview');
+    NativeScreenStackHeaderSubview = NativeScreenStackHeaderSubview || FabricComponents.ScreenStackHeaderSubview || (0, _reactNative.requireNativeComponent)('RNSScreenStackHeaderSubview');
     return NativeScreenStackHeaderSubview;
   },
 
@@ -198,7 +203,14 @@ class Screen extends _react.default.Component {
     } = this.props;
 
     if (enabled && isPlatformSupported) {
-      AnimatedNativeScreen = AnimatedNativeScreen || _reactNative.Animated.createAnimatedComponent(ScreensNativeModules.NativeScreen);
+      if (!AnimatedNativeScreen) {
+        if (ENABLE_FABRIC) {
+          AnimatedNativeScreen = ScreensNativeModules.NativeScreen;
+        } else {
+          AnimatedNativeScreen = _reactNative.Animated.createAnimatedComponent(ScreensNativeModules.NativeScreen);
+        }
+      }
+
       let {
         // Filter out active prop in this case because it is unused and
         // can cause problems depending on react-native version:
@@ -217,14 +229,9 @@ class Screen extends _react.default.Component {
       }
 
       const processedColor = (0, _processColor.default)(statusBarColor);
-      return /*#__PURE__*/_react.default.createElement(MaybeFreeze, {
-        freeze: activityState === 0
-      }, /*#__PURE__*/_react.default.createElement(AnimatedNativeScreen, _extends({}, props, {
-        statusBarColor: processedColor,
-        activityState: activityState // This prevents showing blank screen when navigating between multiple screens with freezing
-        // https://github.com/software-mansion/react-native-screens/pull/1208
-        ,
-        ref: ref => {
+
+      const handleRef = ref => {
+        if (!ENABLE_FABRIC) {
           var _ref$viewConfig, _ref$viewConfig$valid;
 
           if (ref !== null && ref !== void 0 && (_ref$viewConfig = ref.viewConfig) !== null && _ref$viewConfig !== void 0 && (_ref$viewConfig$valid = _ref$viewConfig.validAttributes) !== null && _ref$viewConfig$valid !== void 0 && _ref$viewConfig$valid.style) {
@@ -234,7 +241,17 @@ class Screen extends _react.default.Component {
           }
 
           this.setRef(ref);
-        },
+        }
+      };
+
+      return /*#__PURE__*/_react.default.createElement(MaybeFreeze, {
+        freeze: activityState === 0
+      }, /*#__PURE__*/_react.default.createElement(AnimatedNativeScreen, _extends({}, props, {
+        statusBarColor: processedColor,
+        activityState: activityState // This prevents showing blank screen when navigating between multiple screens with freezing
+        // https://github.com/software-mansion/react-native-screens/pull/1208
+        ,
+        ref: handleRef,
         onTransitionProgress: !isNativeStack ? undefined : _reactNative.Animated.event([{
           nativeEvent: {
             progress: this.progress,