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

package/dist/cjs/exports/TouchableHighlight/index.js

@@ -0,0 +1,154 @@
+"use strict";
+/**
+ * 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
+ */
+
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _useMergeRefs = _interopRequireDefault(require("../../modules/useMergeRefs"));
+var _usePressEvents = _interopRequireDefault(require("../../modules/usePressEvents"));
+var _StyleSheet = _interopRequireDefault(require("../StyleSheet"));
+var _View = _interopRequireDefault(require("../View"));
+var _excluded = ["activeOpacity", "children", "delayPressIn", "delayPressOut", "delayLongPress", "disabled", "focusable", "isTVSelectable", "onHideUnderlay", "onLongPress", "onPress", "onPressIn", "onPressOut", "onShowUnderlay", "rejectResponderTermination", "style", "testOnly_pressed", "underlayColor"];
+//import { warnOnce } from '../../modules/warnOnce';
+
+function createExtraStyles(activeOpacity, underlayColor) {
+  return {
+    child: {
+      opacity: activeOpacity !== null && activeOpacity !== void 0 ? activeOpacity : 0.85
+    },
+    underlay: {
+      backgroundColor: underlayColor === undefined ? 'black' : underlayColor
+    }
+  };
+}
+function hasPressHandler(props) {
+  return props.onPress != null || props.onPressIn != null || props.onPressOut != null || props.onLongPress != null;
+}
+
+/**
+ * A wrapper for making views respond properly to touches.
+ * On press down, the opacity of the wrapped view is decreased, which allows
+ * the underlay color to show through, darkening or tinting the view.
+ *
+ * The underlay comes from wrapping the child in a new View, which can affect
+ * layout, and sometimes cause unwanted visual artifacts if not used correctly,
+ * for example if the backgroundColor of the wrapped view isn't explicitly set
+ * to an opaque color.
+ *
+ * TouchableHighlight must have one child (not zero or more than one).
+ * If you wish to have several child components, wrap them in a View.
+ */
+function TouchableHighlight(props, forwardedRef) {
+  /*
+  warnOnce(
+    'TouchableHighlight',
+    'TouchableHighlight is deprecated. Please use Pressable.'
+  );
+  */
+
+  var activeOpacity = props.activeOpacity,
+    children = props.children,
+    delayPressIn = props.delayPressIn,
+    delayPressOut = props.delayPressOut,
+    delayLongPress = props.delayLongPress,
+    disabled = props.disabled,
+    focusable = props.focusable,
+    isTVSelectable = props.isTVSelectable,
+    onHideUnderlay = props.onHideUnderlay,
+    onLongPress = props.onLongPress,
+    onPress = props.onPress,
+    onPressIn = props.onPressIn,
+    onPressOut = props.onPressOut,
+    onShowUnderlay = props.onShowUnderlay,
+    rejectResponderTermination = props.rejectResponderTermination,
+    style = props.style,
+    testOnly_pressed = props.testOnly_pressed,
+    underlayColor = props.underlayColor,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var hostRef = (0, _react.useRef)(null);
+  var setRef = (0, _useMergeRefs.default)(forwardedRef, hostRef);
+  var _useState = (0, _react.useState)(testOnly_pressed === true ? createExtraStyles(activeOpacity, underlayColor) : null),
+    extraStyles = _useState[0],
+    setExtraStyles = _useState[1];
+  var showUnderlay = (0, _react.useCallback)(() => {
+    if (!hasPressHandler(props)) {
+      return;
+    }
+    setExtraStyles(createExtraStyles(activeOpacity, underlayColor));
+    if (onShowUnderlay != null) {
+      onShowUnderlay();
+    }
+  }, [activeOpacity, onShowUnderlay, props, underlayColor]);
+  var hideUnderlay = (0, _react.useCallback)(() => {
+    if (testOnly_pressed === true) {
+      return;
+    }
+    if (hasPressHandler(props)) {
+      setExtraStyles(null);
+      if (onHideUnderlay != null) {
+        onHideUnderlay();
+      }
+    }
+  }, [onHideUnderlay, props, testOnly_pressed]);
+  var pressConfig = (0, _react.useMemo)(() => ({
+    cancelable: !rejectResponderTermination,
+    disabled,
+    delayLongPress,
+    delayPressStart: delayPressIn,
+    delayPressEnd: delayPressOut,
+    onLongPress,
+    onPress,
+    onPressStart(event) {
+      showUnderlay();
+      if (onPressIn != null) {
+        onPressIn(event);
+      }
+    },
+    onPressEnd(event) {
+      hideUnderlay();
+      if (onPressOut != null) {
+        onPressOut(event);
+      }
+    }
+  }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, showUnderlay, hideUnderlay]);
+  var pressEventHandlers = (0, _usePressEvents.default)(hostRef, pressConfig);
+  var child = React.Children.only(children);
+  return /*#__PURE__*/React.createElement(_View.default, (0, _extends2.default)({}, rest, pressEventHandlers, {
+    accessibilityDisabled: disabled,
+    focusable: !disabled && focusable !== false,
+    pointerEvents: disabled ? 'box-none' : undefined,
+    ref: setRef,
+    style: [styles.root, style, !disabled && styles.actionable, extraStyles && extraStyles.underlay],
+    tabIndex: focusable !== false && isTVSelectable !== false ? 0 : -1
+  }), /*#__PURE__*/React.cloneElement(child, {
+    style: [child.props.style, extraStyles && extraStyles.child]
+  }));
+}
+var styles = _StyleSheet.default.create({
+  root: {
+    userSelect: 'none'
+  },
+  actionable: {
+    cursor: 'pointer',
+    touchAction: 'manipulation'
+  }
+});
+var MemoedTouchableHighlight = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(TouchableHighlight));
+MemoedTouchableHighlight.displayName = 'TouchableHighlight';
+var _default = exports.default = MemoedTouchableHighlight;
+module.exports = exports.default;

package/dist/cjs/exports/TouchableNativeFeedback/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+exports.__esModule = true;
+exports.default = void 0;
+var _UnimplementedView = _interopRequireDefault(require("../../modules/UnimplementedView"));
+/**
+ * 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.
+ *
+ * 
+ */
+var _default = exports.default = _UnimplementedView.default;
+module.exports = exports.default;

package/dist/cjs/exports/TouchableOpacity/index.js

@@ -0,0 +1,123 @@
+"use strict";
+/**
+ * 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
+ */
+
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _useMergeRefs = _interopRequireDefault(require("../../modules/useMergeRefs"));
+var _usePressEvents = _interopRequireDefault(require("../../modules/usePressEvents"));
+var _StyleSheet = _interopRequireDefault(require("../StyleSheet"));
+var _View = _interopRequireDefault(require("../View"));
+var _excluded = ["activeOpacity", "delayPressIn", "delayPressOut", "delayLongPress", "disabled", "focusable", "isTVSelectable", "onLongPress", "onPress", "onPressIn", "onPressOut", "rejectResponderTermination", "style"];
+//import { warnOnce } from '../../modules/warnOnce';
+
+/**
+ * A wrapper for making views respond properly to touches.
+ * On press down, the opacity of the wrapped view is decreased, dimming it.
+ */
+function TouchableOpacity(props, forwardedRef) {
+  /*
+  warnOnce(
+    'TouchableOpacity',
+    'TouchableOpacity is deprecated. Please use Pressable.'
+  );
+  */
+
+  var activeOpacity = props.activeOpacity,
+    delayPressIn = props.delayPressIn,
+    delayPressOut = props.delayPressOut,
+    delayLongPress = props.delayLongPress,
+    disabled = props.disabled,
+    focusable = props.focusable,
+    isTVSelectable = props.isTVSelectable,
+    onLongPress = props.onLongPress,
+    onPress = props.onPress,
+    onPressIn = props.onPressIn,
+    onPressOut = props.onPressOut,
+    rejectResponderTermination = props.rejectResponderTermination,
+    style = props.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var hostRef = (0, _react.useRef)(null);
+  var setRef = (0, _useMergeRefs.default)(forwardedRef, hostRef);
+  var _useState = (0, _react.useState)('0s'),
+    duration = _useState[0],
+    setDuration = _useState[1];
+  var _useState2 = (0, _react.useState)(null),
+    opacityOverride = _useState2[0],
+    setOpacityOverride = _useState2[1];
+  var setOpacityTo = (0, _react.useCallback)((value, duration) => {
+    setOpacityOverride(value);
+    setDuration(duration ? duration / 1000 + "s" : '0s');
+  }, [setOpacityOverride, setDuration]);
+  var setOpacityActive = (0, _react.useCallback)(duration => {
+    setOpacityTo(activeOpacity !== null && activeOpacity !== void 0 ? activeOpacity : 0.2, duration);
+  }, [activeOpacity, setOpacityTo]);
+  var setOpacityInactive = (0, _react.useCallback)(duration => {
+    setOpacityTo(null, duration);
+  }, [setOpacityTo]);
+  var pressConfig = (0, _react.useMemo)(() => ({
+    cancelable: !rejectResponderTermination,
+    disabled,
+    delayLongPress,
+    delayPressStart: delayPressIn,
+    delayPressEnd: delayPressOut,
+    onLongPress,
+    onPress,
+    onPressStart(event) {
+      var isGrant = event.dispatchConfig != null ? event.dispatchConfig.registrationName === 'onResponderGrant' : event.type === 'keydown';
+      setOpacityActive(isGrant ? 0 : 150);
+      if (onPressIn != null) {
+        onPressIn(event);
+      }
+    },
+    onPressEnd(event) {
+      setOpacityInactive(250);
+      if (onPressOut != null) {
+        onPressOut(event);
+      }
+    }
+  }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, setOpacityActive, setOpacityInactive]);
+  var pressEventHandlers = (0, _usePressEvents.default)(hostRef, pressConfig);
+  return /*#__PURE__*/React.createElement(_View.default, (0, _extends2.default)({}, rest, pressEventHandlers, {
+    accessibilityDisabled: disabled,
+    focusable: !disabled && focusable !== false,
+    pointerEvents: disabled ? 'box-none' : undefined,
+    ref: setRef,
+    style: [styles.root, !disabled && styles.actionable, style, opacityOverride != null && {
+      opacity: opacityOverride
+    }, {
+      transitionDuration: duration
+    }],
+    tabIndex: focusable !== false && isTVSelectable !== false ? 0 : -1
+  }));
+}
+var styles = _StyleSheet.default.create({
+  root: {
+    transitionProperty: 'opacity',
+    transitionDuration: '0.15s',
+    userSelect: 'none'
+  },
+  actionable: {
+    cursor: 'pointer',
+    touchAction: 'manipulation'
+  }
+});
+var MemoedTouchableOpacity = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(TouchableOpacity));
+MemoedTouchableOpacity.displayName = 'TouchableOpacity';
+var _default = exports.default = MemoedTouchableOpacity;
+module.exports = exports.default;

package/dist/cjs/exports/TouchableWithoutFeedback/index.js

@@ -0,0 +1,78 @@
+"use strict";
+/**
+ * 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
+ */
+
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _pick = _interopRequireDefault(require("../../modules/pick"));
+var _useMergeRefs = _interopRequireDefault(require("../../modules/useMergeRefs"));
+var _usePressEvents = _interopRequireDefault(require("../../modules/usePressEvents"));
+var _warnOnce = require("../../modules/warnOnce");
+var forwardPropsList = {
+  accessibilityDisabled: true,
+  accessibilityLabel: true,
+  accessibilityLiveRegion: true,
+  accessibilityRole: true,
+  accessibilityState: true,
+  accessibilityValue: true,
+  children: true,
+  disabled: true,
+  focusable: true,
+  nativeID: true,
+  onBlur: true,
+  onFocus: true,
+  onLayout: true,
+  testID: true
+};
+var pickProps = props => (0, _pick.default)(props, forwardPropsList);
+function TouchableWithoutFeedback(props, forwardedRef) {
+  (0, _warnOnce.warnOnce)('TouchableWithoutFeedback', 'TouchableWithoutFeedback is deprecated. Please use Pressable.');
+  var delayPressIn = props.delayPressIn,
+    delayPressOut = props.delayPressOut,
+    delayLongPress = props.delayLongPress,
+    disabled = props.disabled,
+    focusable = props.focusable,
+    onLongPress = props.onLongPress,
+    onPress = props.onPress,
+    onPressIn = props.onPressIn,
+    onPressOut = props.onPressOut,
+    rejectResponderTermination = props.rejectResponderTermination;
+  var hostRef = (0, _react.useRef)(null);
+  var pressConfig = (0, _react.useMemo)(() => ({
+    cancelable: !rejectResponderTermination,
+    disabled,
+    delayLongPress,
+    delayPressStart: delayPressIn,
+    delayPressEnd: delayPressOut,
+    onLongPress,
+    onPress,
+    onPressStart: onPressIn,
+    onPressEnd: onPressOut
+  }), [disabled, delayPressIn, delayPressOut, delayLongPress, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination]);
+  var pressEventHandlers = (0, _usePressEvents.default)(hostRef, pressConfig);
+  var element = React.Children.only(props.children);
+  var children = [element.props.children];
+  var supportedProps = pickProps(props);
+  supportedProps.accessibilityDisabled = disabled;
+  supportedProps.focusable = !disabled && focusable !== false;
+  supportedProps.ref = (0, _useMergeRefs.default)(forwardedRef, hostRef, element.ref);
+  var elementProps = Object.assign(supportedProps, pressEventHandlers);
+  return /*#__PURE__*/React.cloneElement(element, elementProps, ...children);
+}
+var MemoedTouchableWithoutFeedback = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(TouchableWithoutFeedback));
+MemoedTouchableWithoutFeedback.displayName = 'TouchableWithoutFeedback';
+var _default = exports.default = MemoedTouchableWithoutFeedback;
+module.exports = exports.default;

package/dist/cjs/exports/UIManager/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+exports.__esModule = true;
+exports.default = void 0;
+var _getBoundingClientRect = _interopRequireDefault(require("../../modules/getBoundingClientRect"));
+var _setValueForStyles = _interopRequireDefault(require("../../modules/setValueForStyles"));
+/**
+ * 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.
+ *
+ * 
+ */
+
+var getRect = node => {
+  var height = node.offsetHeight;
+  var width = node.offsetWidth;
+  var left = node.offsetLeft;
+  var top = node.offsetTop;
+  node = node.offsetParent;
+  while (node && node.nodeType === 1 /* Node.ELEMENT_NODE */) {
+    left += node.offsetLeft + node.clientLeft - node.scrollLeft;
+    top += node.offsetTop + node.clientTop - node.scrollTop;
+    node = node.offsetParent;
+  }
+  top -= window.scrollY;
+  left -= window.scrollX;
+  return {
+    width,
+    height,
+    top,
+    left
+  };
+};
+var measureLayout = (node, relativeToNativeNode, callback) => {
+  var relativeNode = relativeToNativeNode || node && node.parentNode;
+  if (node && relativeNode) {
+    setTimeout(() => {
+      if (node.isConnected && relativeNode.isConnected) {
+        var relativeRect = getRect(relativeNode);
+        var _getRect = getRect(node),
+          height = _getRect.height,
+          left = _getRect.left,
+          top = _getRect.top,
+          width = _getRect.width;
+        var x = left - relativeRect.left;
+        var y = top - relativeRect.top;
+        callback(x, y, width, height, left, top);
+      }
+    }, 0);
+  }
+};
+var elementsToIgnore = {
+  A: true,
+  BODY: true,
+  INPUT: true,
+  SELECT: true,
+  TEXTAREA: true
+};
+var UIManager = {
+  blur(node) {
+    try {
+      node.blur();
+    } catch (err) {}
+  },
+  focus(node) {
+    try {
+      var name = node.nodeName;
+      // A tabIndex of -1 allows element to be programmatically focused but
+      // prevents keyboard focus. We don't want to set the tabindex value on
+      // elements that should not prevent keyboard focus.
+      if (node.getAttribute('tabIndex') == null && node.isContentEditable !== true && elementsToIgnore[name] == null) {
+        node.setAttribute('tabIndex', '-1');
+      }
+      node.focus();
+    } catch (err) {}
+  },
+  measure(node, callback) {
+    measureLayout(node, null, callback);
+  },
+  measureInWindow(node, callback) {
+    if (node) {
+      setTimeout(() => {
+        var _getBoundingClientRec = (0, _getBoundingClientRect.default)(node),
+          height = _getBoundingClientRec.height,
+          left = _getBoundingClientRec.left,
+          top = _getBoundingClientRec.top,
+          width = _getBoundingClientRec.width;
+        callback(left, top, width, height);
+      }, 0);
+    }
+  },
+  measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
+    measureLayout(node, relativeToNativeNode, onSuccess);
+  },
+  updateView(node, props) {
+    for (var prop in props) {
+      if (!Object.prototype.hasOwnProperty.call(props, prop)) {
+        continue;
+      }
+      var value = props[prop];
+      switch (prop) {
+        case 'style':
+          {
+            (0, _setValueForStyles.default)(node, value);
+            break;
+          }
+        case 'class':
+        case 'className':
+          {
+            node.setAttribute('class', value);
+            break;
+          }
+        case 'text':
+        case 'value':
+          // native platforms use `text` prop to replace text input value
+          node.value = value;
+          break;
+        default:
+          node.setAttribute(prop, value);
+      }
+    }
+  },
+  configureNextLayoutAnimation(config, onAnimationDidEnd) {
+    onAnimationDidEnd();
+  },
+  // mocks
+  setLayoutAnimationEnabledExperimental() {}
+};
+var _default = exports.default = UIManager;
+module.exports = exports.default;

package/dist/cjs/exports/Vibration/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+/**
+ * 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 vibrate = pattern => {
+  if ('vibrate' in window.navigator) {
+    window.navigator.vibrate(pattern);
+  }
+};
+var Vibration = {
+  cancel() {
+    vibrate(0);
+  },
+  vibrate(pattern) {
+    if (pattern === void 0) {
+      pattern = 400;
+    }
+    vibrate(pattern);
+  }
+};
+var _default = exports.default = Vibration;
+module.exports = exports.default;