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

package/dist/exports/Modal/ModalFocusTrap.js.flow

@@ -0,0 +1,39 @@
+/**
+ * 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.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import View from '../View';
+import createElement from '../createElement';
+import StyleSheet from '../StyleSheet';
+import UIManager from '../UIManager';
+import canUseDOM from '../../modules/canUseDom';
+
+/**
+ * This Component is used to "wrap" the modal we're opening
+ * so that changing focus via tab will never leave the document.
+ *
+ * This allows us to properly trap the focus within a modal
+ * even if the modal is at the start or end of a document.
+ */
+declare var FocusBracket: () => any;
+declare function attemptFocus(element: any): any;
+declare function focusFirstDescendant(element: any): any;
+declare function focusLastDescendant(element: any): any;
+export type ModalFocusTrapProps = {|
+  active?: boolean | (() => boolean),
+  children?: any,
+|};
+declare var ModalFocusTrap: (arg0: ModalFocusTrapProps) => React.Node;
+export default ModalFocusTrap;
+const styles = StyleSheet.create({
+  focusBracket: {
+    outlineStyle: 'none'
+  }
+});

package/dist/exports/Modal/ModalPortal.js

@@ -0,0 +1,36 @@
+/**
+ * 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.
+ *
+ * 
+ */
+
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import canUseDOM from '../../modules/canUseDom';
+function ModalPortal(props) {
+  var children = props.children;
+  var elementRef = React.useRef(null);
+  if (canUseDOM && !elementRef.current) {
+    var element = document.createElement('div');
+    if (element && document.body) {
+      document.body.appendChild(element);
+      elementRef.current = element;
+    }
+  }
+  React.useEffect(() => {
+    if (canUseDOM) {
+      return () => {
+        if (document.body && elementRef.current) {
+          document.body.removeChild(elementRef.current);
+          elementRef.current = null;
+        }
+      };
+    }
+  }, []);
+  return elementRef.current && canUseDOM ? /*#__PURE__*/createPortal(children, elementRef.current) : null;
+}
+export default ModalPortal;

package/dist/exports/Modal/ModalPortal.js.flow

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import canUseDOM from '../../modules/canUseDom';
+export type ModalPortalProps = {|
+  children: any
+|};
+declare function ModalPortal(props: ModalPortalProps): React.Node;
+export default ModalPortal;

package/dist/exports/Modal/index.js

@@ -0,0 +1,106 @@
+/**
+ * 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';
+
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["animationType", "children", "onDismiss", "onRequestClose", "onShow", "transparent", "visible"];
+import * as React from 'react';
+import ModalPortal from './ModalPortal';
+import ModalAnimation from './ModalAnimation';
+import ModalContent from './ModalContent';
+import ModalFocusTrap from './ModalFocusTrap';
+import { jsx as _jsx } from "react/jsx-runtime";
+var uniqueModalIdentifier = 0;
+var activeModalStack = [];
+var activeModalListeners = {};
+function notifyActiveModalListeners() {
+  if (activeModalStack.length === 0) {
+    return;
+  }
+  var activeModalId = activeModalStack[activeModalStack.length - 1];
+  activeModalStack.forEach(modalId => {
+    if (modalId in activeModalListeners) {
+      activeModalListeners[modalId](modalId === activeModalId);
+    }
+  });
+}
+function removeActiveModal(modalId) {
+  if (modalId in activeModalListeners) {
+    // Before removing this listener we should probably tell it
+    // that it's no longer the active modal for sure.
+    activeModalListeners[modalId](false);
+    delete activeModalListeners[modalId];
+  }
+  var index = activeModalStack.indexOf(modalId);
+  if (index !== -1) {
+    activeModalStack.splice(index, 1);
+    notifyActiveModalListeners();
+  }
+}
+function addActiveModal(modalId, listener) {
+  removeActiveModal(modalId);
+  activeModalStack.push(modalId);
+  activeModalListeners[modalId] = listener;
+  notifyActiveModalListeners();
+}
+var Modal = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  var animationType = props.animationType,
+    children = props.children,
+    onDismiss = props.onDismiss,
+    onRequestClose = props.onRequestClose,
+    onShow = props.onShow,
+    transparent = props.transparent,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+
+  // Set a unique model identifier so we can correctly route
+  // dismissals and check the layering of modals.
+  var modalId = React.useMemo(() => uniqueModalIdentifier++, []);
+  var _React$useState = React.useState(false),
+    isActive = _React$useState[0],
+    setIsActive = _React$useState[1];
+  var onDismissCallback = React.useCallback(() => {
+    removeActiveModal(modalId);
+    if (onDismiss) {
+      onDismiss();
+    }
+  }, [modalId, onDismiss]);
+  var onShowCallback = React.useCallback(() => {
+    addActiveModal(modalId, setIsActive);
+    if (onShow) {
+      onShow();
+    }
+  }, [modalId, onShow]);
+  React.useEffect(() => {
+    return () => removeActiveModal(modalId);
+  }, [modalId]);
+  return /*#__PURE__*/_jsx(ModalPortal, {
+    children: /*#__PURE__*/_jsx(ModalAnimation, {
+      animationType: animationType,
+      onDismiss: onDismissCallback,
+      onShow: onShowCallback,
+      visible: visible,
+      children: /*#__PURE__*/_jsx(ModalFocusTrap, {
+        active: isActive,
+        children: /*#__PURE__*/_jsx(ModalContent, _objectSpread(_objectSpread({}, rest), {}, {
+          active: isActive,
+          onRequestClose: onRequestClose,
+          ref: forwardedRef,
+          transparent: transparent,
+          children: children
+        }))
+      })
+    })
+  });
+});
+export default Modal;

package/dist/exports/Modal/index.js.flow

@@ -0,0 +1,83 @@
+/**
+ * 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.
+ *
+ * @flow
+ */
+
+'use client';
+
+import type { ViewProps } from '../View';
+import * as React from 'react';
+import ModalPortal from './ModalPortal';
+import ModalAnimation from './ModalAnimation';
+import ModalContent from './ModalContent';
+import ModalFocusTrap from './ModalFocusTrap';
+export type ModalProps = {
+  ...ViewProps,
+  animationType?: 'none' | 'slide' | 'fade',
+  children: any,
+  hardwareAccelerated?: ?boolean,
+  onDismiss?: ?() => mixed,
+  onOrientationChange?: ?(e: {|
+    orientation: 'portrait' | 'landscape'
+  |}) => void,
+  onRequestClose?: ?() => void,
+  onShow?: ?() => void,
+  presentationStyle?: ?('fullScreen' | 'pageSheet' | 'formSheet' | 'overFullScreen'),
+  statusBarTranslucent?: ?boolean,
+  supportedOrientations?: ?Array<'portrait' | 'portrait-upside-down' | 'landscape' | 'landscape-left' | 'landscape-right'>,
+  transparent?: ?boolean,
+  visible?: ?boolean,
+};
+let uniqueModalIdentifier = 0;
+const activeModalStack = [];
+const activeModalListeners = {};
+declare function notifyActiveModalListeners(): any;
+declare function removeActiveModal(modalId: any): any;
+declare function addActiveModal(modalId: any, listener: any): any;
+const Modal: React.AbstractComponent<ModalProps, React.ElementRef<typeof ModalContent>> = React.forwardRef((props, forwardedRef) => {
+  const {
+    animationType,
+    children,
+    onDismiss,
+    onRequestClose,
+    onShow,
+    transparent,
+    visible = true,
+    ...rest
+  } = props;
+
+  // Set a unique model identifier so we can correctly route
+  // dismissals and check the layering of modals.
+  const modalId = React.useMemo(() => uniqueModalIdentifier++, []);
+  const [isActive, setIsActive] = React.useState(false);
+  const onDismissCallback = React.useCallback(() => {
+    removeActiveModal(modalId);
+    if (onDismiss) {
+      onDismiss();
+    }
+  }, [modalId, onDismiss]);
+  const onShowCallback = React.useCallback(() => {
+    addActiveModal(modalId, setIsActive);
+    if (onShow) {
+      onShow();
+    }
+  }, [modalId, onShow]);
+  React.useEffect(() => {
+    return () => removeActiveModal(modalId);
+  }, [modalId]);
+  return <ModalPortal>
+      <ModalAnimation animationType={animationType} onDismiss={onDismissCallback} onShow={onShowCallback} visible={visible}>
+        <ModalFocusTrap active={isActive}>
+          <ModalContent {...rest} active={isActive} onRequestClose={onRequestClose} ref={forwardedRef} transparent={transparent}>
+            {children}
+          </ModalContent>
+        </ModalFocusTrap>
+      </ModalAnimation>
+    </ModalPortal>;
+});
+export default Modal;

package/dist/exports/NativeEventEmitter/index.js

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ *
+ * 
+ */
+
+import NativeEventEmitter from '../../vendor/react-native/EventEmitter/NativeEventEmitter';
+export default NativeEventEmitter;

package/dist/exports/NativeEventEmitter/index.js.flow

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ *
+ * @flow
+ */
+
+import NativeEventEmitter from '../../vendor/react-native/EventEmitter/NativeEventEmitter';
+export default NativeEventEmitter;

package/dist/exports/NativeModules/index.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+import UIManager from '../UIManager';
+
+// NativeModules shim
+var NativeModules = {
+  UIManager
+};
+export default NativeModules;

package/dist/exports/NativeModules/index.js.flow

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ */
+
+import UIManager from '../UIManager';
+
+// NativeModules shim
+const NativeModules = {
+  UIManager
+};
+export default NativeModules;

package/dist/exports/PanResponder/Alternative.js

@@ -0,0 +1,269 @@
+/**
+ * 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.
+ *
+ * 
+ * @format
+ */
+
+/**
+ * PAN RESPONDER
+ *
+ * `PanResponder` uses the Responder System to reconcile several touches into
+ * a single gesture. It makes single-touch gestures resilient to extra touches,
+ * and can be used to recognize simple multi-touch gestures. For each handler,
+ * it provides a `gestureState` object alongside the ResponderEvent object.
+ *
+ * By default, `PanResponder` holds an `InteractionManager` handle to block
+ * long-running JS events from interrupting active gestures.
+ *
+ * A graphical explanation of the touch data flow:
+ *
+ * +----------------------------+             +--------------------------------+
+ * | ResponderTouchHistoryStore |             |TouchHistoryMath                |
+ * +----------------------------+             +----------+---------------------+
+ * |Global store of touchHistory|             |Allocation-less math util       |
+ * |including activeness, start |             |on touch history (centroids     |
+ * |position, prev/cur position.|             |and multitouch movement etc)    |
+ * |                            |             |                                |
+ * +----^-----------------------+             +----^---------------------------+
+ *      |                                          |
+ *      | (records relevant history                |
+ *      |  of touches relevant for                 |
+ *      |  implementing higher level               |
+ *      |  gestures)                               |
+ *      |                                          |
+ * +----+-----------------------+             +----|---------------------------+
+ * | ResponderEventPlugin       |             |    |   Your App/Component      |
+ * +----------------------------+             +----|---------------------------+
+ * |Negotiates which view gets  | Low level   |    |             High level    |
+ * |onResponderMove events.     | events w/   |  +-+-------+     events w/     |
+ * |Also records history into   | touchHistory|  |   Pan   |     multitouch +  |
+ * |ResponderTouchHistoryStore. +---------------->Responder+-----> accumulative|
+ * +----------------------------+ attached to |  |         |     distance and  |
+ *                                 each event |  +---------+     velocity.     |
+ *                                            |                                |
+ *                                            |                                |
+ *                                            +--------------------------------+
+ */
+
+'use strict';
+
+import InteractionManager from '../InteractionManager';
+import TouchHistoryMath from '../../vendor/react-native/TouchHistoryMath';
+var currentCentroidX = TouchHistoryMath.currentCentroidX,
+  currentCentroidY = TouchHistoryMath.currentCentroidY,
+  currentCentroidXOfTouchesChangedAfter = TouchHistoryMath.currentCentroidXOfTouchesChangedAfter,
+  currentCentroidYOfTouchesChangedAfter = TouchHistoryMath.currentCentroidYOfTouchesChangedAfter,
+  previousCentroidXOfTouchesChangedAfter = TouchHistoryMath.previousCentroidXOfTouchesChangedAfter,
+  previousCentroidYOfTouchesChangedAfter = TouchHistoryMath.previousCentroidYOfTouchesChangedAfter;
+var PanResponder = {
+  _initializeGestureState(gestureState) {
+    gestureState.x = 0;
+    gestureState.y = 0;
+    gestureState.initialX = 0;
+    gestureState.initialY = 0;
+    gestureState.deltaX = 0;
+    gestureState.deltaY = 0;
+    gestureState.velocityX = 0;
+    gestureState.velocityY = 0;
+    gestureState.numberActiveTouches = 0;
+    // All `gestureState` accounts for timeStamps up until:
+    gestureState._accountsForMovesUpTo = 0;
+  },
+  /**
+   * Take all recently moved touches, calculate how the centroid has changed just for those
+   * recently moved touches, and append that change to an accumulator. This is
+   * to (at least) handle the case where the user is moving three fingers, and
+   * then one of the fingers stops but the other two continue.
+   *
+   * This is very different than taking all of the recently moved touches and
+   * storing their centroid as `dx/dy`. For correctness, we must *accumulate
+   * changes* in the centroid of recently moved touches.
+   *
+   * There is also some nuance with how we handle multiple moved touches in a
+   * single event. Multiple touches generate two 'move' events, each of
+   * them triggering `onResponderMove`. But with the way `PanResponder` works,
+   * all of the gesture inference is performed on the first dispatch, since it
+   * looks at all of the touches. Therefore, `PanResponder` does not call
+   * `onResponderMove` passed the first dispatch. This diverges from the
+   * typical responder callback pattern (without using `PanResponder`), but
+   * avoids more dispatches than necessary.
+   *
+   * When moving two touches in opposite directions, the cumulative
+   * distance is zero in each dimension. When two touches move in parallel five
+   * pixels in the same direction, the cumulative distance is five, not ten. If
+   * two touches start, one moves five in a direction, then stops and the other
+   * touch moves fives in the same direction, the cumulative distance is ten.
+   *
+   * This logic requires a kind of processing of time "clusters" of touch events
+   * so that two touch moves that essentially occur in parallel but move every
+   * other frame respectively, are considered part of the same movement.
+   *
+   * x/y: If a move event has been observed, `(x, y)` is the centroid of the most
+   * recently moved "cluster" of active touches.
+   * deltaX/deltaY: Cumulative touch distance. Accounts for touch moves that are
+   * clustered together in time, moving the same direction. Only valid when
+   * currently responder (otherwise, it only represents the drag distance below
+   * the threshold).
+   */
+  _updateGestureStateOnMove(gestureState, touchHistory) {
+    var movedAfter = gestureState._accountsForMovesUpTo;
+    var prevX = previousCentroidXOfTouchesChangedAfter(touchHistory, movedAfter);
+    var prevY = previousCentroidYOfTouchesChangedAfter(touchHistory, movedAfter);
+    var prevDeltaX = gestureState.deltaX;
+    var prevDeltaY = gestureState.deltaY;
+    var x = currentCentroidXOfTouchesChangedAfter(touchHistory, movedAfter);
+    var y = currentCentroidYOfTouchesChangedAfter(touchHistory, movedAfter);
+    var deltaX = prevDeltaX + (x - prevX);
+    var deltaY = prevDeltaY + (y - prevY);
+    // TODO: This must be filtered intelligently.
+    var dt = touchHistory.mostRecentTimeStamp - gestureState._accountsForMovesUpTo;
+    gestureState.deltaX = deltaX;
+    gestureState.deltaY = deltaY;
+    gestureState.numberActiveTouches = touchHistory.numberActiveTouches;
+    gestureState.velocityX = (deltaX - prevDeltaX) / dt;
+    gestureState.velocityY = (deltaY - prevDeltaY) / dt;
+    gestureState.x = x;
+    gestureState.y = y;
+    gestureState._accountsForMovesUpTo = touchHistory.mostRecentTimeStamp;
+  },
+  /**
+   * Enhanced versions of all of the responder callbacks that provide not only
+   * the `ResponderEvent`, but also the `PanResponder` gesture state.
+   *
+   * In general, for events that have capture equivalents, we update the
+   * gestureState once in the capture phase and can use it in the bubble phase
+   * as well.
+   */
+  create(config) {
+    var interactionState = {
+      handle: null
+    };
+    var gestureState = {
+      // Useful for debugging
+      stateID: Math.random(),
+      x: 0,
+      y: 0,
+      initialX: 0,
+      initialY: 0,
+      deltaX: 0,
+      deltaY: 0,
+      velocityX: 0,
+      velocityY: 0,
+      numberActiveTouches: 0,
+      _accountsForMovesUpTo: 0
+    };
+    var onStartShouldSetResponder = config.onStartShouldSetResponder,
+      onStartShouldSetResponderCapture = config.onStartShouldSetResponderCapture,
+      onMoveShouldSetResponder = config.onMoveShouldSetResponder,
+      onMoveShouldSetResponderCapture = config.onMoveShouldSetResponderCapture,
+      onPanGrant = config.onPanGrant,
+      onPanStart = config.onPanStart,
+      onPanMove = config.onPanMove,
+      onPanEnd = config.onPanEnd,
+      onPanRelease = config.onPanRelease,
+      onPanReject = config.onPanReject,
+      onPanTerminate = config.onPanTerminate,
+      onPanTerminationRequest = config.onPanTerminationRequest;
+    var panHandlers = {
+      onStartShouldSetResponder(event) {
+        return onStartShouldSetResponder != null ? onStartShouldSetResponder(event, gestureState) : false;
+      },
+      onMoveShouldSetResponder(event) {
+        return onMoveShouldSetResponder != null ? onMoveShouldSetResponder(event, gestureState) : false;
+      },
+      onStartShouldSetResponderCapture(event) {
+        // TODO: Actually, we should reinitialize the state any time
+        // touches.length increases from 0 active to > 0 active.
+        if (event.nativeEvent.touches.length === 1) {
+          PanResponder._initializeGestureState(gestureState);
+        }
+        gestureState.numberActiveTouches = event.touchHistory.numberActiveTouches;
+        return onStartShouldSetResponderCapture != null ? onStartShouldSetResponderCapture(event, gestureState) : false;
+      },
+      onMoveShouldSetResponderCapture(event) {
+        var touchHistory = event.touchHistory;
+        // Responder system incorrectly dispatches should* to current responder
+        // Filter out any touch moves past the first one - we would have
+        // already processed multi-touch geometry during the first event.
+        // NOTE: commented out because new responder system should get it right.
+        //if (gestureState._accountsForMovesUpTo === touchHistory.mostRecentTimeStamp) {
+        //  return false;
+        //}
+        PanResponder._updateGestureStateOnMove(gestureState, touchHistory);
+        return onMoveShouldSetResponderCapture != null ? onMoveShouldSetResponderCapture(event, gestureState) : false;
+      },
+      onResponderGrant(event) {
+        if (!interactionState.handle) {
+          interactionState.handle = InteractionManager.createInteractionHandle();
+        }
+        gestureState.initialX = currentCentroidX(event.touchHistory);
+        gestureState.initialY = currentCentroidY(event.touchHistory);
+        gestureState.deltaX = 0;
+        gestureState.deltaY = 0;
+        if (onPanGrant != null) {
+          onPanGrant(event, gestureState);
+        }
+      },
+      onResponderReject(event) {
+        clearInteractionHandle(interactionState, onPanReject, event, gestureState);
+      },
+      onResponderStart(event) {
+        var numberActiveTouches = event.touchHistory.numberActiveTouches;
+        gestureState.numberActiveTouches = numberActiveTouches;
+        if (onPanStart != null) {
+          onPanStart(event, gestureState);
+        }
+      },
+      onResponderMove(event) {
+        var touchHistory = event.touchHistory;
+        // Guard against the dispatch of two touch moves when there are two
+        // simultaneously changed touches.
+        if (gestureState._accountsForMovesUpTo === touchHistory.mostRecentTimeStamp) {
+          return;
+        }
+        // Filter out any touch moves past the first one - we would have
+        // already processed multi-touch geometry during the first event.
+        PanResponder._updateGestureStateOnMove(gestureState, touchHistory);
+        if (onPanMove != null) {
+          onPanMove(event, gestureState);
+        }
+      },
+      onResponderEnd(event) {
+        var numberActiveTouches = event.touchHistory.numberActiveTouches;
+        gestureState.numberActiveTouches = numberActiveTouches;
+        clearInteractionHandle(interactionState, onPanEnd, event, gestureState);
+      },
+      onResponderRelease(event) {
+        clearInteractionHandle(interactionState, onPanRelease, event, gestureState);
+        PanResponder._initializeGestureState(gestureState);
+      },
+      onResponderTerminate(event) {
+        clearInteractionHandle(interactionState, onPanTerminate, event, gestureState);
+        PanResponder._initializeGestureState(gestureState);
+      },
+      onResponderTerminationRequest(event) {
+        return onPanTerminationRequest != null ? onPanTerminationRequest(event, gestureState) : true;
+      }
+    };
+    return {
+      panHandlers,
+      getInteractionHandle() {
+        return interactionState.handle;
+      }
+    };
+  }
+};
+function clearInteractionHandle(interactionState, callback, event, gestureState) {
+  if (interactionState.handle) {
+    InteractionManager.clearInteractionHandle(interactionState.handle);
+    interactionState.handle = null;
+  }
+  if (callback) {
+    callback(event, gestureState);
+  }
+}
+export default PanResponder;