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

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

@@ -0,0 +1,30 @@
+/**
+ * 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 { ColorValue } from '../../types';
+import type { ViewProps } from '../View';
+import type { Node } from 'React';
+import View from '../View';
+import React from 'react';
+type RefreshControlProps = {
+  ...ViewProps,
+  colors?: Array<ColorValue>,
+  enabled?: boolean,
+  onRefresh?: () => void,
+  progressBackgroundColor?: ColorValue,
+  progressViewOffset?: number,
+  refreshing: boolean,
+  size?: 0 | 1,
+  tintColor?: ColorValue,
+  title?: string,
+  titleColor?: ColorValue,
+};
+declare function RefreshControl(props: RefreshControlProps): Node;
+export default RefreshControl;

package/dist/exports/SafeAreaView/index.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["style"];
+/**
+ * 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';
+import canUseDOM from '../../modules/canUseDom';
+var cssFunction = function () {
+  if (canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports('top: constant(safe-area-inset-top)')) {
+    return 'constant';
+  }
+  return 'env';
+}();
+var SafeAreaView = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var style = props.style,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    ref: ref,
+    style: [styles.root, style]
+  }));
+});
+SafeAreaView.displayName = 'SafeAreaView';
+var styles = StyleSheet.create({
+  root: {
+    paddingTop: cssFunction + "(safe-area-inset-top)",
+    paddingRight: cssFunction + "(safe-area-inset-right)",
+    paddingBottom: cssFunction + "(safe-area-inset-bottom)",
+    paddingLeft: cssFunction + "(safe-area-inset-left)"
+  }
+});
+export default SafeAreaView;

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

@@ -0,0 +1,38 @@
+/**
+ * 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 { ViewProps } from '../View';
+import * as React from 'react';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+import canUseDOM from '../../modules/canUseDom';
+const cssFunction: 'constant' | 'env' = function () {
+  if (canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports('top: constant(safe-area-inset-top)')) {
+    return 'constant';
+  }
+  return 'env';
+}();
+const SafeAreaView: React.AbstractComponent<ViewProps, React.ElementRef<typeof View>> = React.forwardRef((props, ref) => {
+  const {
+    style,
+    ...rest
+  } = props;
+  return <View {...rest} ref={ref} style={[styles.root, style]} />;
+});
+SafeAreaView.displayName = 'SafeAreaView';
+const styles = StyleSheet.create({
+  root: {
+    paddingTop: `${cssFunction}(safe-area-inset-top)`,
+    paddingRight: `${cssFunction}(safe-area-inset-right)`,
+    paddingBottom: `${cssFunction}(safe-area-inset-bottom)`,
+    paddingLeft: `${cssFunction}(safe-area-inset-left)`
+  }
+});
+export default SafeAreaView;

package/dist/exports/ScrollView/ScrollViewBase.js

@@ -0,0 +1,147 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["focusable", "isTVSelectable", "onScroll", "onTouchMove", "onWheel", "scrollEnabled", "scrollEventThrottle", "showsHorizontalScrollIndicator", "showsVerticalScrollIndicator", "style"];
+/**
+ * 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 * as React from 'react';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+import useMergeRefs from '../../modules/useMergeRefs';
+function normalizeScrollEvent(e) {
+  return {
+    nativeEvent: {
+      contentOffset: {
+        get x() {
+          return e.target.scrollLeft;
+        },
+        get y() {
+          return e.target.scrollTop;
+        }
+      },
+      contentSize: {
+        get height() {
+          return e.target.scrollHeight;
+        },
+        get width() {
+          return e.target.scrollWidth;
+        }
+      },
+      layoutMeasurement: {
+        get height() {
+          return e.target.offsetHeight;
+        },
+        get width() {
+          return e.target.offsetWidth;
+        }
+      }
+    },
+    timeStamp: Date.now()
+  };
+}
+function shouldEmitScrollEvent(lastTick, eventThrottle) {
+  var timeSinceLastTick = Date.now() - lastTick;
+  return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;
+}
+
+/**
+ * Encapsulates the Web-specific scroll throttling and disabling logic
+ */
+var ScrollViewBase = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  var focusable = props.focusable,
+    isTVSelectable = props.isTVSelectable,
+    onScroll = props.onScroll,
+    onTouchMove = props.onTouchMove,
+    onWheel = props.onWheel,
+    _props$scrollEnabled = props.scrollEnabled,
+    scrollEnabled = _props$scrollEnabled === void 0 ? true : _props$scrollEnabled,
+    _props$scrollEventThr = props.scrollEventThrottle,
+    scrollEventThrottle = _props$scrollEventThr === void 0 ? 0 : _props$scrollEventThr,
+    showsHorizontalScrollIndicator = props.showsHorizontalScrollIndicator,
+    showsVerticalScrollIndicator = props.showsVerticalScrollIndicator,
+    style = props.style,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var scrollState = React.useRef({
+    isScrolling: false,
+    scrollLastTick: 0
+  });
+  var scrollTimeout = React.useRef(null);
+  var scrollRef = React.useRef(null);
+  function createPreventableScrollHandler(handler) {
+    return e => {
+      if (scrollEnabled) {
+        if (handler) {
+          handler(e);
+        }
+      }
+    };
+  }
+  function handleScroll(e) {
+    e.stopPropagation();
+    if (e.target === scrollRef.current) {
+      e.persist();
+      // A scroll happened, so the scroll resets the scrollend timeout.
+      if (scrollTimeout.current != null) {
+        clearTimeout(scrollTimeout.current);
+      }
+      scrollTimeout.current = setTimeout(() => {
+        handleScrollEnd(e);
+      }, 100);
+      if (scrollState.current.isScrolling) {
+        // Scroll last tick may have changed, check if we need to notify
+        if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {
+          handleScrollTick(e);
+        }
+      } else {
+        // Weren't scrolling, so we must have just started
+        handleScrollStart(e);
+      }
+    }
+  }
+  function handleScrollStart(e) {
+    scrollState.current.isScrolling = true;
+    handleScrollTick(e);
+  }
+  function handleScrollTick(e) {
+    scrollState.current.scrollLastTick = Date.now();
+    if (onScroll) {
+      onScroll(normalizeScrollEvent(e));
+    }
+  }
+  function handleScrollEnd(e) {
+    scrollState.current.isScrolling = false;
+    if (onScroll) {
+      onScroll(normalizeScrollEvent(e));
+    }
+  }
+  var hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    onScroll: handleScroll,
+    onTouchMove: createPreventableScrollHandler(onTouchMove),
+    onWheel: createPreventableScrollHandler(onWheel),
+    ref: useMergeRefs(scrollRef, forwardedRef),
+    style: [style, !scrollEnabled && styles.scrollDisabled, hideScrollbar && styles.hideScrollbar],
+    tabIndex: focusable === true || isTVSelectable === true ? 0 : undefined
+  }));
+});
+
+// Chrome doesn't support e.preventDefault in this case; touch-action must be
+// used to disable scrolling.
+// https://developers.google.com/web/updates/2017/01/scrolling-intervention
+var styles = StyleSheet.create({
+  scrollDisabled: {
+    overflowX: 'hidden',
+    overflowY: 'hidden',
+    touchAction: 'none'
+  },
+  hideScrollbar: {
+    scrollbarWidth: 'none'
+  }
+});
+export default ScrollViewBase;

package/dist/exports/ScrollView/ScrollViewBase.js.flow

@@ -0,0 +1,76 @@
+/**
+ * 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 type { ViewProps } from '../View';
+import * as React from 'react';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+import useMergeRefs from '../../modules/useMergeRefs';
+type Props = {
+  ...ViewProps,
+  onMomentumScrollBegin?: (e: any) => void,
+  onMomentumScrollEnd?: (e: any) => void,
+  onScroll?: (e: any) => void,
+  onScrollBeginDrag?: (e: any) => void,
+  onScrollEndDrag?: (e: any) => void,
+  onTouchMove?: (e: any) => void,
+  onWheel?: (e: any) => void,
+  scrollEnabled?: boolean,
+  scrollEventThrottle?: number,
+  showsHorizontalScrollIndicator?: boolean,
+  showsVerticalScrollIndicator?: boolean,
+};
+declare function normalizeScrollEvent(e: any): any;
+declare function shouldEmitScrollEvent(lastTick: number, eventThrottle: number): any;
+/**
+ * Encapsulates the Web-specific scroll throttling and disabling logic
+ */
+const ScrollViewBase: React.AbstractComponent<Props, React.ElementRef<typeof View>> = React.forwardRef((props, forwardedRef) => {
+  const {
+    focusable,
+    isTVSelectable,
+    onScroll,
+    onTouchMove,
+    onWheel,
+    scrollEnabled = true,
+    scrollEventThrottle = 0,
+    showsHorizontalScrollIndicator,
+    showsVerticalScrollIndicator,
+    style,
+    ...rest
+  } = props;
+  const scrollState = React.useRef({
+    isScrolling: false,
+    scrollLastTick: 0
+  });
+  const scrollTimeout = React.useRef(null);
+  const scrollRef = React.useRef(null);
+  declare function createPreventableScrollHandler(handler: Function): any;
+  declare function handleScroll(e: Object): any;
+  declare function handleScrollStart(e: Object): any;
+  declare function handleScrollTick(e: Object): any;
+  declare function handleScrollEnd(e: Object): any;
+  const hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
+  return <View {...rest} onScroll={handleScroll} onTouchMove={createPreventableScrollHandler(onTouchMove)} onWheel={createPreventableScrollHandler(onWheel)} ref={useMergeRefs(scrollRef, forwardedRef)} style={[style, !scrollEnabled && styles.scrollDisabled, hideScrollbar && styles.hideScrollbar]} tabIndex={focusable === true || isTVSelectable === true ? 0 : undefined} />;
+});
+
+// Chrome doesn't support e.preventDefault in this case; touch-action must be
+// used to disable scrolling.
+// https://developers.google.com/web/updates/2017/01/scrolling-intervention
+const styles = StyleSheet.create({
+  scrollDisabled: {
+    overflowX: 'hidden',
+    overflowY: 'hidden',
+    touchAction: 'none'
+  },
+  hideScrollbar: {
+    scrollbarWidth: 'none'
+  }
+});
+export default ScrollViewBase;