react-native-web-tv 0.21.2-tv.10

package/dist/cjs/exports/TV/TVTextScrollView.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+exports.__esModule = true;
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _tagForComponentOrHandle = _interopRequireDefault(require("./tagForComponentOrHandle"));
+var _ScrollView = _interopRequireDefault(require("../ScrollView"));
+var _SpatialManager = require("../../modules/SpatialManager");
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Copyright (c) Douglas Lowder.
+ * Modifications copyright (c) 2026 Harpreet Singh.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * 
+ */
+
+var _require = require('./TVFocusEventHandler'),
+  tvFocusEventHandler = _require.tvFocusEventHandler;
+
+/**
+ * Convenience wrapper to create a scroll view that will scroll correctly
+ * using swipe gestures on tvOS, even if the scroll view has no focusable
+ * subviews.
+ *
+ * The main use case would be when a large scrolling block of text needs
+ * to be presented to the user.
+ *
+ * Props:
+ *
+ */
+
+class TVTextScrollView extends React.Component {
+  constructor() {
+    super(...arguments);
+    this._setScrollViewRef = ref => {
+      this._scrollViewRef = ref;
+    };
+    this._handleDirectionalKeyFromSpatial = keyCode => {
+      var scrollableNode = this._keyControlOwner;
+      if (!scrollableNode) {
+        return false;
+      }
+      return (0, _SpatialManager.scrollContainer)(scrollableNode, keyCode, {
+        horizontal: this.props.horizontal === true,
+        pageSize: this.props.pageSize,
+        scrollDurationMs: Math.max(0, (this.props.scrollDuration || 0) * 1000),
+        snapToStart: this.props.snapToStart !== false,
+        snapToEnd: this.props.snapToEnd !== false
+      });
+    };
+    this._takeDirectionalKeyControl = () => {
+      var owner = this._getScrollableNode();
+      this._keyControlOwner = owner;
+      (0, _SpatialManager.takeKeyHandlerControl)(owner, this._handleDirectionalKeyFromSpatial);
+    };
+    this._releaseDirectionalKeyControl = () => {
+      (0, _SpatialManager.leaveKeyHandlerControl)(this._keyControlOwner);
+      this._keyControlOwner = null;
+    };
+  }
+  getScrollViewRef() {
+    return this._scrollViewRef;
+  }
+  _getScrollableNode() {
+    var scrollViewRef = this._scrollViewRef;
+    if (scrollViewRef && typeof scrollViewRef.getScrollableNode === 'function') {
+      return scrollViewRef.getScrollableNode();
+    }
+    return null;
+  }
+  componentDidMount() {
+    var cmp = this; // eslint-disable-line consistent-this
+    var myTag = (0, _tagForComponentOrHandle.default)(this._scrollViewRef);
+    tvFocusEventHandler == null || tvFocusEventHandler.register(myTag, function (evt) {
+      if (myTag === evt.tag) {
+        if (evt.eventType === 'focus') {
+          cmp._takeDirectionalKeyControl();
+          cmp.props.onFocus && cmp.props.onFocus(evt);
+        } else if (evt.eventType === 'blur') {
+          cmp._releaseDirectionalKeyControl();
+          cmp.props.onBlur && cmp.props.onBlur(evt);
+        }
+      }
+    });
+  }
+  componentWillUnmount() {
+    this._releaseDirectionalKeyControl();
+    var myTag = (0, _tagForComponentOrHandle.default)(this._scrollViewRef);
+    tvFocusEventHandler == null || tvFocusEventHandler.unregister(myTag);
+  }
+  render() {
+    var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props), {}, {
+      tvParallaxProperties: {
+        pressDuration: this.props.scrollDuration || 0.0
+      },
+      isTVSelectable: true,
+      snapToInterval: this.props.pageSize || 0.0,
+      removeClippedSubviews: false,
+      automaticallyAdjustContentInsets: false
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollView.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      ref: this._setScrollViewRef,
+      children: this.props.children
+    }));
+  }
+}
+var _default = exports.default = TVTextScrollView;
+module.exports = exports.default;

package/dist/cjs/exports/TV/tagForComponentOrHandle.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+/*
+ * Replacement for findNodeHandle, since we need this for converting
+ * components to tags when rendering nextFocus props
+ * 
+ */
+
+// TODO: make this work for Fabric
+
+// import { findNodeHandle } from '../findNodeHandle';
+
+var tagForComponentOrHandle = component => {
+  if (component === null || component === undefined) {
+    return undefined;
+  }
+
+  // if (component.id) {
+  //   return component.id;
+  // }
+
+  // return undefined;
+
+  return component;
+  // return findNodeHandle(component, true); // suppress warning
+  /*
+  if (typeof component === 'number') {
+    return component;
+  }
+  if (typeof component?._nativeTag === 'number') {
+    return component?._nativeTag;
+  }
+  if (typeof component?.canonical?._nativeTag === 'number') {
+    return component?.canonical?._nativeTag;
+  }
+  return undefined;
+  */
+};
+var _default = exports.default = tagForComponentOrHandle;
+module.exports = exports.default;

package/dist/cjs/exports/TV/types.js

@@ -0,0 +1,16 @@
+/**
+ * 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
+ * 
+ */
+
+'use strict';
+
+/**
+ * Apple TV parallax effect properties
+ * May not be needed to implement for Web TV
+ */

package/dist/cjs/exports/TV/useTVEventHandler.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+exports.__esModule = true;
+exports.default = void 0;
+var _TVEventHandler = _interopRequireDefault(require("./TVEventHandler"));
+var React = _interopRequireWildcard(require("react"));
+var useTVEventHandler = handleEvent => {
+  React.useEffect(() => {
+    var subscription = _TVEventHandler.default.addListener(function (evt) {
+      handleEvent(evt);
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, [handleEvent]);
+};
+var _default = exports.default = useTVEventHandler;
+module.exports = exports.default;

package/dist/cjs/exports/TV/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.setupNodeId = setupNodeId;
+/**
+ * Copyright (c) 2026 Harpreet Singh.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * 
+ */
+
+var ID_LIMIT = 100000; // big enough to wrap around!
+var nextId = 0;
+function setupNodeId(node) {
+  var _node$id;
+  var id = ((_node$id = node.id) == null ? void 0 : _node$id.length) > 0 ? node.id : null;
+  if (!id) {
+    // Use a simple incremented number as id
+    id = "lrud-" + (nextId > ID_LIMIT ? 1 : ++nextId);
+    node.id = id;
+  }
+  return id;
+}

package/dist/cjs/exports/Text/TextAncestorContext.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+var TextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
+var _default = exports.default = TextAncestorContext;
+module.exports = exports.default;

package/dist/cjs/exports/Text/index.js

@@ -0,0 +1,199 @@
+"use strict";
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _createElement = _interopRequireDefault(require("../createElement"));
+var forwardedProps = _interopRequireWildcard(require("../../modules/forwardedProps"));
+var _pick = _interopRequireDefault(require("../../modules/pick"));
+var _useElementLayout = _interopRequireDefault(require("../../modules/useElementLayout"));
+var _useMergeRefs = _interopRequireDefault(require("../../modules/useMergeRefs"));
+var _usePlatformMethods = _interopRequireDefault(require("../../modules/usePlatformMethods"));
+var _useResponderEvents = _interopRequireDefault(require("../../modules/useResponderEvents"));
+var _StyleSheet = _interopRequireDefault(require("../StyleSheet"));
+var _TextAncestorContext = _interopRequireDefault(require("./TextAncestorContext"));
+var _useLocale = require("../../modules/useLocale");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["hrefAttrs", "numberOfLines", "onClick", "onLayout", "onPress", "onMoveShouldSetResponder", "onMoveShouldSetResponderCapture", "onResponderEnd", "onResponderGrant", "onResponderMove", "onResponderReject", "onResponderRelease", "onResponderStart", "onResponderTerminate", "onResponderTerminationRequest", "onScrollShouldSetResponder", "onScrollShouldSetResponderCapture", "onSelectionChangeShouldSetResponder", "onSelectionChangeShouldSetResponderCapture", "onStartShouldSetResponder", "onStartShouldSetResponderCapture", "selectable"]; //import { warnOnce } from '../../modules/warnOnce';
+var forwardPropsList = Object.assign({}, forwardedProps.defaultProps, forwardedProps.accessibilityProps, forwardedProps.clickProps, forwardedProps.focusProps, forwardedProps.keyboardProps, forwardedProps.mouseProps, forwardedProps.touchProps, forwardedProps.styleProps, {
+  href: true,
+  lang: true,
+  pointerEvents: true
+});
+var pickProps = props => (0, _pick.default)(props, forwardPropsList);
+var Text = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  var hrefAttrs = props.hrefAttrs,
+    numberOfLines = props.numberOfLines,
+    onClick = props.onClick,
+    onLayout = props.onLayout,
+    onPress = props.onPress,
+    onMoveShouldSetResponder = props.onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture = props.onMoveShouldSetResponderCapture,
+    onResponderEnd = props.onResponderEnd,
+    onResponderGrant = props.onResponderGrant,
+    onResponderMove = props.onResponderMove,
+    onResponderReject = props.onResponderReject,
+    onResponderRelease = props.onResponderRelease,
+    onResponderStart = props.onResponderStart,
+    onResponderTerminate = props.onResponderTerminate,
+    onResponderTerminationRequest = props.onResponderTerminationRequest,
+    onScrollShouldSetResponder = props.onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture = props.onScrollShouldSetResponderCapture,
+    onSelectionChangeShouldSetResponder = props.onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture = props.onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder = props.onStartShouldSetResponder,
+    onStartShouldSetResponderCapture = props.onStartShouldSetResponderCapture,
+    selectable = props.selectable,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+  /*
+  if (selectable != null) {
+    warnOnce(
+      'selectable',
+      'selectable prop is deprecated. Use styles.userSelect.'
+    );
+  }
+  */
+
+  var hasTextAncestor = React.useContext(_TextAncestorContext.default);
+  var hostRef = React.useRef(null);
+  var _useLocaleContext = (0, _useLocale.useLocaleContext)(),
+    contextDirection = _useLocaleContext.direction;
+  (0, _useElementLayout.default)(hostRef, onLayout);
+  (0, _useResponderEvents.default)(hostRef, {
+    onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture,
+    onResponderEnd,
+    onResponderGrant,
+    onResponderMove,
+    onResponderReject,
+    onResponderRelease,
+    onResponderStart,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture,
+    onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder,
+    onStartShouldSetResponderCapture
+  });
+  var handleClick = React.useCallback(e => {
+    if (onClick != null) {
+      onClick(e);
+    } else if (onPress != null) {
+      e.stopPropagation();
+      onPress(e);
+    }
+  }, [onClick, onPress]);
+  var component = hasTextAncestor ? 'span' : 'div';
+  var langDirection = props.lang != null ? (0, _useLocale.getLocaleDirection)(props.lang) : null;
+  var componentDirection = props.dir || langDirection;
+  var writingDirection = componentDirection || contextDirection;
+  var supportedProps = pickProps(rest);
+  supportedProps.dir = componentDirection;
+  // 'auto' by default allows browsers to infer writing direction (root elements only)
+  if (!hasTextAncestor) {
+    supportedProps.dir = componentDirection != null ? componentDirection : 'auto';
+  }
+  if (onClick || onPress) {
+    supportedProps.onClick = handleClick;
+  }
+  supportedProps.style = [numberOfLines != null && numberOfLines > 1 && {
+    WebkitLineClamp: numberOfLines
+  }, hasTextAncestor === true ? styles.textHasAncestor$raw : styles.text$raw, numberOfLines === 1 && styles.textOneLine, numberOfLines != null && numberOfLines > 1 && styles.textMultiLine, props.style, selectable === true && styles.selectable, selectable === false && styles.notSelectable, onPress && styles.pressable];
+  if (props.href != null) {
+    component = 'a';
+    if (hrefAttrs != null) {
+      var download = hrefAttrs.download,
+        rel = hrefAttrs.rel,
+        target = hrefAttrs.target;
+      if (download != null) {
+        supportedProps.download = download;
+      }
+      if (rel != null) {
+        supportedProps.rel = rel;
+      }
+      if (typeof target === 'string') {
+        supportedProps.target = target.charAt(0) !== '_' ? '_' + target : target;
+      }
+    }
+  }
+  var platformMethodsRef = (0, _usePlatformMethods.default)(supportedProps);
+  var setRef = (0, _useMergeRefs.default)(hostRef, platformMethodsRef, forwardedRef);
+  supportedProps.ref = setRef;
+  var element = (0, _createElement.default)(component, supportedProps, {
+    writingDirection
+  });
+  return hasTextAncestor ? element : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextAncestorContext.default.Provider, {
+    value: true,
+    children: element
+  });
+});
+Text.displayName = 'Text';
+var textStyle = {
+  backgroundColor: 'transparent',
+  border: '0 solid black',
+  boxSizing: 'border-box',
+  color: 'black',
+  display: 'inline',
+  font: '14px System',
+  listStyle: 'none',
+  margin: 0,
+  padding: 0,
+  position: 'relative',
+  textAlign: 'start',
+  textDecoration: 'none',
+  whiteSpace: 'pre-wrap',
+  wordWrap: 'break-word'
+};
+var styles = _StyleSheet.default.create({
+  text$raw: textStyle,
+  textHasAncestor$raw: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, textStyle), {}, {
+    color: 'inherit',
+    font: 'inherit',
+    textAlign: 'inherit',
+    whiteSpace: 'inherit'
+  }),
+  textOneLine: {
+    maxWidth: '100%',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    wordWrap: 'normal'
+  },
+  // See #13
+  textMultiLine: {
+    display: '-webkit-box',
+    maxWidth: '100%',
+    overflow: 'clip',
+    textOverflow: 'ellipsis',
+    WebkitBoxOrient: 'vertical'
+  },
+  notSelectable: {
+    userSelect: 'none'
+  },
+  selectable: {
+    userSelect: 'text'
+  },
+  pressable: {
+    cursor: 'pointer'
+  }
+});
+var _default = exports.default = Text;
+module.exports = exports.default;

package/dist/cjs/exports/Text/types.js

@@ -0,0 +1 @@
+"use strict";