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

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

@@ -0,0 +1,76 @@
+/**
+ * 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 canUseDOM from '../../modules/canUseDom';
+declare function isScreenReaderEnabled(): Promise<*>;
+const prefersReducedMotionMedia = canUseDOM && typeof window.matchMedia === 'function' ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
+declare function isReduceMotionEnabled(): Promise<*>;
+declare function addChangeListener(fn: any): any;
+declare function removeChangeListener(fn: any): any;
+const handlers = {};
+const AccessibilityInfo = {
+  /**
+   * Query whether a screen reader is currently enabled.
+   *
+   * Returns a promise which resolves to a boolean.
+   * The result is `true` when a screen reader is enabled and `false` otherwise.
+   */
+  isScreenReaderEnabled,
+  /**
+   * Query whether the user prefers reduced motion.
+   *
+   * Returns a promise which resolves to a boolean.
+   * The result is `true` when a screen reader is enabled and `false` otherwise.
+   */
+  isReduceMotionEnabled,
+  /**
+   * Deprecated
+   */
+  fetch: isScreenReaderEnabled,
+  /**
+   * Add an event handler. Supported events: reduceMotionChanged
+   */
+  addEventListener: function (eventName: string, handler: Function): Object {
+    if (eventName === 'reduceMotionChanged') {
+      if (!prefersReducedMotionMedia) {
+        return;
+      }
+      declare var listener: (event: any) => any;
+      addChangeListener(listener);
+      handlers[handler] = listener;
+    }
+    return {
+      remove: () => AccessibilityInfo.removeEventListener(eventName, handler)
+    };
+  },
+  /**
+   * Set accessibility focus to a react component.
+   */
+  setAccessibilityFocus: function (reactTag: number): void {},
+  /**
+   * Post a string to be announced by the screen reader.
+   */
+  announceForAccessibility: function (announcement: string): void {},
+  /**
+   * Remove an event handler.
+   */
+  removeEventListener: function (eventName: string, handler: Function): void {
+    if (eventName === 'reduceMotionChanged') {
+      const listener = handlers[handler];
+      if (!listener || !prefersReducedMotionMedia) {
+        return;
+      }
+      removeChangeListener(listener);
+    }
+    return;
+  }
+};
+export default AccessibilityInfo;

package/dist/exports/ActivityIndicator/index.js

@@ -0,0 +1,100 @@
+/**
+ * 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 _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["animating", "color", "hidesWhenStopped", "size", "style"];
+import * as React from 'react';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+var createSvgCircle = style => /*#__PURE__*/React.createElement("circle", {
+  cx: "16",
+  cy: "16",
+  fill: "none",
+  r: "14",
+  strokeWidth: "4",
+  style: style
+});
+var ActivityIndicator = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  var _props$animating = props.animating,
+    animating = _props$animating === void 0 ? true : _props$animating,
+    _props$color = props.color,
+    color = _props$color === void 0 ? '#1976D2' : _props$color,
+    _props$hidesWhenStopp = props.hidesWhenStopped,
+    hidesWhenStopped = _props$hidesWhenStopp === void 0 ? true : _props$hidesWhenStopp,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  var svg = /*#__PURE__*/React.createElement("svg", {
+    height: "100%",
+    viewBox: "0 0 32 32",
+    width: "100%"
+  }, createSvgCircle({
+    stroke: color,
+    opacity: 0.2
+  }), createSvgCircle({
+    stroke: color,
+    strokeDasharray: 80,
+    strokeDashoffset: 60
+  }));
+  return /*#__PURE__*/React.createElement(View, _extends({}, other, {
+    "aria-valuemax": 1,
+    "aria-valuemin": 0,
+    ref: forwardedRef,
+    role: "progressbar",
+    style: [styles.container, style]
+  }), /*#__PURE__*/React.createElement(View, {
+    children: svg,
+    style: [typeof size === 'number' ? {
+      height: size,
+      width: size
+    } : indicatorSizes[size], styles.animation, !animating && styles.animationPause, !animating && hidesWhenStopped && styles.hidesWhenStopped]
+  }));
+});
+ActivityIndicator.displayName = 'ActivityIndicator';
+var styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  hidesWhenStopped: {
+    visibility: 'hidden'
+  },
+  animation: {
+    animationDuration: '0.75s',
+    animationKeyframes: [{
+      '0%': {
+        transform: 'rotate(0deg)'
+      },
+      '100%': {
+        transform: 'rotate(360deg)'
+      }
+    }],
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite'
+  },
+  animationPause: {
+    animationPlayState: 'paused'
+  }
+});
+var indicatorSizes = StyleSheet.create({
+  small: {
+    width: 20,
+    height: 20
+  },
+  large: {
+    width: 36,
+    height: 36
+  }
+});
+export default ActivityIndicator;

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

@@ -0,0 +1,88 @@
+/**
+ * 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 StyleSheet from '../StyleSheet';
+import View from '../View';
+declare var createSvgCircle: (style: any) => any;
+type ActivityIndicatorProps = {
+  ...ViewProps,
+  animating?: boolean,
+  color?: ?string,
+  hidesWhenStopped?: boolean,
+  size?: 'small' | 'large' | number,
+};
+const ActivityIndicator: React.AbstractComponent<ActivityIndicatorProps, React.ElementRef<typeof View>> = React.forwardRef((props, forwardedRef) => {
+  const {
+    animating = true,
+    color = '#1976D2',
+    hidesWhenStopped = true,
+    size = 'small',
+    style,
+    ...other
+  } = props;
+  const svg = <svg height="100%" viewBox="0 0 32 32" width="100%">
+      {createSvgCircle({
+      stroke: color,
+      opacity: 0.2
+    })}
+      {createSvgCircle({
+      stroke: color,
+      strokeDasharray: 80,
+      strokeDashoffset: 60
+    })}
+    </svg>;
+  return <View {...other} aria-valuemax={1} aria-valuemin={0} ref={forwardedRef} role="progressbar" style={[styles.container, style]}>
+      <View children={svg} style={[typeof size === 'number' ? {
+      height: size,
+      width: size
+    } : indicatorSizes[size], styles.animation, !animating && styles.animationPause, !animating && hidesWhenStopped && styles.hidesWhenStopped]} />
+    </View>;
+});
+ActivityIndicator.displayName = 'ActivityIndicator';
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  hidesWhenStopped: {
+    visibility: 'hidden'
+  },
+  animation: {
+    animationDuration: '0.75s',
+    animationKeyframes: [{
+      '0%': {
+        transform: 'rotate(0deg)'
+      },
+      '100%': {
+        transform: 'rotate(360deg)'
+      }
+    }],
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite'
+  },
+  animationPause: {
+    animationPlayState: 'paused'
+  }
+});
+const indicatorSizes = StyleSheet.create({
+  small: {
+    width: 20,
+    height: 20
+  },
+  large: {
+    width: 36,
+    height: 36
+  }
+});
+export default ActivityIndicator;

package/dist/exports/Alert/index.js

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ *
+ * 
+ */
+
+class Alert {
+  static alert() {}
+}
+export default Alert;

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

@@ -0,0 +1,12 @@
+/**
+ * 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
+ */
+declare class Alert {
+  static alert(): any
+}
+export default Alert;

package/dist/exports/Animated/index.js

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

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

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

package/dist/exports/AppRegistry/AppContainer.js

@@ -0,0 +1,40 @@
+/**
+ * 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 StyleSheet from '../StyleSheet';
+import View from '../View';
+var RootTagContext = /*#__PURE__*/React.createContext(null);
+var AppContainer = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  var children = props.children,
+    WrapperComponent = props.WrapperComponent;
+  var innerView = /*#__PURE__*/React.createElement(View, {
+    children: children,
+    key: 1,
+    style: styles.appContainer
+  });
+  if (WrapperComponent) {
+    innerView = /*#__PURE__*/React.createElement(WrapperComponent, null, innerView);
+  }
+  return /*#__PURE__*/React.createElement(RootTagContext.Provider, {
+    value: props.rootTag
+  }, /*#__PURE__*/React.createElement(View, {
+    ref: forwardedRef,
+    style: styles.appContainer
+  }, innerView));
+});
+AppContainer.displayName = 'AppContainer';
+export default AppContainer;
+var styles = StyleSheet.create({
+  appContainer: {
+    flex: 1,
+    pointerEvents: 'box-none'
+  }
+});

package/dist/exports/AppRegistry/AppContainer.js.flow

@@ -0,0 +1,43 @@
+/**
+ * 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 StyleSheet from '../StyleSheet';
+import View from '../View';
+type Props = {
+  WrapperComponent?: ?React.ComponentType<*>,
+  // $FlowFixMe
+  children?: React.Children,
+  rootTag: any,
+};
+const RootTagContext: React.Context<any> = React.createContext(null);
+const AppContainer: React.AbstractComponent<Props> = React.forwardRef((props: Props, forwardedRef?: React.Ref<any>) => {
+  const {
+    children,
+    WrapperComponent
+  } = props;
+  let innerView = <View children={children} key={1} style={styles.appContainer} />;
+  if (WrapperComponent) {
+    innerView = <WrapperComponent>{innerView}</WrapperComponent>;
+  }
+  return <RootTagContext.Provider value={props.rootTag}>
+        <View ref={forwardedRef} style={styles.appContainer}>
+          {innerView}
+        </View>
+      </RootTagContext.Provider>;
+});
+AppContainer.displayName = 'AppContainer';
+export default AppContainer;
+const styles = StyleSheet.create({
+  appContainer: {
+    flex: 1,
+    pointerEvents: 'box-none'
+  }
+});

package/dist/exports/AppRegistry/index.js

@@ -0,0 +1,88 @@
+/**
+ * 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 { setupSpatialNavigation } from '../../modules/SpatialManager';
+import invariant from 'fbjs/lib/invariant';
+import unmountComponentAtNode from '../unmountComponentAtNode';
+import renderApplication, { getApplication as _getApplication } from './renderApplication';
+var emptyObject = {};
+var runnables = {};
+var componentProviderInstrumentationHook = component => component();
+var wrapperComponentProvider;
+
+/**
+ * `AppRegistry` is the JS entry point to running all React Native apps.
+ */
+export default class AppRegistry {
+  static getAppKeys() {
+    return Object.keys(runnables);
+  }
+  static getApplication(appKey, appParameters) {
+    invariant(runnables[appKey] && runnables[appKey].getApplication, "Application " + appKey + " has not been registered. " + 'This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.');
+    return runnables[appKey].getApplication(appParameters);
+  }
+  static registerComponent(appKey, componentProvider) {
+    runnables[appKey] = {
+      getApplication: appParameters => _getApplication(componentProviderInstrumentationHook(componentProvider), appParameters ? appParameters.initialProps : emptyObject, wrapperComponentProvider && wrapperComponentProvider(appParameters)),
+      run: appParameters => renderApplication(componentProviderInstrumentationHook(componentProvider), wrapperComponentProvider && wrapperComponentProvider(appParameters), appParameters.callback, {
+        hydrate: appParameters.hydrate || false,
+        initialProps: appParameters.initialProps || emptyObject,
+        mode: appParameters.mode || 'concurrent',
+        rootTag: appParameters.rootTag
+      })
+    };
+    return appKey;
+  }
+  static registerConfig(config) {
+    config.forEach(_ref => {
+      var appKey = _ref.appKey,
+        component = _ref.component,
+        run = _ref.run;
+      if (run) {
+        AppRegistry.registerRunnable(appKey, run);
+      } else {
+        invariant(component, 'No component provider passed in');
+        AppRegistry.registerComponent(appKey, component);
+      }
+    });
+  }
+
+  // TODO: fix style sheet creation when using this method
+  static registerRunnable(appKey, run) {
+    runnables[appKey] = {
+      run
+    };
+    return appKey;
+  }
+  static runApplication(appKey, appParameters) {
+    var isDevelopment = process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'test';
+    if (isDevelopment) {
+      var params = _objectSpread({}, appParameters);
+      params.rootTag = "#" + params.rootTag.id;
+      console.log("Running application \"" + appKey + "\" with appParams:\n", params, "\nDevelopment-level warnings: " + (isDevelopment ? 'ON' : 'OFF') + "." + ("\nPerformance optimizations: " + (isDevelopment ? 'OFF' : 'ON') + "."));
+    }
+    invariant(runnables[appKey] && runnables[appKey].run, "Application \"" + appKey + "\" has not been registered. " + 'This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.');
+    // TODO: Find a better place to do this
+    setupSpatialNavigation(appParameters.rootTag);
+    return runnables[appKey].run(appParameters);
+  }
+  static setComponentProviderInstrumentationHook(hook) {
+    componentProviderInstrumentationHook = hook;
+  }
+  static setWrapperComponentProvider(provider) {
+    wrapperComponentProvider = provider;
+  }
+  static unmountApplicationComponentAtRootTag(rootTag) {
+    unmountComponentAtNode(rootTag);
+  }
+}

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

@@ -0,0 +1,59 @@
+/**
+ * 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 { Application } from './renderApplication';
+import type { ComponentType, Node } from 'react';
+import { setupSpatialNavigation } from '../../modules/SpatialManager';
+import invariant from 'fbjs/lib/invariant';
+import unmountComponentAtNode from '../unmountComponentAtNode';
+import renderApplication, { getApplication } from './renderApplication';
+type AppParams = Object;
+type Runnable = {|
+  getApplication?: (AppParams) => {|
+    element: Node,
+    getStyleElement: (any) => Node,
+  |},
+  run: (AppParams) => any,
+|};
+export type ComponentProvider = () => ComponentType<any>;
+export type ComponentProviderInstrumentationHook = (component: ComponentProvider) => ComponentType<any>;
+export type WrapperComponentProvider = (any) => ComponentType<*>;
+export type AppConfig = {
+  appKey: string,
+  component?: ComponentProvider,
+  run?: Function,
+  section?: boolean,
+};
+const emptyObject = {};
+const runnables: {|
+  [appKey: string]: Runnable
+|} = {};
+declare var componentProviderInstrumentationHook: (component: ComponentProvider) => any;
+let wrapperComponentProvider: ?WrapperComponentProvider;
+
+/**
+ * `AppRegistry` is the JS entry point to running all React Native apps.
+ */
+declare export default class AppRegistry {
+  static getAppKeys(): Array<string>,
+  static getApplication(appKey: string, appParameters?: AppParams): {|
+    element: Node,
+    getStyleElement: (any) => Node,
+  |},
+  static registerComponent(appKey: string, componentProvider: ComponentProvider): string,
+  static registerConfig(config: Array<AppConfig>): any,
+  static registerRunnable(appKey: string, run: Function): string,
+  static runApplication(appKey: string, appParameters: Object): Application,
+  static setComponentProviderInstrumentationHook(hook: ComponentProviderInstrumentationHook): any,
+  static setWrapperComponentProvider(provider: WrapperComponentProvider): any,
+  static unmountApplicationComponentAtRootTag(rootTag: Object): any,
+}

package/dist/exports/AppRegistry/renderApplication.js

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * 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 AppContainer from './AppContainer';
+import invariant from 'fbjs/lib/invariant';
+import render, { hydrate } from '../render';
+import StyleSheet from '../StyleSheet';
+import React from 'react';
+export default function renderApplication(RootComponent, WrapperComponent, callback, options) {
+  var shouldHydrate = options.hydrate,
+    initialProps = options.initialProps,
+    rootTag = options.rootTag;
+  var renderFn = shouldHydrate ? hydrate : render;
+  invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
+  return renderFn(/*#__PURE__*/React.createElement(AppContainer, {
+    WrapperComponent: WrapperComponent,
+    ref: callback,
+    rootTag: rootTag
+  }, /*#__PURE__*/React.createElement(RootComponent, initialProps)), rootTag);
+}
+export function getApplication(RootComponent, initialProps, WrapperComponent) {
+  var element = /*#__PURE__*/React.createElement(AppContainer, {
+    WrapperComponent: WrapperComponent,
+    rootTag: {}
+  }, /*#__PURE__*/React.createElement(RootComponent, initialProps));
+  // Don't escape CSS text
+  var getStyleElement = props => {
+    var sheet = StyleSheet.getSheet();
+    return /*#__PURE__*/React.createElement("style", _extends({}, props, {
+      dangerouslySetInnerHTML: {
+        __html: sheet.textContent
+      },
+      id: sheet.id
+    }));
+  };
+  return {
+    element,
+    getStyleElement
+  };
+}

package/dist/exports/AppRegistry/renderApplication.js.flow

@@ -0,0 +1,28 @@
+/**
+ * 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 type { ComponentType, Node } from 'react';
+import AppContainer from './AppContainer';
+import invariant from 'fbjs/lib/invariant';
+import render, { hydrate } from '../render';
+import StyleSheet from '../StyleSheet';
+import React from 'react';
+export type Application = {
+  unmount: () => void
+};
+declare export default function renderApplication<Props: Object>(RootComponent: ComponentType<Props>, WrapperComponent?: ?ComponentType<*>, callback?: () => void, options: {
+  hydrate: boolean,
+  initialProps: Props,
+  rootTag: any,
+}): Application;
+declare export function getApplication(RootComponent: ComponentType<Object>, initialProps: Object, WrapperComponent?: ?ComponentType<*>): {|
+  element: Node,
+  getStyleElement: (Object) => Node,
+|};

package/dist/exports/AppState/index.js

@@ -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.
+ *
+ * 
+ */
+
+'use client';
+
+import invariant from 'fbjs/lib/invariant';
+import EventEmitter from '../../vendor/react-native/vendor/emitter/EventEmitter';
+import canUseDOM from '../../modules/canUseDom';
+
+// Android 4.4 browser
+var isPrefixed = canUseDOM && !document.hasOwnProperty('hidden') && document.hasOwnProperty('webkitHidden');
+var EVENT_TYPES = ['change', 'memoryWarning'];
+var VISIBILITY_CHANGE_EVENT = isPrefixed ? 'webkitvisibilitychange' : 'visibilitychange';
+var VISIBILITY_STATE_PROPERTY = isPrefixed ? 'webkitVisibilityState' : 'visibilityState';
+var AppStates = {
+  BACKGROUND: 'background',
+  ACTIVE: 'active'
+};
+var changeEmitter = null;
+export default class AppState {
+  static get currentState() {
+    if (!AppState.isAvailable) {
+      return AppStates.ACTIVE;
+    }
+    switch (document[VISIBILITY_STATE_PROPERTY]) {
+      case 'hidden':
+      case 'prerender':
+      case 'unloaded':
+        return AppStates.BACKGROUND;
+      default:
+        return AppStates.ACTIVE;
+    }
+  }
+  static addEventListener(type, handler) {
+    if (AppState.isAvailable) {
+      invariant(EVENT_TYPES.indexOf(type) !== -1, 'Trying to subscribe to unknown event: "%s"', type);
+      if (type === 'change') {
+        if (!changeEmitter) {
+          changeEmitter = new EventEmitter();
+          document.addEventListener(VISIBILITY_CHANGE_EVENT, () => {
+            if (changeEmitter) {
+              changeEmitter.emit('change', AppState.currentState);
+            }
+          }, false);
+        }
+        return changeEmitter.addListener(type, handler);
+      }
+    }
+  }
+}
+AppState.isAvailable = canUseDOM && !!document[VISIBILITY_STATE_PROPERTY];