react-native-tvos 0.76.1-0 → 0.76.2-0

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/Libraries/Components/Touchable/TVTouchable.js

@@ -1,71 +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.
- *
- * @flow
- * @format
- */
-
-'use strict';
-
-import type {
-  BlurEvent,
-  FocusEvent,
-  PressEvent,
-} from '../../Types/CoreEventTypes';
-
-import Platform from '../../Utilities/Platform';
-import tagForComponentOrHandle from '../TV/tagForComponentOrHandle';
-import {tvFocusEventHandler} from '../TV/TVFocusEventHandler';
-import invariant from 'invariant';
-
-type TVTouchableConfig = $ReadOnly<{|
-  getDisabled: () => boolean,
-  onBlur: (event: BlurEvent) => mixed,
-  onFocus: (event: FocusEvent) => mixed,
-  onPress: (event: PressEvent) => mixed,
-  onLongPress: (event: PressEvent) => mixed,
-|}>;
-
-export default class TVTouchable {
-  _enabled: boolean = false;
-  _focusEventHandler: ?any = null;
-  _viewTag: ?number = null;
-
-  constructor(component: any, config: TVTouchableConfig) {
-    invariant(Platform.isTV, 'TVTouchable: Requires `Platform.isTV`.');
-    if (!Platform.isTV) {
-      return;
-    }
-    const _tvtouchable = this; // eslint-disable-line consistent-this
-    this._viewTag = tagForComponentOrHandle(component);
-    tvFocusEventHandler?.register(this._viewTag, tvData => {
-      if (!_tvtouchable._enabled) {
-        return;
-      }
-      if (tagForComponentOrHandle(component) === tvData.tag) {
-        if (tvData.eventType === 'focus') {
-          config.onFocus(tvData);
-        } else if (tvData.eventType === 'blur') {
-          config.onBlur(tvData);
-        } else if (tvData.eventType === 'select') {
-          if (!config.getDisabled()) {
-            config.onPress(tvData);
-          }
-        } else if (tvData.eventType === 'longSelect') {
-          if (!config.getDisabled()) {
-            config.onLongPress(tvData);
-          }
-        }
-      }
-    });
-    this._enabled = true;
-  }
-
-  destroy(): void {
-    this._enabled = false;
-    tvFocusEventHandler?.unregister(this._viewTag);
-  }
-}

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

package/React/Views/RCTTabBar.m

@@ -1,237 +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 "RCTTabBar.h"
-
-#import "RCTEventDispatcher.h"
-#import "RCTLog.h"
-#import "RCTTabBarItem.h"
-#import "RCTUtils.h"
-#import "RCTView.h"
-#import "RCTWrapperViewController.h"
-#import "UIView+React.h"
-
-@interface RCTTabBar() <UITabBarControllerDelegate>
-
-@end
-
-@implementation RCTTabBar
-{
-  BOOL _tabsChanged;
-  UITabBarController *_tabController;
-}
-
-- (instancetype)initWithFrame:(CGRect)frame
-{
-  if ((self = [super initWithFrame:frame])) {
-    _tabController = [UITabBarController new];
-    _tabController.delegate = self;
-    [self addSubview:_tabController.view];
-  }
-  return self;
-}
-
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
-
-- (UIViewController *)reactViewController
-{
-  return _tabController;
-}
-
-- (void)dealloc
-{
-  _tabController.delegate = nil;
-  [_tabController removeFromParentViewController];
-}
-
-- (void)insertReactSubview:(RCTTabBarItem *)subview atIndex:(NSInteger)atIndex
-{
-  if (![subview isKindOfClass:[RCTTabBarItem class]]) {
-    RCTLogError(@"subview should be of type RCTTabBarItem");
-    return;
-  }
-  [super insertReactSubview:subview atIndex:atIndex];
-  _tabsChanged = YES;
-}
-
-- (void)removeReactSubview:(RCTTabBarItem *)subview
-{
-  if (self.reactSubviews.count == 0) {
-    RCTLogError(@"should have at least one view to remove a subview");
-    return;
-  }
-  [super removeReactSubview:subview];
-  _tabsChanged = YES;
-}
-
-- (void)didUpdateReactSubviews
-{
-  // Do nothing, as subviews are managed by `uiManagerDidPerformMounting`
-}
-
-- (void)layoutSubviews
-{
-  [super layoutSubviews];
-  [self reactAddControllerToClosestParent:_tabController];
-  _tabController.view.frame = self.bounds;
-}
-
-- (void)uiManagerDidPerformMounting
-{
-  // we can't hook up the VC hierarchy in 'init' because the subviews aren't
-  // hooked up yet, so we do it on demand here whenever a transaction has finished
-  [self reactAddControllerToClosestParent:_tabController];
-
-  if (_tabsChanged) {
-
-    NSMutableArray<UIViewController *> *viewControllers = [NSMutableArray array];
-    for (RCTTabBarItem *tab in [self reactSubviews]) {
-      UIViewController *controller = tab.reactViewController;
-      if (!controller) {
-        controller = [[RCTWrapperViewController alloc] initWithContentView:tab];
-      }
-      [viewControllers addObject:controller];
-    }
-
-    _tabController.viewControllers = viewControllers;
-    _tabsChanged = NO;
-  }
-
-  [self.reactSubviews enumerateObjectsUsingBlock:^(UIView *view, NSUInteger index, __unused BOOL *stop) {
-
-    RCTTabBarItem *tab = (RCTTabBarItem *)view;
-    UIViewController *controller = self->_tabController.viewControllers[index];
-    if (self->_unselectedTintColor) {
-      [tab.barItem setTitleTextAttributes:@{NSForegroundColorAttributeName: self->_unselectedTintColor} forState:UIControlStateNormal];
-    }
-
-    [tab.barItem setTitleTextAttributes:@{NSForegroundColorAttributeName: self.tintColor} forState:UIControlStateSelected];
-
-    controller.tabBarItem = tab.barItem;
-#if TARGET_OS_TV
-// On Apple TV, disable JS control of selection after initial render
-    if (tab.selected && !tab.wasSelectedInJS) {
-      self->_tabController.selectedViewController = controller;
-    }
-    tab.wasSelectedInJS = YES;
-#else
-    if (tab.selected) {
-      self->_tabController.selectedViewController = controller;
-    }
-#endif
-  }];
-}
-
-- (UIColor *)barTintColor
-{
-  return _tabController.tabBar.barTintColor;
-}
-
-- (void)setBarTintColor:(UIColor *)barTintColor
-{
-  _tabController.tabBar.barTintColor = barTintColor;
-}
-
-- (UIColor *)tintColor
-{
-  return _tabController.tabBar.tintColor;
-}
-
-- (void)setTintColor:(UIColor *)tintColor
-{
-  _tabController.tabBar.tintColor = tintColor;
-}
-
-- (BOOL)translucent
-{
-  return _tabController.tabBar.isTranslucent;
-}
-
-- (void)setTranslucent:(BOOL)translucent
-{
-  _tabController.tabBar.translucent = translucent;
-}
-
-#if !TARGET_OS_TV
-- (UIBarStyle)barStyle
-{
-  return _tabController.tabBar.barStyle;
-}
-
-- (void)setBarStyle:(UIBarStyle)barStyle
-{
-  _tabController.tabBar.barStyle = barStyle;
-}
-#endif
-
-- (void)setUnselectedItemTintColor:(UIColor *)unselectedItemTintColor {
-#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_10_0
-  if ([_tabController.tabBar respondsToSelector:@selector(unselectedItemTintColor)]) {
-    _tabController.tabBar.unselectedItemTintColor = unselectedItemTintColor;
-  }
-#endif
-}
-
-- (UITabBarItemPositioning)itemPositioning
-{
-#if TARGET_OS_TV
-  return 0;
-#else
-  return _tabController.tabBar.itemPositioning;
-#endif
-}
-
-- (void)setItemPositioning:(UITabBarItemPositioning)itemPositioning
-{
-#if !TARGET_OS_TV
-  _tabController.tabBar.itemPositioning = itemPositioning;
-#endif
-}
-
-#pragma mark - UITabBarControllerDelegate
-
-#if TARGET_OS_TV
-
-- (void)tabBarController:(UITabBarController *)tabBarController didSelectViewController:(nonnull UIViewController *)viewController
-{
-  NSUInteger index = [tabBarController.viewControllers indexOfObject:viewController];
-  RCTTabBarItem *tab = (RCTTabBarItem *)self.reactSubviews[index];
-  if (tab.onPress) tab.onPress(nil);
-  return;
-}
-
-#else
-
-- (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController
-{
-  NSUInteger index = [tabBarController.viewControllers indexOfObject:viewController];
-  RCTTabBarItem *tab = (RCTTabBarItem *)self.reactSubviews[index];
-  if (tab.onPress) tab.onPress(nil);
-  return NO;
-}
-
-#endif
-
-#if TARGET_OS_TV
-
-- (BOOL)isUserInteractionEnabled
-{
-  return YES;
-}
-
-- (void)didUpdateFocusInContext:(UIFocusUpdateContext *)context withAnimationCoordinator:(UIFocusAnimationCoordinator *)coordinator
-{
-  if (context.nextFocusedView == self) {
-    [self becomeFirstResponder];
-  } else {
-    [self resignFirstResponder];
-  }
-}
-
-#endif
-
-@end

package/React/Views/RCTTabBarItem.h

@@ -1,35 +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>
-
-#import <React/RCTComponent.h>
-#import <React/RCTConvert.h>
-
-@interface RCTConvert (UITabBarSystemItem)
-
-+ (UITabBarSystemItem)UITabBarSystemItem:(id)json;
-
-@end
-
-@interface RCTTabBarItem : UIView
-
-@property (nonatomic, copy) id /* NSString or NSNumber */ badge;
-@property (nonatomic, strong) UIImage *icon;
-@property (nonatomic, strong) UIImage *selectedIcon;
-@property (nonatomic, assign) UITabBarSystemItem systemIcon;
-@property (nonatomic, assign) BOOL renderAsOriginal;
-@property (nonatomic, assign, getter=isSelected) BOOL selected;
-@property (nonatomic, readonly) UITabBarItem *barItem;
-@property (nonatomic, copy) RCTBubblingEventBlock onPress;
-@property (nonatomic, strong) NSString *testID;
-
-#if TARGET_OS_TV
-@property (nonatomic, assign) BOOL wasSelectedInJS;
-#endif
-
-@end