@hps1978/react-native-web-tv 0.21.2-tv.0

package/dist/exports/DeviceEventEmitter/index.js

@@ -0,0 +1,2 @@
+import RCTDeviceEventEmitter from '../../vendor/react-native/EventEmitter/RCTDeviceEventEmitter';
+export default RCTDeviceEventEmitter;

package/dist/exports/Dimensions/index.js

@@ -0,0 +1,122 @@
+/**
+ * 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 invariant from 'fbjs/lib/invariant';
+import canUseDOM from '../../modules/canUseDom';
+var dimensions = {
+  window: {
+    fontScale: 1,
+    height: 0,
+    scale: 1,
+    width: 0
+  },
+  screen: {
+    fontScale: 1,
+    height: 0,
+    scale: 1,
+    width: 0
+  }
+};
+var listeners = {};
+var shouldInit = canUseDOM;
+function update() {
+  if (!canUseDOM) {
+    return;
+  }
+  var win = window;
+  var height;
+  var width;
+
+  /**
+   * iOS does not update viewport dimensions on keyboard open/close.
+   * window.visualViewport(https://developer.mozilla.org/en-US/docs/Web/API/VisualViewport)
+   * is used instead of document.documentElement.clientHeight (which remains as a fallback)
+   */
+  if (win.visualViewport) {
+    var visualViewport = win.visualViewport;
+    /**
+     * We are multiplying by scale because height and width from visual viewport
+     * also react to pinch zoom, and become smaller when zoomed. But it is not desired
+     * behaviour, since originally documentElement client height and width were used,
+     * and they do not react to pinch zoom.
+     */
+    height = Math.round(visualViewport.height * visualViewport.scale);
+    width = Math.round(visualViewport.width * visualViewport.scale);
+  } else {
+    var docEl = win.document.documentElement;
+    height = docEl.clientHeight;
+    width = docEl.clientWidth;
+  }
+  dimensions.window = {
+    fontScale: 1,
+    height,
+    scale: win.devicePixelRatio || 1,
+    width
+  };
+  dimensions.screen = {
+    fontScale: 1,
+    height: win.screen.height,
+    scale: win.devicePixelRatio || 1,
+    width: win.screen.width
+  };
+}
+function handleResize() {
+  update();
+  if (Array.isArray(listeners['change'])) {
+    listeners['change'].forEach(handler => handler(dimensions));
+  }
+}
+export default class Dimensions {
+  static get(dimension) {
+    if (shouldInit) {
+      shouldInit = false;
+      update();
+    }
+    invariant(dimensions[dimension], "No dimension set for key " + dimension);
+    return dimensions[dimension];
+  }
+  static set(initialDimensions) {
+    if (initialDimensions) {
+      if (canUseDOM) {
+        invariant(false, 'Dimensions cannot be set in the browser');
+      } else {
+        if (initialDimensions.screen != null) {
+          dimensions.screen = initialDimensions.screen;
+        }
+        if (initialDimensions.window != null) {
+          dimensions.window = initialDimensions.window;
+        }
+      }
+    }
+  }
+  static addEventListener(type, handler) {
+    listeners[type] = listeners[type] || [];
+    listeners[type].push(handler);
+    return {
+      remove: () => {
+        this.removeEventListener(type, handler);
+      }
+    };
+  }
+  static removeEventListener(type, handler) {
+    if (Array.isArray(listeners[type])) {
+      listeners[type] = listeners[type].filter(_handler => _handler !== handler);
+    }
+  }
+}
+if (canUseDOM) {
+  if (window.visualViewport) {
+    window.visualViewport.addEventListener('resize', handleResize, false);
+  } else {
+    window.addEventListener('resize', handleResize, false);
+  }
+}

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

@@ -0,0 +1,58 @@
+/**
+ * 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 { EventSubscription } from '../../vendor/react-native/vendor/emitter/EventEmitter';
+import invariant from 'fbjs/lib/invariant';
+import canUseDOM from '../../modules/canUseDom';
+export type DisplayMetrics = {|
+  fontScale: number,
+  height: number,
+  scale: number,
+  width: number,
+|};
+type DimensionsValue = {|
+  window: DisplayMetrics,
+  screen: DisplayMetrics,
+|};
+type DimensionKey = 'window' | 'screen';
+type DimensionEventListenerType = 'change';
+const dimensions = {
+  window: {
+    fontScale: 1,
+    height: 0,
+    scale: 1,
+    width: 0
+  },
+  screen: {
+    fontScale: 1,
+    height: 0,
+    scale: 1,
+    width: 0
+  }
+};
+const listeners = {};
+let shouldInit = canUseDOM;
+declare function update(): any;
+declare function handleResize(): any;
+declare export default class Dimensions {
+  static get(dimension: DimensionKey): DisplayMetrics,
+  static set(initialDimensions: ?DimensionsValue): void,
+  static addEventListener(type: DimensionEventListenerType, handler: (DimensionsValue) => void): EventSubscription,
+  static removeEventListener(type: DimensionEventListenerType, handler: (DimensionsValue) => void): void,
+}
+if (canUseDOM) {
+  if (window.visualViewport) {
+    window.visualViewport.addEventListener('resize', handleResize, false);
+  } else {
+    window.addEventListener('resize', handleResize, false);
+  }
+}

package/dist/exports/Easing/index.js

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

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

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

package/dist/exports/FlatList/index.js

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

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

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

package/dist/exports/I18nManager/index.js

@@ -0,0 +1,25 @@
+/**
+ * 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.
+ *
+ * 
+ */
+
+var I18nManager = {
+  allowRTL() {
+    return;
+  },
+  forceRTL() {
+    return;
+  },
+  isRTL: false,
+  getConstants() {
+    return {
+      isRTL: false
+    };
+  }
+};
+export default I18nManager;

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

@@ -0,0 +1,34 @@
+/**
+ * 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
+ */
+
+type I18nManagerStatus = {
+  allowRTL: (allowRTL: boolean) => void,
+  forceRTL: (forceRTL: boolean) => void,
+  isRTL: boolean,
+  getConstants: () => Constants,
+};
+type Constants = {
+  isRTL: boolean
+};
+const I18nManager: I18nManagerStatus = {
+  allowRTL() {
+    return;
+  },
+  forceRTL() {
+    return;
+  },
+  isRTL: false,
+  getConstants(): Constants {
+    return {
+      isRTL: false
+    };
+  }
+};
+export default I18nManager;

package/dist/exports/Image/index.js

@@ -0,0 +1,358 @@
+/**
+ * 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 _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["aria-label", "accessibilityLabel", "blurRadius", "defaultSource", "draggable", "onError", "onLayout", "onLoad", "onLoadEnd", "onLoadStart", "pointerEvents", "source", "style"];
+import * as React from 'react';
+import createElement from '../createElement';
+import { getAssetByID } from '../../modules/AssetRegistry';
+import { createBoxShadowValue } from '../StyleSheet/preprocess';
+import ImageLoader from '../../modules/ImageLoader';
+import PixelRatio from '../PixelRatio';
+import StyleSheet from '../StyleSheet';
+import TextAncestorContext from '../Text/TextAncestorContext';
+import View from '../View';
+import { warnOnce } from '../../modules/warnOnce';
+var ERRORED = 'ERRORED';
+var LOADED = 'LOADED';
+var LOADING = 'LOADING';
+var IDLE = 'IDLE';
+var _filterId = 0;
+var svgDataUriPattern = /^(data:image\/svg\+xml;utf8,)(.*)/;
+function createTintColorSVG(tintColor, id) {
+  return tintColor && id != null ? /*#__PURE__*/React.createElement("svg", {
+    style: {
+      position: 'absolute',
+      height: 0,
+      visibility: 'hidden',
+      width: 0
+    }
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+    id: "tint-" + id,
+    suppressHydrationWarning: true
+  }, /*#__PURE__*/React.createElement("feFlood", {
+    floodColor: "" + tintColor,
+    key: tintColor
+  }), /*#__PURE__*/React.createElement("feComposite", {
+    in2: "SourceAlpha",
+    operator: "in"
+  })))) : null;
+}
+function extractNonStandardStyleProps(style, blurRadius, filterId, tintColorProp) {
+  var flatStyle = StyleSheet.flatten(style);
+  var filter = flatStyle.filter,
+    resizeMode = flatStyle.resizeMode,
+    shadowOffset = flatStyle.shadowOffset,
+    tintColor = flatStyle.tintColor;
+  if (flatStyle.resizeMode) {
+    warnOnce('Image.style.resizeMode', 'Image: style.resizeMode is deprecated. Please use props.resizeMode.');
+  }
+  if (flatStyle.tintColor) {
+    warnOnce('Image.style.tintColor', 'Image: style.tintColor is deprecated. Please use props.tintColor.');
+  }
+
+  // Add CSS filters
+  // React Native exposes these features as props and proprietary styles
+  var filters = [];
+  var _filter = null;
+  if (filter) {
+    filters.push(filter);
+  }
+  if (blurRadius) {
+    filters.push("blur(" + blurRadius + "px)");
+  }
+  if (shadowOffset) {
+    var shadowString = createBoxShadowValue(flatStyle);
+    if (shadowString) {
+      filters.push("drop-shadow(" + shadowString + ")");
+    }
+  }
+  if ((tintColorProp || tintColor) && filterId != null) {
+    filters.push("url(#tint-" + filterId + ")");
+  }
+  if (filters.length > 0) {
+    _filter = filters.join(' ');
+  }
+  return [resizeMode, _filter, tintColor];
+}
+function resolveAssetDimensions(source) {
+  if (typeof source === 'number') {
+    var _getAssetByID = getAssetByID(source),
+      _height = _getAssetByID.height,
+      _width = _getAssetByID.width;
+    return {
+      height: _height,
+      width: _width
+    };
+  } else if (source != null && !Array.isArray(source) && typeof source === 'object') {
+    var _height2 = source.height,
+      _width2 = source.width;
+    return {
+      height: _height2,
+      width: _width2
+    };
+  }
+}
+function resolveAssetUri(source) {
+  var uri = null;
+  if (typeof source === 'number') {
+    // get the URI from the packager
+    var asset = getAssetByID(source);
+    if (asset == null) {
+      throw new Error("Image: asset with ID \"" + source + "\" could not be found. Please check the image source or packager.");
+    }
+    var scale = asset.scales[0];
+    if (asset.scales.length > 1) {
+      var preferredScale = PixelRatio.get();
+      // Get the scale which is closest to the preferred scale
+      scale = asset.scales.reduce((prev, curr) => Math.abs(curr - preferredScale) < Math.abs(prev - preferredScale) ? curr : prev);
+    }
+    var scaleSuffix = scale !== 1 ? "@" + scale + "x" : '';
+    uri = asset ? asset.httpServerLocation + "/" + asset.name + scaleSuffix + "." + asset.type : '';
+  } else if (typeof source === 'string') {
+    uri = source;
+  } else if (source && typeof source.uri === 'string') {
+    uri = source.uri;
+  }
+  if (uri) {
+    var match = uri.match(svgDataUriPattern);
+    // inline SVG markup may contain characters (e.g., #, ") that need to be escaped
+    if (match) {
+      var prefix = match[1],
+        svg = match[2];
+      var encodedSvg = encodeURIComponent(svg);
+      return "" + prefix + encodedSvg;
+    }
+  }
+  return uri;
+}
+var Image = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var _ariaLabel = props['aria-label'],
+    accessibilityLabel = props.accessibilityLabel,
+    blurRadius = props.blurRadius,
+    defaultSource = props.defaultSource,
+    draggable = props.draggable,
+    onError = props.onError,
+    onLayout = props.onLayout,
+    onLoad = props.onLoad,
+    onLoadEnd = props.onLoadEnd,
+    onLoadStart = props.onLoadStart,
+    pointerEvents = props.pointerEvents,
+    source = props.source,
+    style = props.style,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var ariaLabel = _ariaLabel || accessibilityLabel;
+  if (process.env.NODE_ENV !== 'production') {
+    if (props.children) {
+      throw new Error('The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.');
+    }
+  }
+  var _React$useState = React.useState(() => {
+      var uri = resolveAssetUri(source);
+      if (uri != null) {
+        var isLoaded = ImageLoader.has(uri);
+        if (isLoaded) {
+          return LOADED;
+        }
+      }
+      return IDLE;
+    }),
+    state = _React$useState[0],
+    updateState = _React$useState[1];
+  var _React$useState2 = React.useState({}),
+    layout = _React$useState2[0],
+    updateLayout = _React$useState2[1];
+  var hasTextAncestor = React.useContext(TextAncestorContext);
+  var hiddenImageRef = React.useRef(null);
+  var filterRef = React.useRef(_filterId++);
+  var requestRef = React.useRef(null);
+  var shouldDisplaySource = state === LOADED || state === LOADING && defaultSource == null;
+  var _extractNonStandardSt = extractNonStandardStyleProps(style, blurRadius, filterRef.current, props.tintColor),
+    _resizeMode = _extractNonStandardSt[0],
+    filter = _extractNonStandardSt[1],
+    _tintColor = _extractNonStandardSt[2];
+  var resizeMode = props.resizeMode || _resizeMode || 'cover';
+  var tintColor = props.tintColor || _tintColor;
+  var selectedSource = shouldDisplaySource ? source : defaultSource;
+  var displayImageUri = resolveAssetUri(selectedSource);
+  var imageSizeStyle = resolveAssetDimensions(selectedSource);
+  var backgroundImage = displayImageUri ? "url(\"" + displayImageUri + "\")" : null;
+  var backgroundSize = getBackgroundSize();
+
+  // Accessibility image allows users to trigger the browser's image context menu
+  var hiddenImage = displayImageUri ? createElement('img', {
+    alt: ariaLabel || '',
+    style: styles.accessibilityImage$raw,
+    draggable: draggable || false,
+    ref: hiddenImageRef,
+    src: displayImageUri
+  }) : null;
+  function getBackgroundSize() {
+    if (hiddenImageRef.current != null && (resizeMode === 'center' || resizeMode === 'repeat')) {
+      var _hiddenImageRef$curre = hiddenImageRef.current,
+        naturalHeight = _hiddenImageRef$curre.naturalHeight,
+        naturalWidth = _hiddenImageRef$curre.naturalWidth;
+      var _height3 = layout.height,
+        _width3 = layout.width;
+      if (naturalHeight && naturalWidth && _height3 && _width3) {
+        var scaleFactor = Math.min(1, _width3 / naturalWidth, _height3 / naturalHeight);
+        var x = Math.ceil(scaleFactor * naturalWidth);
+        var y = Math.ceil(scaleFactor * naturalHeight);
+        return x + "px " + y + "px";
+      }
+    }
+  }
+  function handleLayout(e) {
+    if (resizeMode === 'center' || resizeMode === 'repeat' || onLayout) {
+      var _layout = e.nativeEvent.layout;
+      onLayout && onLayout(e);
+      updateLayout(_layout);
+    }
+  }
+
+  // Image loading
+  var uri = resolveAssetUri(source);
+  React.useEffect(() => {
+    abortPendingRequest();
+    if (uri != null) {
+      updateState(LOADING);
+      if (onLoadStart) {
+        onLoadStart();
+      }
+      requestRef.current = ImageLoader.load(uri, function load(e) {
+        updateState(LOADED);
+        if (onLoad) {
+          onLoad(e);
+        }
+        if (onLoadEnd) {
+          onLoadEnd();
+        }
+      }, function error() {
+        updateState(ERRORED);
+        if (onError) {
+          onError({
+            nativeEvent: {
+              error: "Failed to load resource " + uri
+            }
+          });
+        }
+        if (onLoadEnd) {
+          onLoadEnd();
+        }
+      });
+    }
+    function abortPendingRequest() {
+      if (requestRef.current != null) {
+        ImageLoader.abort(requestRef.current);
+        requestRef.current = null;
+      }
+    }
+    return abortPendingRequest;
+  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]);
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    "aria-label": ariaLabel,
+    onLayout: handleLayout,
+    pointerEvents: pointerEvents,
+    ref: ref,
+    style: [styles.root, hasTextAncestor && styles.inline, imageSizeStyle, style, styles.undo,
+    // TEMP: avoid deprecated shadow props regression
+    // until Image refactored to use createElement.
+    {
+      boxShadow: null
+    }]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.image, resizeModeStyles[resizeMode], {
+      backgroundImage,
+      filter
+    }, backgroundSize != null && {
+      backgroundSize
+    }],
+    suppressHydrationWarning: true
+  }), hiddenImage, createTintColorSVG(tintColor, filterRef.current));
+});
+Image.displayName = 'Image';
+
+// $FlowIgnore: This is the correct type, but casting makes it unhappy since the variables aren't defined yet
+var ImageWithStatics = Image;
+ImageWithStatics.getSize = function (uri, success, failure) {
+  ImageLoader.getSize(uri, success, failure);
+};
+ImageWithStatics.prefetch = function (uri) {
+  return ImageLoader.prefetch(uri);
+};
+ImageWithStatics.queryCache = function (uris) {
+  return ImageLoader.queryCache(uris);
+};
+var styles = StyleSheet.create({
+  root: {
+    flexBasis: 'auto',
+    overflow: 'hidden',
+    zIndex: 0
+  },
+  inline: {
+    display: 'inline-flex'
+  },
+  undo: {
+    // These styles are converted to CSS filters applied to the
+    // element displaying the background image.
+    blurRadius: null,
+    shadowColor: null,
+    shadowOpacity: null,
+    shadowOffset: null,
+    shadowRadius: null,
+    tintColor: null,
+    // These styles are not supported
+    overlayColor: null,
+    resizeMode: null
+  },
+  image: _objectSpread(_objectSpread({}, StyleSheet.absoluteFillObject), {}, {
+    backgroundColor: 'transparent',
+    backgroundPosition: 'center',
+    backgroundRepeat: 'no-repeat',
+    backgroundSize: 'cover',
+    height: '100%',
+    width: '100%',
+    zIndex: -1
+  }),
+  accessibilityImage$raw: _objectSpread(_objectSpread({}, StyleSheet.absoluteFillObject), {}, {
+    height: '100%',
+    opacity: 0,
+    width: '100%',
+    zIndex: -1
+  })
+});
+var resizeModeStyles = StyleSheet.create({
+  center: {
+    backgroundSize: 'auto'
+  },
+  contain: {
+    backgroundSize: 'contain'
+  },
+  cover: {
+    backgroundSize: 'cover'
+  },
+  none: {
+    backgroundPosition: '0',
+    backgroundSize: 'auto'
+  },
+  repeat: {
+    backgroundPosition: '0',
+    backgroundRepeat: 'repeat',
+    backgroundSize: 'auto'
+  },
+  stretch: {
+    backgroundSize: '100% 100%'
+  }
+});
+export default ImageWithStatics;