react-native-tvos 0.76.1-1 → 0.76.3-0

package/index.js

@@ -89,7 +89,6 @@ import typeof DevSettings from './Libraries/Utilities/DevSettings';
 import typeof Dimensions from './Libraries/Utilities/Dimensions';
 import typeof PixelRatio from './Libraries/Utilities/PixelRatio';
 import typeof Platform from './Libraries/Utilities/Platform';
-// import typeof TabBarIOS from './Libraries/Components/TabBarIOS/TabBarIOS';
 import typeof TVEventHandler from './Libraries/Components/TV/TVEventHandler';
 import typeof TVFocusGuideView from './Libraries/Components/TV/TVFocusGuideView';
 import typeof TVEventControl from './Libraries/Components/TV/TVEventControl';
@@ -176,9 +175,6 @@ module.exports = {
   get Switch(): Switch {
     return require('./Libraries/Components/Switch/Switch').default;
   },
-  get TabBarIOS(): any {
-    return require('./Libraries/Components/TabBarIOS/TabBarIOS');
-  },
   get Text(): Text {
     return require('./Libraries/Text/Text');
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-tvos",
-  "version": "0.76.1-1",
+  "version": "0.76.3-0",
   "description": "A framework for building native apps using React",
   "license": "MIT",
   "repository": {
@@ -110,13 +110,13 @@
   },
   "dependencies": {
     "@jest/create-cache-key-function": "^29.6.3",
-    "@react-native/assets-registry": "0.76.1",
-    "@react-native/codegen": "0.76.1",
-    "@react-native/community-cli-plugin": "0.76.1",
-    "@react-native/gradle-plugin": "0.76.1",
-    "@react-native/js-polyfills": "0.76.1",
-    "@react-native/normalize-colors": "0.76.1",
-    "@react-native-tvos/virtualized-lists": "0.76.1-1",
+    "@react-native/assets-registry": "0.76.3",
+    "@react-native/codegen": "0.76.3",
+    "@react-native/community-cli-plugin": "0.76.3",
+    "@react-native/gradle-plugin": "0.76.3",
+    "@react-native/js-polyfills": "0.76.3",
+    "@react-native/normalize-colors": "0.76.3",
+    "@react-native-tvos/virtualized-lists": "0.76.3-0",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",

package/scripts/codegen/generate-artifacts-executor.js

@@ -493,7 +493,7 @@ function rootCodegenTargetNeedsThirdPartyComponentProvider(pkgJson, platform) {
 function dependencyNeedsThirdPartyComponentProvider(
   schemaInfo,
   platform,
-  appCondegenConfigSpec,
+  appCodegenConfigSpec,
 ) {
   // Filter the react native core library out.
   // In the future, core library and third party library should
@@ -504,7 +504,7 @@ function dependencyNeedsThirdPartyComponentProvider(
   // the symbols defined in the app.
   return (
     !isReactNativeCoreLibrary(schemaInfo.library.config.name, platform) &&
-    schemaInfo.library.config.name !== appCondegenConfigSpec
+    schemaInfo.library.config.name !== appCodegenConfigSpec
   );
 }
 
@@ -720,7 +720,7 @@ function execute(projectRoot, targetPlatform, baseOutputPath) {
           dependencyNeedsThirdPartyComponentProvider(
             schemaInfo,
             platform,
-            pkgJson.codegenConfig?.appCondegenConfigSpec,
+            pkgJson.codegenConfig?.name,
           ),
         );
         const schemas = filteredSchemas.map(schemaInfo => schemaInfo.schema);

package/sdks/.hermesversion

@@ -1 +1 @@
-hermes-2024-09-09-RNv0.76.0-db6d12e202e15f7a446d8848d6ca8f7abb3cfb32
+hermes-2024-11-12-RNv0.76.2-5b4aa20c719830dcf5684832b89a6edb95ac3d64

package/types/modules/Codegen.d.ts

@@ -41,6 +41,7 @@ declare module 'react-native/Libraries/Utilities/codegenNativeComponent' {
 
 declare module 'react-native/Libraries/Types/CodegenTypes' {
   import type {NativeSyntheticEvent} from 'react-native';
+  import type {EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
 
   // Event types
   // We're not using the PaperName, it is only used to codegen view config settings
@@ -59,6 +60,7 @@ declare module 'react-native/Libraries/Types/CodegenTypes' {
   export type Float = number;
   export type Int32 = number;
   export type UnsafeObject = object;
+  export type UnsafeMixed = unknown;
 
   type DefaultTypes = number | boolean | string | ReadonlyArray<string>;
   // Default handling, ignore the unused value
@@ -71,4 +73,8 @@ declare module 'react-native/Libraries/Types/CodegenTypes' {
     Type extends DefaultTypes,
     Value extends Type | string | undefined | null,
   > = Type | undefined | null;
+
+  export type EventEmitter<T> = (
+    handler: (arg: T) => void | Promise<void>,
+  ) => EventSubscription;
 }

package/types/public/ReactNativeTVTypes.d.ts

@@ -100,7 +100,7 @@ declare module 'react-native' {
     pressDuration?: number | undefined,
 
     /**
-     * Defaults to 0.3
+     * @deprecated No longer used
      */
     pressDelay?: number | undefined,
   };

package/Libraries/Components/TabBarIOS/RCTTabBarItemNativeComponent.js

@@ -1,99 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @noflow
- */
-
-'use strict';
-
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent').default;
-
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ImageSource} from '../../Image/ImageSource';
-
-type TabBarItemEvent = SyntheticEvent<null>;
-
-export type NativeProps = $ReadOnly< {|
-  ...ViewProps,
-
-  /**
-   * Little red bubble that sits at the top right of the icon.
-   */
-  badge?: ?(string | number),
-
-  /**
-   * Background color for the badge. Available since iOS 10.
-   */
-  badgeColor?: ColorValue,
-
-  /**
-   * Items comes with a few predefined system icons. Note that if you are
-   * using them, the title and selectedIcon will be overridden with the
-   * system ones.
-   */
-  systemIcon?: ?(
-    | 'bookmarks'
-    | 'contacts'
-    | 'downloads'
-    | 'favorites'
-    | 'featured'
-    | 'history'
-    | 'more'
-    | 'most-recent'
-    | 'most-viewed'
-    | 'recents'
-    | 'search'
-    | 'top-rated'
-  ),
-
-  /**
-   * A custom icon for the tab. It is ignored when a system icon is defined.
-   */
-  icon?: ?ImageSource,
-
-  /**
-   * A custom icon when the tab is selected. It is ignored when a system
-   * icon is defined. If left empty, the icon will be tinted in blue.
-   */
-  selectedIcon?: ?ImageSource,
-
-  /**
-   * Callback when this tab is being selected, you should change the state of your
-   * component to set selected={true}.
-   */
-  onPress?: ?(event: TabBarItemEvent) => mixed,
-
-  /**
-   * If set to true it renders the image as original,
-   * it defaults to being displayed as a template
-   */
-  renderAsOriginal?: ?boolean,
-
-  /**
-   * It specifies whether the children are visible or not. If you see a
-   * blank content, you probably forgot to add a selected one.
-   */
-  selected?: ?boolean,
-
-  /**
-   * Text that appears under the icon. It is ignored when a system icon
-   * is defined.
-   */
-  title?: ?string,
-
-  /**
-   * *(Apple TV only)* When set to true, this view will be focusable
-   * and navigable using the Apple TV remote.
-   *
-   * @platform ios
-   */
-  isTVSelectable?: ?boolean,
-|} >;
-
-module.exports = requireNativeComponent('RCTTabBarItem');

package/Libraries/Components/TabBarIOS/RCTTabBarNativeComponent.js

@@ -1,32 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @noflow
- */
-
-'use strict';
-
-const requireNativeComponent =
-  require('../../ReactNative/requireNativeComponent').default;
-
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  unselectedTintColor?: ColorValue,
-  tintColor?: ColorValue,
-  unselectedItemTintColor?: ColorValue,
-  barTintColor?: ColorValue,
-  barStyle?: ?('default' | 'black'),
-  translucent?: ?boolean,
-  itemPositioning?: ?('fill' | 'center' | 'auto'),
-|}>;
-
-// type RCTTabBarNativeType = Class<NativeComponent<NativeProps>>;
-
-module.exports = (requireNativeComponent<NativeProps>('RCTTabBar'): any);

package/Libraries/Components/TabBarIOS/TabBarIOS.ios.js

@@ -1,59 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @noflow
- */
-
-'use strict';
-
-import type {TabBarIOSProps} from './TabBarIOSProps';
-
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const RCTTabBar = require('./RCTTabBarNativeComponent');
-const TabBarItemIOS = require('./TabBarItemIOS');
-const React = require('react');
-
-let showedDeprecationWarning = true;
-
-class TabBarIOS extends React.Component<TabBarIOSProps> {
-  static Item: React.Node = TabBarItemIOS;
-
-  componentDidMount() {
-    if (!showedDeprecationWarning) {
-      console.warn(
-        'TabBarIOS and TabBarItemIOS are deprecated and will be removed in a future release. ' +
-          'Please use react-native-tab-view instead.',
-      );
-
-      showedDeprecationWarning = true;
-    }
-  }
-
-  render(): React.Node {
-    return (
-      <RCTTabBar
-        style={[styles.tabGroup, this.props.style]}
-        unselectedTintColor={this.props.unselectedTintColor}
-        unselectedItemTintColor={this.props.unselectedItemTintColor}
-        tintColor={this.props.tintColor}
-        barTintColor={this.props.barTintColor}
-        barStyle={this.props.barStyle}
-        itemPositioning={this.props.itemPositioning}
-        translucent={this.props.translucent !== false}>
-        {this.props.children}
-      </RCTTabBar>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  tabGroup: {
-    flex: 1,
-  },
-});
-
-module.exports = TabBarIOS;

package/Libraries/Components/TabBarIOS/TabBarIOS.js

@@ -1,52 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-import type {TabBarIOSProps} from './TabBarIOSProps';
-
-import React from 'react';
-
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const View = require('../View/View');
-const TabBarItemIOS = require('./TabBarItemIOS');
-
-let showedDeprecationWarning = false;
-
-class TabBarIOS extends React.Component<TabBarIOSProps> {
-  static Item: any = TabBarItemIOS;
-
-  componentDidMount() {
-    if (!showedDeprecationWarning) {
-      console.warn(
-        'TabBarIOS and TabBarItemIOS are deprecated and will be removed in a future release. ' +
-          'Please use react-native-tab-view instead.',
-      );
-
-      showedDeprecationWarning = true;
-    }
-  }
-
-  render(): React.Node {
-    return (
-      <View style={[this.props.style, styles.tabGroup]}>
-        {this.props.children}
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  tabGroup: {
-    flex: 1,
-  },
-});
-
-module.exports = TabBarIOS;

package/Libraries/Components/TabBarIOS/TabBarIOSProps.js

@@ -1,52 +0,0 @@
-/*
- * @flow
- */
-
-import type { ViewProps } from '../View/ViewPropTypes';
-
-export type TabBarIOSProps = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * Color of text on unselected tabs
-   */
-  unselectedTintColor?: string,
-
-  /**
-   * Color of the currently selected tab icon
-   */
-  tintColor?: string,
-
-  /**
-   * Color of unselected tab icons. Available since iOS 10.
-   */
-  unselectedItemTintColor?: string,
-
-  /**
-   * Background color of the tab bar
-   */
-  barTintColor?: string,
-
-  /**
-   * The style of the tab bar. Supported values are 'default', 'black'.
-   * Use 'black' instead of setting `barTintColor` to black. This produces
-   * a tab bar with the native iOS style with higher translucency.
-   */
-  barStyle?: ?('default' | 'black'),
-
-  /**
-   * A Boolean value that indicates whether the tab bar is translucent
-   */
-  translucent?: ?boolean,
-
-  /**
-   * Specifies tab bar item positioning. Available values are:
-   * - fill - distributes items across the entire width of the tab bar
-   * - center - centers item in the available tab bar space
-   * - auto (default) - distributes items dynamically according to the
-   * user interface idiom. In a horizontally compact environment (e.g. iPhone 5)
-   * this value defaults to `fill`, in a horizontally regular one (e.g. iPad)
-   * it defaults to center.
-   */
-  itemPositioning?: ?('fill' | 'center' | 'auto'),
-|}>;

package/Libraries/Components/TabBarIOS/TabBarItemIOS.ios.js

@@ -1,177 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @noflow
- */
-
-'use strict';
-
-import React from 'react';
-// const StaticContainer = require('../StaticContainer.react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const View = require('../View/View');
-const RCTTabBarItemNativeComponent = require('./RCTTabBarItemNativeComponent');
-
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ImageSource} from '../../Image/ImageSource';
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * Little red bubble that sits at the top right of the icon.
-   */
-  badge?: ?(string | number),
-
-  /**
-   * Background color for the badge. Available since iOS 10.
-   */
-  badgeColor?: ColorValue,
-
-  /**
-   * Items comes with a few predefined system icons. Note that if you are
-   * using them, the title and selectedIcon will be overridden with the
-   * system ones.
-   */
-  systemIcon?: ?(
-    | 'bookmarks'
-    | 'contacts'
-    | 'downloads'
-    | 'favorites'
-    | 'featured'
-    | 'history'
-    | 'more'
-    | 'most-recent'
-    | 'most-viewed'
-    | 'recents'
-    | 'search'
-    | 'top-rated'
-  ),
-
-  /**
-   * A custom icon for the tab. It is ignored when a system icon is defined.
-   */
-  icon?: ?ImageSource,
-
-  /**
-   * A custom icon when the tab is selected. It is ignored when a system
-   * icon is defined. If left empty, the icon will be tinted in blue.
-   */
-  selectedIcon?: ?ImageSource,
-
-  /**
-   * Callback when this tab is being selected, you should change the state of your
-   * component to set selected={true}.
-   */
-  onPress?: ?(event: SyntheticEvent<null>) => mixed,
-
-  /**
-   * If set to true it renders the image as original,
-   * it defaults to being displayed as a template
-   */
-  renderAsOriginal?: ?boolean,
-
-  /**
-   * It specifies whether the children are visible or not. If you see a
-   * blank content, you probably forgot to add a selected one.
-   */
-  selected?: ?boolean,
-
-  /**
-   * Text that appears under the icon. It is ignored when a system icon
-   * is defined.
-   */
-  title?: ?string,
-
-  /**
-   * *(Apple TV only)* When set to true, this view will be focusable
-   * and navigable using the Apple TV remote.
-   *
-   * @platform ios
-   */
-  isTVSelectable?: ?boolean,
-|}>;
-
-type State = {|
-  hasBeenSelected: boolean,
-|};
-
-let showedDeprecationWarning = true;
-
-class TabBarItemIOS extends React.Component<Props, State> {
-  state = {
-    hasBeenSelected: false,
-  };
-
-  UNSAFE_componentWillMount() {
-    if (this.props.selected) {
-      this.setState({hasBeenSelected: true});
-    }
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props) {
-    if (this.state.hasBeenSelected || nextProps.selected) {
-      this.setState({hasBeenSelected: true});
-    }
-  }
-
-  componentDidMount() {
-    if (!showedDeprecationWarning) {
-      console.warn(
-        'TabBarIOS and TabBarItemIOS are deprecated and will be removed in a future release. ' +
-          'Please use react-native-tab-view instead.',
-      );
-
-      showedDeprecationWarning = true;
-    }
-  }
-
-  render() {
-    const {style, children, ...props} = this.props;
-
-    /*
-    // if the tab has already been shown once, always continue to show it so we
-    // preserve state between tab transitions
-    let tabContents;
-    if (this.state.hasBeenSelected) {
-      tabContents = (
-        <StaticContainer shouldUpdate={this.props.selected}>
-          {children}
-        </StaticContainer>
-      );
-    } else {
-      tabContents = <View />;
-    }
-
-    return (
-      <RCTTabBarItemNativeComponent {...props} style={[styles.tab, style]}>
-        {tabContents}
-      </RCTTabBarItemNativeComponent>
-    );
-     */
-    // TODO: properly replace StaticContainer
-    return (
-      <RCTTabBarItemNativeComponent {...props} style={[styles.tab, style]}>
-        {children}
-      </RCTTabBarItemNativeComponent>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  tab: {
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-  },
-});
-
-module.exports = TabBarItemIOS;

package/Libraries/Components/TabBarIOS/TabBarItemIOS.js

@@ -1,55 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @noflow
- */
-
-'use strict';
-
-import React from 'react';
-
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const View = require('../View/View');
-
-let showedDeprecationWarning = false;
-
-class DummyTab extends React.Component {
-  componentDidMount() {
-    if (!showedDeprecationWarning) {
-      console.warn(
-        'TabBarIOS and TabBarItemIOS are deprecated and will be removed in a future release. ' +
-          'Please use react-native-tab-view instead.',
-      );
-
-      showedDeprecationWarning = true;
-    }
-  }
-
-  render() {
-    if (!this.props.selected) {
-      return <View />;
-    }
-    return (
-      <View style={[this.props.style, styles.tab]}>{this.props.children}</View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  tab: {
-    // TODO(5405356): Implement overflow: visible so position: absolute isn't useless
-    // position: 'absolute',
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    borderColor: 'red',
-    borderWidth: 1,
-  },
-});
-
-module.exports = DummyTab;

package/React/Views/RCTTabBar.h

@@ -1,22 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import <UIKit/UIKit.h>
-
-@interface RCTTabBar : UIView
-
-@property (nonatomic, strong) UIColor *unselectedTintColor;
-@property (nonatomic, strong) UIColor *tintColor;
-@property (nonatomic, strong) UIColor *barTintColor;
-@property (nonatomic, assign) BOOL translucent;
-#if !TARGET_OS_TV
-@property (nonatomic, assign) UIBarStyle barStyle;
-#endif
-
-- (void)uiManagerDidPerformMounting;
-
-@end