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

package/dist/exports/Picker/index.js

@@ -0,0 +1,67 @@
+/**
+ * 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 = ["children", "enabled", "onValueChange", "selectedValue", "style", "testID", "itemStyle", "mode", "prompt"];
+import * as React from 'react';
+import createElement from '../createElement';
+import useMergeRefs from '../../modules/useMergeRefs';
+import usePlatformMethods from '../../modules/usePlatformMethods';
+import PickerItem from './PickerItem';
+import StyleSheet from '../StyleSheet';
+var Picker = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  var children = props.children,
+    enabled = props.enabled,
+    onValueChange = props.onValueChange,
+    selectedValue = props.selectedValue,
+    style = props.style,
+    testID = props.testID,
+    itemStyle = props.itemStyle,
+    mode = props.mode,
+    prompt = props.prompt,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  var hostRef = React.useRef(null);
+  function handleChange(e) {
+    var _e$target = e.target,
+      selectedIndex = _e$target.selectedIndex,
+      value = _e$target.value;
+    if (onValueChange) {
+      onValueChange(value, selectedIndex);
+    }
+  }
+
+  // $FlowFixMe
+  var supportedProps = _objectSpread({
+    children,
+    disabled: enabled === false ? true : undefined,
+    onChange: handleChange,
+    style: [styles.initial, style],
+    testID,
+    value: selectedValue
+  }, other);
+  var platformMethodsRef = usePlatformMethods(supportedProps);
+  var setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
+  supportedProps.ref = setRef;
+  return createElement('select', supportedProps);
+});
+
+// $FlowFixMe
+Picker.Item = PickerItem;
+var styles = StyleSheet.create({
+  initial: {
+    fontFamily: 'System',
+    fontSize: 'inherit',
+    margin: 0
+  }
+});
+export default Picker;

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

@@ -0,0 +1,74 @@
+/**
+ * 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 { PlatformMethods } from '../../types';
+import type { ViewProps } from '../View';
+import * as React from 'react';
+import createElement from '../createElement';
+import useMergeRefs from '../../modules/useMergeRefs';
+import usePlatformMethods from '../../modules/usePlatformMethods';
+import PickerItem from './PickerItem';
+import StyleSheet from '../StyleSheet';
+type PickerProps = {
+  ...ViewProps,
+  children?: typeof PickerItem | Array<typeof PickerItem>,
+  enabled?: boolean,
+  onValueChange?: (number | string, number) => void,
+  selectedValue?: number | string,
+  style?: any,
+  /* compat */
+  itemStyle?: any,
+  mode?: string,
+  prompt?: string,
+};
+const Picker: React.AbstractComponent<PickerProps, HTMLElement & PlatformMethods> = React.forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    enabled,
+    onValueChange,
+    selectedValue,
+    style,
+    testID,
+    /* eslint-disable */
+    itemStyle,
+    mode,
+    prompt,
+    /* eslint-enable */
+    ...other
+  } = props;
+  const hostRef = React.useRef(null);
+  declare function handleChange(e: Object): any; // $FlowFixMe
+  const supportedProps: any = {
+    children,
+    disabled: enabled === false ? true : undefined,
+    onChange: handleChange,
+    style: [styles.initial, style],
+    testID,
+    value: selectedValue,
+    ...other
+  };
+  const platformMethodsRef = usePlatformMethods(supportedProps);
+  const setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
+  supportedProps.ref = setRef;
+  return createElement('select', supportedProps);
+});
+
+// $FlowFixMe
+Picker.Item = PickerItem;
+const styles = StyleSheet.create({
+  initial: {
+    fontFamily: 'System',
+    fontSize: 'inherit',
+    margin: 0
+  }
+});
+export default Picker;

package/dist/exports/PixelRatio/index.js

@@ -0,0 +1,49 @@
+/**
+ * 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 Dimensions from '../Dimensions';
+
+/**
+ * PixelRatio gives access to the device pixel density.
+ */
+export default class PixelRatio {
+  /**
+   * Returns the device pixel density.
+   */
+  static get() {
+    return Dimensions.get('window').scale;
+  }
+
+  /**
+   * No equivalent for Web
+   */
+  static getFontScale() {
+    return Dimensions.get('window').fontScale || PixelRatio.get();
+  }
+
+  /**
+   * Converts a layout size (dp) to pixel size (px).
+   * Guaranteed to return an integer number.
+   */
+  static getPixelSizeForLayoutSize(layoutSize) {
+    return Math.round(layoutSize * PixelRatio.get());
+  }
+
+  /**
+   * Rounds a layout size (dp) to the nearest layout size that corresponds to
+   * an integer number of pixels. For example, on a device with a PixelRatio
+   * of 3, `PixelRatio.roundToNearestPixel(8.4) = 8.33`, which corresponds to
+   * exactly (8.33 * 3) = 25 pixels.
+   */
+  static roundToNearestPixel(layoutSize) {
+    var ratio = PixelRatio.get();
+    return Math.round(layoutSize * ratio) / ratio;
+  }
+}

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

@@ -0,0 +1,21 @@
+/**
+ * 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 Dimensions from '../Dimensions';
+
+/**
+ * PixelRatio gives access to the device pixel density.
+ */
+declare export default class PixelRatio {
+  static get(): number,
+  static getFontScale(): number,
+  static getPixelSizeForLayoutSize(layoutSize: number): number,
+  static roundToNearestPixel(layoutSize: number): number,
+}

package/dist/exports/Platform/index.js

@@ -0,0 +1,26 @@
+/**
+ * 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 Platform = {
+  OS: 'web',
+  isTV: true,
+  // TODO: detect TV platforms
+  select: obj => 'web' in obj ? obj.web : obj.default,
+  get isTesting() {
+    if (process.env.NODE_ENV === 'test') {
+      return true;
+    }
+    return false;
+  },
+  get Version() {
+    return '0.0.0';
+  }
+};
+export default Platform;

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

@@ -0,0 +1,26 @@
+/**
+ * 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
+ */
+
+const Platform = {
+  OS: 'web',
+  isTV: true,
+  // TODO: detect TV platforms
+  select: (obj: Object): any => 'web' in obj ? obj.web : obj.default,
+  get isTesting(): boolean {
+    if (process.env.NODE_ENV === 'test') {
+      return true;
+    }
+    return false;
+  },
+  get Version(): string {
+    return '0.0.0';
+  }
+};
+export default Platform;

package/dist/exports/Pressable/index.js

@@ -0,0 +1,157 @@
+/**
+ * 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 = ["children", "delayLongPress", "delayPressIn", "delayPressOut", "disabled", "onBlur", "onContextMenu", "onFocus", "onHoverIn", "onHoverOut", "onKeyDown", "onLongPress", "onPress", "onPressMove", "onPressIn", "onPressOut", "style", "tabIndex", "testOnly_hovered", "testOnly_pressed", "focusable", "isTVSelectable"];
+import * as React from 'react';
+import { forwardRef, memo, useMemo, useState, useRef } from 'react';
+import useMergeRefs from '../../modules/useMergeRefs';
+import useHover from '../../modules/useHover';
+import usePressEvents from '../../modules/usePressEvents';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+/**
+ * Component used to build display components that should respond to whether the
+ * component is currently pressed or not.
+ */
+function Pressable(props, forwardedRef) {
+  var children = props.children,
+    delayLongPress = props.delayLongPress,
+    delayPressIn = props.delayPressIn,
+    delayPressOut = props.delayPressOut,
+    disabled = props.disabled,
+    onBlur = props.onBlur,
+    onContextMenu = props.onContextMenu,
+    onFocus = props.onFocus,
+    onHoverIn = props.onHoverIn,
+    onHoverOut = props.onHoverOut,
+    onKeyDown = props.onKeyDown,
+    onLongPress = props.onLongPress,
+    onPress = props.onPress,
+    onPressMove = props.onPressMove,
+    onPressIn = props.onPressIn,
+    onPressOut = props.onPressOut,
+    style = props.style,
+    tabIndex = props.tabIndex,
+    testOnly_hovered = props.testOnly_hovered,
+    testOnly_pressed = props.testOnly_pressed,
+    focusable = props.focusable,
+    isTVSelectable = props.isTVSelectable,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useForceableState = useForceableState(testOnly_hovered === true),
+    hovered = _useForceableState[0],
+    setHovered = _useForceableState[1];
+  var _useForceableState2 = useForceableState(false),
+    focused = _useForceableState2[0],
+    setFocused = _useForceableState2[1];
+  var _useForceableState3 = useForceableState(testOnly_pressed === true),
+    pressed = _useForceableState3[0],
+    setPressed = _useForceableState3[1];
+  var hostRef = useRef(null);
+  var setRef = useMergeRefs(forwardedRef, hostRef);
+  var pressConfig = useMemo(() => ({
+    delayLongPress,
+    delayPressStart: delayPressIn,
+    delayPressEnd: delayPressOut,
+    disabled,
+    onLongPress,
+    onPress,
+    onPressChange: setPressed,
+    onPressStart: onPressIn,
+    onPressMove,
+    onPressEnd: onPressOut
+  }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressMove, onPressOut, setPressed]);
+  var pressEventHandlers = usePressEvents(hostRef, pressConfig);
+  var onContextMenuPress = pressEventHandlers.onContextMenu,
+    onKeyDownPress = pressEventHandlers.onKeyDown;
+  useHover(hostRef, {
+    contain: true,
+    disabled,
+    onHoverChange: setHovered,
+    onHoverStart: onHoverIn,
+    onHoverEnd: onHoverOut
+  });
+  var interactionState = {
+    hovered,
+    focused,
+    pressed
+  };
+  var blurHandler = React.useCallback(e => {
+    if (e.nativeEvent.target === hostRef.current) {
+      setFocused(false);
+      if (onBlur != null) {
+        onBlur(e);
+      }
+    }
+  }, [hostRef, setFocused, onBlur]);
+  var focusHandler = React.useCallback(e => {
+    if (e.nativeEvent.target === hostRef.current) {
+      setFocused(true);
+      if (onFocus != null) {
+        onFocus(e);
+      }
+    }
+  }, [hostRef, setFocused, onFocus]);
+  var contextMenuHandler = React.useCallback(e => {
+    if (onContextMenuPress != null) {
+      onContextMenuPress(e);
+    }
+    if (onContextMenu != null) {
+      onContextMenu(e);
+    }
+  }, [onContextMenu, onContextMenuPress]);
+  var keyDownHandler = React.useCallback(e => {
+    if (onKeyDownPress != null) {
+      onKeyDownPress(e);
+    }
+    if (onKeyDown != null) {
+      onKeyDown(e);
+    }
+  }, [onKeyDown, onKeyDownPress]);
+
+  // Use tabindex to handle focusable
+  // as LRUD focus handling depends on it
+  var _tabIndex;
+  if (tabIndex !== undefined) {
+    _tabIndex = tabIndex;
+  } else {
+    _tabIndex = focusable !== false && isTVSelectable !== false ? 0 : -1;
+  }
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, pressEventHandlers, {
+    "aria-disabled": disabled,
+    onBlur: blurHandler,
+    onContextMenu: contextMenuHandler,
+    onFocus: focusHandler,
+    onKeyDown: keyDownHandler,
+    ref: setRef,
+    style: [disabled ? styles.disabled : styles.active, typeof style === 'function' ? style(interactionState) : style],
+    tabIndex: _tabIndex
+  }), typeof children === 'function' ? children(interactionState) : children);
+}
+function useForceableState(forced) {
+  var _useState = useState(false),
+    bool = _useState[0],
+    setBool = _useState[1];
+  return [bool || forced, setBool];
+}
+var styles = StyleSheet.create({
+  active: {
+    cursor: 'pointer',
+    touchAction: 'manipulation'
+  },
+  disabled: {
+    pointerEvents: 'box-none'
+  }
+});
+var MemoedPressable = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Pressable));
+MemoedPressable.displayName = 'Pressable';
+export default MemoedPressable;

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

@@ -0,0 +1,84 @@
+/**
+ * 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 strict-local
+ */
+
+'use client';
+
+import type { HoverEventsConfig } from '../../modules/useHover';
+import type { PressResponderConfig } from '../../modules/usePressEvents/PressResponder';
+import type { ViewProps } from '../View';
+import type { FocusEvent, BlurEvent } from '../../vendor/react-native/Types/CoreEventTypes';
+import * as React from 'react';
+import { forwardRef, memo, useMemo, useState, useRef } from 'react';
+import useMergeRefs from '../../modules/useMergeRefs';
+import useHover from '../../modules/useHover';
+import usePressEvents from '../../modules/usePressEvents';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+export type StateCallbackType = $ReadOnly<{|
+  focused: boolean,
+  hovered: boolean,
+  pressed: boolean,
+|}>;
+type ViewStyleProp = $PropertyType<ViewProps, 'style'>;
+type Props = {
+  ...ViewProps,
+  children: React.Node | ((state: StateCallbackType) => React.Node),
+  // Duration (in milliseconds) from `onPressIn` before `onLongPress` is called.
+  delayLongPress?: ?number,
+  // Duration (in milliseconds) from `onPressStart` is called after pointerdown
+  delayPressIn?: ?number,
+  // Duration (in milliseconds) from `onPressEnd` is called after pointerup.
+  delayPressOut?: ?number,
+  // Whether the press behavior is disabled.
+  disabled?: ?boolean,
+  // Called when the view is hovered
+  onHoverIn?: $PropertyType<HoverEventsConfig, 'onHoverStart'>,
+  // Called when the view is no longer hovered
+  onHoverOut?: $PropertyType<HoverEventsConfig, 'onHoverEnd'>,
+  // Called when this view's layout changes
+  onLayout?: $PropertyType<ViewProps, 'onLayout'>,
+  // Called when a long-tap gesture is detected.
+  onLongPress?: $PropertyType<PressResponderConfig, 'onLongPress'>,
+  // Called when a single tap gesture is detected.
+  onPress?: $PropertyType<PressResponderConfig, 'onPress'>,
+  // Called when a touch is engaged, before `onPress`.
+  onPressIn?: $PropertyType<PressResponderConfig, 'onPressStart'>,
+  // Called when a touch is moving, after `onPressIn`.
+  onPressMove?: $PropertyType<PressResponderConfig, 'onPressMove'>,
+  // Called when a touch is released, before `onPress`.
+  onPressOut?: $PropertyType<PressResponderConfig, 'onPressEnd'>,
+  style?: ViewStyleProp | ((state: StateCallbackType) => ViewStyleProp),
+  /**
+   * Used only for documentation or testing (e.g. snapshot testing).
+   */
+  testOnly_hovered?: ?boolean,
+  testOnly_pressed?: ?boolean,
+  // Additional TV Props
+  onFocusCapture?: ?(event: FocusEvent) => void,
+  onBlurCapture?: ?(event: BlurEvent) => void,
+};
+
+/**
+ * Component used to build display components that should respond to whether the
+ * component is currently pressed or not.
+ */
+declare function Pressable(props: Props, forwardedRef: any): React.Node;
+declare function useForceableState(forced: boolean): [boolean, (boolean) => void];
+const styles = StyleSheet.create({
+  active: {
+    cursor: 'pointer',
+    touchAction: 'manipulation'
+  },
+  disabled: {
+    pointerEvents: 'box-none'
+  }
+});
+const MemoedPressable = memo(forwardRef(Pressable));
+MemoedPressable.displayName = 'Pressable';
+export default (MemoedPressable: React.AbstractComponent<Props, React.ElementRef<typeof View>>);

package/dist/exports/ProgressBar/index.js

@@ -0,0 +1,75 @@
+/**
+ * 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 _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["color", "indeterminate", "progress", "trackColor", "style"];
+import * as React from 'react';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+var ProgressBar = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var _props$color = props.color,
+    color = _props$color === void 0 ? '#1976D2' : _props$color,
+    _props$indeterminate = props.indeterminate,
+    indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
+    _props$progress = props.progress,
+    progress = _props$progress === void 0 ? 0 : _props$progress,
+    _props$trackColor = props.trackColor,
+    trackColor = _props$trackColor === void 0 ? 'transparent' : _props$trackColor,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  var percentageProgress = progress * 100;
+  var width = indeterminate ? '25%' : percentageProgress + "%";
+  return /*#__PURE__*/React.createElement(View, _extends({}, other, {
+    "aria-valuemax": 100,
+    "aria-valuemin": 0,
+    "aria-valuenow": indeterminate ? null : percentageProgress,
+    ref: ref,
+    role: "progressbar",
+    style: [styles.track, style, {
+      backgroundColor: trackColor
+    }]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [{
+      backgroundColor: color,
+      width
+    }, styles.progress, indeterminate && styles.animation]
+  }));
+});
+ProgressBar.displayName = 'ProgressBar';
+var styles = StyleSheet.create({
+  track: {
+    forcedColorAdjust: 'none',
+    height: 5,
+    overflow: 'hidden',
+    userSelect: 'none',
+    zIndex: 0
+  },
+  progress: {
+    forcedColorAdjust: 'none',
+    height: '100%',
+    zIndex: -1
+  },
+  animation: {
+    animationDuration: '1s',
+    animationKeyframes: [{
+      '0%': {
+        transform: 'translateX(-100%)'
+      },
+      '100%': {
+        transform: 'translateX(400%)'
+      }
+    }],
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite'
+  }
+});
+export default ProgressBar;

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

@@ -0,0 +1,72 @@
+/**
+ * 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 type { ColorValue } from '../../types';
+import type { ViewProps } from '../View';
+import * as React from 'react';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+type ProgressBarProps = {
+  ...ViewProps,
+  color?: ColorValue,
+  indeterminate?: boolean,
+  progress?: number,
+  trackColor?: ColorValue,
+};
+const ProgressBar: React.AbstractComponent<ProgressBarProps, React.ElementRef<typeof View>> = React.forwardRef((props, ref) => {
+  const {
+    color = '#1976D2',
+    indeterminate = false,
+    progress = 0,
+    trackColor = 'transparent',
+    style,
+    ...other
+  } = props;
+  const percentageProgress = progress * 100;
+  const width = indeterminate ? '25%' : `${percentageProgress}%`;
+  return <View {...other} aria-valuemax={100} aria-valuemin={0} aria-valuenow={indeterminate ? null : percentageProgress} ref={ref} role="progressbar" style={[styles.track, style, {
+    backgroundColor: trackColor
+  }]}>
+      <View style={[{
+      backgroundColor: color,
+      width
+    }, styles.progress, indeterminate && styles.animation]} />
+    </View>;
+});
+ProgressBar.displayName = 'ProgressBar';
+const styles = StyleSheet.create({
+  track: {
+    forcedColorAdjust: 'none',
+    height: 5,
+    overflow: 'hidden',
+    userSelect: 'none',
+    zIndex: 0
+  },
+  progress: {
+    forcedColorAdjust: 'none',
+    height: '100%',
+    zIndex: -1
+  },
+  animation: {
+    animationDuration: '1s',
+    animationKeyframes: [{
+      '0%': {
+        transform: 'translateX(-100%)'
+      },
+      '100%': {
+        transform: 'translateX(400%)'
+      }
+    }],
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite'
+  }
+});
+export default ProgressBar;

package/dist/exports/RefreshControl/index.js

@@ -0,0 +1,29 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["colors", "enabled", "onRefresh", "progressBackgroundColor", "progressViewOffset", "refreshing", "size", "tintColor", "title", "titleColor"];
+/**
+ * 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 View from '../View';
+import React from 'react';
+function RefreshControl(props) {
+  var colors = props.colors,
+    enabled = props.enabled,
+    onRefresh = props.onRefresh,
+    progressBackgroundColor = props.progressBackgroundColor,
+    progressViewOffset = props.progressViewOffset,
+    refreshing = props.refreshing,
+    size = props.size,
+    tintColor = props.tintColor,
+    title = props.title,
+    titleColor = props.titleColor,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/React.createElement(View, rest);
+}
+export default RefreshControl;